@charset "utf-8";
/* CSS Document */
/*
記載順

全体の設定
ヘッダー
フッター
カラム設定
トップページ
アーカイブページ
投稿ページ
固定ページ
オリジナルパーツ
オリジナルパーツセット
個別設定

*/
/**************************全体設定***************************/
html {
  overflow-x: hidden;
}
body {
  overflow-x: hidden;
}
body, .primary-navigation a, h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6, p, ol, ul, li, dl, dt, dd, blockquote, figure, fieldset, form, legend, textarea, pre, iframe, table, th, td, input, textarea, button, .button {
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", monospace !important;
}
.en {
  font-family: "Poppins" !important;
}
.mincho {
  font-family: "Noto Serif JP" !important;
}
.hikki {
  font-family: "Ms Madi", cursive !important;
}
#main {
  padding: 0;
}
p, table {
  font-size: 1.06rem;
  margin: 10px auto;
  font-weight: 400;
  line-height: 2rem;
}
strong {
  color: #0d6db0;
  font-weight: 500;
}
a {
  color: #0d6db0;
}
img {
  width: 100%;
}
@media only screen and (max-width: 679.98px) {
  p, table {
    font-size: 0.98rem;
    line-height: 1.7rem;
  }
}
h2 {
  font-weight: bold;
  font-size: 2.2rem;
  text-align: center;
  margin: 10px auto 20px;
}
h3 {
  font-weight: 600;
  font-size: 1.9rem;
}
@media only screen and (max-width: 679.98px) {
  h2 {
    font-size: 1.8rem;
  }
  h3 {
    font-size: 1.5rem;
    margin-bottom: 10px;
  }
}
h4 {
  font-size: 1.1rem;
  margin: 15px auto 0;
  color: #0d6db0;
  font-weight: 600;
  border-left: 5px solid #0d6db0;
  padding-left: 10px;
}
@media only screen and (max-width: 679.98px) {
  h4 {
    font-size: 1rem;
  }
}
/*************************ヘッダー*************************/
/* ヘッダーの動き */
#masthead {
  position: fixed; /* 固定表示 */
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000; /* 最前面に表示 */
  transition: top 0.3s ease; /* スクロールでヘッダーがスムーズに動く */
}
#masthead {
  max-width: 100%;
  padding-right: 20px;
  padding-left: 20px;
  transition: 0.3s;
}
@media only screen and (min-width: 680px) {
  #masthead {
    padding: 0 30px;
  }
}
#masthead.scroll {
  background: rgb(255, 255, 255);
  max-width: calc(100vw);
}
@media only screen and (max-width: 920px) {
  #masthead {
    padding: 0 25px 0 15px;
  }
}
@media only screen and (max-width: 679.98px) {
  #masthead {
    padding: 0 22px 0 10px;
  }
}
@media only screen and (max-width: 679.98px) {
  #masthead {
    padding: 0 0 0 20px;
  }
  #masthead.scroll {
    margin: 0;
    max-width: 100%;
  }
}
/*ロゴ*/
.site-logo .custom-logo {
  filter: brightness(0) invert(1);
}
#masthead.scroll .site-logo .custom-logo {
  filter: none;
}
@media only screen and (min-width: 680px) {
  .site-logo .custom-logo {
    max-width: 230px;
    transition: 0.3s;
  }
  #masthead.scroll .site-logo .custom-logo {
    max-width: 160px;
  }
}
@media only screen and (max-width: 920px) {
  .site-logo .custom-logo, #masthead.scroll .site-logo .custom-logo {
    max-width: 120px;
  }
}
@media only screen and (max-width: 679.98px) {
  .site-logo .custom-logo, #masthead.scroll .site-logo .custom-logo {
    max-width: 120px;
  }
}
/*ナビ*/
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
  font-size: 0.9rem;
  display: block;
  padding: 14px 15px 18px 35px;
  height: 50px;
  margin-top: 31px;
  position: relative;
  transition: 0.3s;
  margin-left: 10px;
  border: 2px solid #fff;
  background: #fff;
  color: #0d6db0;
  font-family: "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", monospace !important;
}
#masthead.scroll .primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
  border: 2px solid #0d6db0;
}
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a:hover {
  background: #0d6db0;
  border: 2px solid #0d6db0;
  color: #fff;
}
#masthead.scroll .primary-navigation .primary-menu-container > ul > .menu-item:last-child a:hover {
  background: #0d6db0;
  border: 2px solid #0d6db0;
  color: #fff;
}
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a::after {
  content: '';
  display: block;
  width: 21px;
  height: 21px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 12px;
  left: 14px;
  filter: none;
}
.primary-navigation .primary-menu-container > ul > .menu-item:last-child a:hover::after {
  filter: invert(100%) brightness(5);
}
@media only screen and (min-width: 680px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    text-align: center;
    padding: 35px 1.2vw 25px;
    position: relative;
    font-size: 1.2rem;
    font-family: "Noto Serif JP" !important;
    font-weight: 500;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:first-child > a {
    padding-left: 20px;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a .small {
    display: block;
    font-size: 0.75rem;
    font-weight: 600;
    margin-top: 4px;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", monospace !important;
  }
  #masthead.scroll .primary-navigation .menu-item > a {
    color: #0d6db0;
  }
  .primary-navigation .menu-item > a {
    color: #fff;
    font-size: 0.9rem;
    font-weight: 500;
  }
  #masthead.scroll .primary-navigation .menu-item > a .small {
    color: #0d6db0;
  }
  .primary-navigation .menu-item > a .small {
    color: #fff;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a:hover {}
  .primary-navigation .current-menu-item > a:first-child {
    color: #0d6db0;
  }
  .primary-navigation .current_page_item > a:first-child {
    color: #fff;
  }
}
@media only screen and (max-width: 920px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-size: 0.8rem;
    padding: 35px 1.3vw 35px;
    line-height: 0.8rem;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a .small {
    font-size: 0.7rem;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
    padding: 11px 10px 11px 25px;
    height: 40px;
    margin: 30px 10px 0 10px;
    font-size: 0.8rem;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a span {}
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a::after {
    top: 13px;
    width: 11px;
    height: 11px;
    left: 10px;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    font-size: 0.9rem;
    padding: 35px 1vw 35px;
    letter-spacing: -0.5px;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a {
    letter-spacing: 0;
    font-size: 2rem;
    border-bottom: 1px solid;
    padding: 28px 0;
    margin-bottom: 10px;
    text-align: left;
    color: #2d3134;
    display: flex;
    justify-content: left;
    font-family: "Noto Serif JP" !important;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item > a .small {
    font-size: 0.8rem;
    display: block;
    font-weight: 600;
    margin-left: 5px;
    font-family: "Noto Sans JP", "游ゴシック", YuGothic, "游ゴシック体", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "MS PGothic", monospace !important;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a {
    font-size: 1.1rem;
    margin: 10px 0;
    text-align: center;
    position: relative;
    padding: 40px 20px;
    height: auto;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a span {
    display: inherit;
  }
  .primary-navigation .primary-menu-container > ul > .menu-item:last-child a::after {
    display: none;
  }
}
/*子メニュー*/
.primary-navigation .sub-menu {
  border: none;
  margin: 0 0 20px;
}
.primary-navigation .sub-menu .menu-item {
  position: relative;
  overflow: hidden;
}
.primary-navigation .sub-menu .menu-item::before {
  transform: scale(1.1);
}
.primary-navigation .sub-menu .menu-item:hover::before {
  transform: scale(1);
}
.primary-navigation .sub-menu .menu-item > a {
  position: relative;
  z-index: 1;
}
.primary-navigation .sub-menu .menu-item::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transition: transform 0.3s ease;
  z-index: 0;
}
.primary-navigation .sub-menu .menu-item > a {
  font-size: 0.9rem;
  text-align: center;
  border-bottom: 1px dotted;
  display: flex;
  justify-content: left;
  padding: 5px 10px;
  color: #000;
}
.primary-navigation .sub-menu .current_page_item > a:first-child::before {
  display: none;
}
@media only screen and (min-width: 680px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li {
    width: 100%;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    position: fixed;
    top: 95px;
    z-index: 1200;
    width: 100%;
    background: rgb(255, 255, 255);
    border: none;
    padding: 0 0px 0px 30px;
    display: flex;
    box-shadow: 0 30px 10px -20px rgba(0, 0, 0, 0.1);
  }
  .primary-navigation .sub-menu .menu-item > a {
    text-align: center;
    padding: 80px 0;
    transition: 0.3s;
    border: none;
    color: #fff;
    font-size: 0.8rem;
    background: rgba(0, 0, 0, 0.8);
    backdrop-filter: blur(1px);
    display: block;
  }
  .primary-navigation .sub-menu .menu-item > a span {
    display: block;
    font-size: 0.9rem;
    line-height: 1.6rem;
    color: #0d6db0;
  }
  .primary-navigation .sub-menu .menu-item > a:hover {
    background: rgba(0, 0, 0, 0.3);
    backdrop-filter: blur(0px);
  }
}
@media only screen and (min-width: 919.8px) {
  .primary-navigation .sub-menu .menu-item > a {
    font-size: 1.2rem;
  }
}
@media only screen and (min-width:1200px) {
  .primary-navigation .sub-menu .menu-item > a {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    top: 94px;
  }
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation .sub-menu .menu-item > a span {
    font-size: 0.8rem;
    margin: 0 0 0 10px;
    line-height: 1.2rem;
    font-weight: 600;
    color: #a8a8a8;
  }
  .primary-navigation > div > .menu-wrapper > li > .sub-menu {
    top: auto;
  }
}
/*子メニュー親メニュー名展開*/
.submenu-title {}
.submenu-title .small {
  font-size: 0.8rem;
  margin-left: 5px;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li.submenu-title {
  max-width: 22vw;
  position: relative;
}
.primary-navigation > div > .menu-wrapper > li > .sub-menu li.submenu-title p {
  position: absolute;
  bottom: 50px;
  font-size: 1.3rem;
}
.submenu-title .submenu-top-link {
  position: absolute;
  bottom: 20px;
  display: block;
  color: #0d6db0;
  border: 2px solid #0d6db0;
  padding: 4px 10px 5px 25px;
  border-radius: 7px;
  font-size: 0.8rem;
  transition: 0.3s;
  font-weight: 600;
}
.submenu-title .submenu-top-link:hover {
  color: #fff;
  background: #0d6db0;
}
.submenu-title .submenu-top-link::before {
  content: '';
  display: block;
  width: 10px;
  height: 10px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 7px;
  left: 10px;
}
.submenu-title .submenu-top-link:hover::before {
  filter: invert(0%) brightness(5);
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation > div > .menu-wrapper > li > .sub-menu li.submenu-title {
    display: none;
  }
}
/* メニュートグル有無 */
@media only screen and (min-width: 680px) {
  .primary-navigation .primary-menu-container > ul > .menu-item > a + .sub-menu-toggle {
    display: none;
  }
}
/*ナビスマホ*/
.menu-button-container #primary-mobile-menu {
  padding: 0;
  width: 40px;
  height: 32px;
  margin-right: 25px;
  margin-top: 12px;
}
.menu-button-container #primary-mobile-menu:focus {
  outline: none;
}
.menu-button-container #primary-mobile-menu span img {
  width: 40px;
  height: 32px;
  filter: brightness(0) invert(1);
}
#masthead.scroll .menu-button-container #primary-mobile-menu span img {
  filter: none;
}
/* ボタンスタイル */
.menu-button-container {
  position: relative;
}
@media only screen and (max-width: 679.98px) {
  .primary-navigation > .primary-menu-container {
    background: rgba(255, 255, 255, 0.5);
    padding: 20px 30px;
  }
}
/*************************フッター*************************/
.no-widgets .site-footer {
  width: 100%;
  max-width: 100%;
  padding: 0px;
}
.site-footer > .site-info {
  margin: 0;
  background: url(/img/foot-pc.png);
  background-size: cover !important;
}
.site-footer > .site-info .site-info-contents {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
  padding: 45px 3vw;
}
.site-footer > .site-info .site-info-contents .brand {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.site-footer .brand img {
  max-width: 190px;
  margin-top: 100px;
}
.site-footer .brand p {
  color: #fff;
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.2rem;
}
.site-footer .brand .name {
  font-size: 1rem;
  margin: 20px 0 10px;
  font-weight: 600;
}
.site-footer .brand .copyright {
  margin: 20px 0 0;
}
.site-footer > .site-info .site-info-contents .sitemap {
  width: 60%;
  display: flex;
}
.site-footer .sitemap > div {
  width: 100%;
  padding-left: 30px;
}
.site-footer .sitemap h3 {
  text-align: left;
  font-size: 1.6rem;
  font-weight: 400;
  color: #fff;
  font-family: "Noto Serif JP" !important;
}
.site-footer .sitemap a {
  text-decoration: none;
  color: #fff;
  font-size: 0.9rem;
  letter-spacing: 0.03rem;
  transition: 0.3s;
  display: block;
  border-bottom: 1px solid #fff;
  padding: 10px 0;
}
.site-footer .sitemap ul {
  padding: 0;
  list-style: none;
}
.site-footer .sitemap ul li {
  margin: 10px auto;
}
.site-footer .sitemap ul li a {
  color: #fff;
}
.site-footer .sitemap ul li a:hover {
  padding-left: 10px;
}
.site-footer .sitemap ul li ul li {
  margin-left: 15px;
}
.site-footer .sitemap .policy {
  margin-top: 80px;
  text-align: right;
}
.site-footer .sitemap .policy a {
  border-bottom: none;
  padding: 0;
  margin-top: 30px;
}
@media only screen and (max-width: 1200px) {
  .site-footer .sitemap a {
    font-size: 0.8rem;
    letter-spacing: 0;
  }
}
@media only screen and (max-width: 920px) {
  .site-footer > .site-info .site-info-contents {
    display: block;
    padding: 45px 40px;
  }
  .site-footer > .site-info .site-info-contents > div {
    width: 100% !important;
  }
  .site-footer > .site-info .site-info-contents .sitemap {
    width: 100%;
  }
  .site-footer .sitemap > div {
    padding-left: 10px;
    padding-right: 10px;
  }
}
@media only screen and (max-width: 679.98px) {
  .site-footer > .site-info {
    margin: 0;
    background: url(/img/foot-sp.png);
  }
  .site-footer > .site-info .site-info-contents {
    display: block;
    padding: 40px 30px;
  }
  .site-footer > .site-info .site-info-contents .sitemap {
    display: block;
  }
  .site-footer .sitemap > div {
    margin-bottom: 40px;
  }
  .site-footer .sitemap .policy {
    margin-top: 0;
    margin-bottom: 50px;
  }
}
/*************************カラム設定*************************/
/*幅*/
.max-1500 {
  max-width: 1500px;
  margin: 0 auto;
}
/*カラム枠*/
.column-1 {
  padding: 0px 5vw;
  margin: 0 auto;
}
.column-1 .in-mini {
  max-width: 1300px;
  margin: 0 auto;
}
.column-1 .in-text {
  max-width: 900px;
  margin: 0 auto;
}
@media only screen and (max-width: 679.98px) {
  .column-1 {
    padding: 0px 30px;
  }
  .column-1.wide {
    padding: 0px 20px;
  }
}
.column-2 {
  display: flex;
  justify-content: center;
  padding: 80px 0;
}
.column-2 > div {
  width: 50%;
  margin: 15px 30px;
}
.column-2 .back-img {
  border-radius: 20px;
  min-height: 280px;
  background-size: cover !important;
}
@media only screen and (max-width: 920px) {
  .column-2 {
    display: block;
	  padding: 80px 0 50px;
  }
  .column-2 > div {
    width: 100%;
    margin: 0 auto 20px;
  }
  .column-2 .back-img {
    margin-bottom: 0;
  }
}
.column-rightIMG {
  display: flex;
}
.column-rightIMG > div {
  width: calc(100% / 2);
}
.column-rightIMG .content {
  padding-left: 5vw;
  padding-right: 60px;
}
.column-rightIMG .IMG > div {
  height: 100%;
  background-position: center !important;
  max-height: 650px;
  background-size: cover !important;
  position: relative;
  border-radius: 0 15px 15px 0;
}
.column-rightIMG .btn01 {
  margin-bottom: 0;
}
@media only screen and (max-width: 920px) {
  .column-rightIMG {
    display: block;
    overflow: hidden;
  }
  .column-rightIMG > div {
    width: 100%;
  }
  .column-rightIMG .content {
    padding: 0px 30px 0px;
  }
  .column-rightIMG .IMG > div {
    height: 60vw;
    left: 30px;
    margin-bottom: 30px;
    min-height: 320px;
    border-radius: 0;
  }
}
/*フォント色*/
.color-white {
  color: #fff !important;
}
.color-orange{
	color: #f47d3b !important;
}
/*背景色*/
.back-black {
  background: #000;
}
.back-gray {
  background: #F3F3F3;
}
.back-color {
  background: #0d6db0;
}
.column-1.back-black, .column-1.back-gray, .column-1.back-color {
  padding-top: 90px;
  padding-bottom: 90px;
}
@media only screen and (max-width: 679.98px) {
  .column-1.back-black, .column-1.back-gray, .column-1.back-color {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
/*背景画像*/
.bgi-area.area00 {
  background: #f8f8f8;
}
.bgi-area.area01 {
  background: url('img/bgi-01-pc.png');
  background-position: center !important;
}
.bgi-area.area02 {
  background: url('img/bgi-02-pc.png');
  background-position: center !important;
}
.bgi-area.area03 {
  background: url('img/bgi-03-pc.png');
  background-position: center !important;
}
.bgi-area.area04 {
  background: url('img/bgi-04-pc.png');
}
.bgi-area.area05 {
  background: url('img/bgi-05-pc.png');
}
.bgi-area {
  background-size: cover !important;
  width: 100%;
}
@media only screen and (max-width: 679.98px) {
  .bgi-area.area01 {
    background: url('img/bgi-01-sp.png');
    min-height: 280px;
  }
  .bgi-area.area02 {
    background: url('img/bgi-02-sp.png');
    min-height: 280px;
  }
  .bgi-area.area03 {
    background: url('img/bgi-03-sp.png');
  }
  .bgi-area.area04 {
    background: url('img/bgi-04-sp.png');
  }
  .bgi-area.area05 {
    background: url('img/bgi-05-sp.png');
  }
  .bgi-area {
    background-size: cover !important;
    background-position: center !important;
  }
}
/*上下間隔*/
.spacer {
  margin: 100px auto;
}
.spacer-inner {
  padding: 80px 0;
}
.spacer-top {
  margin: 0 auto 100px;
}
.spacer-end {
  margin: 100px auto 0;
}
.spacerM {
  margin: 70px auto;
}
.spacerS {
  margin: 30px auto;
}
.pad {
  padding: 100px 0;
}
.pad-end {
  padding: 0 0 100px;
}
@media only screen and (max-width: 920px) {
  .spacer-inner {
    padding: 60px 0;
  }
  .pad-end {
    padding: 0 0 60px;
  }
}
/*表示反転*/
.pc-row-reverse {
  flex-direction: row-reverse;
}
/*************************トップページ index.php *************************/
/* ローディング画面 */
#loading {
  width: 100vw;
  height: 100vh;
  background-color: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
#loading .loading-content {
  text-align: center;
}
#loading img {
  max-width: 150px;
  margin-bottom: 40px;
}
#progress-bar {
  width: 300px;
  height: 6px;
  background: #999;
  border-radius: 3px;
  overflow: hidden;
  margin: 0 auto;
}
#progress {
  width: 0%;
  height: 100%;
  background: #184a9f;
  transition: width 0.2s;
}
#loading.loaded {
  opacity: 0;
  visibility: hidden;
  transition: all 1s;
}
/* TOPメイン コンテンツ部分*/
#first-view {
  height: 100vh;
  margin: 0;
  min-height: 680px;
  position: relative;
  overflow-x: clip;
}
@media only screen and (max-width: 679.98px) {
  #first-view {
    min-height: 500px;
  }
}
/*インフォコンテンツ*/
.contact-info {
  background: #fff;
  padding: 35px 30px;
  display: flex;
  flex-direction: column;
  gap: 4px;
  position: relative;
  border-radius: 10px;
  margin: 25px auto;
}
.contact-item {
  display: flex;
  align-items: center;
  font-size: 16px;
  line-height: 1.5;
}
.contact-item img {
  width: 28px;
  height: 28px;
  margin-right: 12px;
  flex-shrink: 0;
}
.contact-item a {
  color: #2b8fe8;
  text-decoration: underline;
  transition: .2s;
}
.contact-item a:hover {
  opacity: .7;
}
.contact-item small {
  font-size: 0.95em;
  font-weight: normal;
  color: #333;
}
@media only screen and (max-width: 679.98px) {
  .contact-info {
    padding: 25px 20px;
  }
  .contact-item {
    font-size: 15px;
    line-height: 1.2;
    margin: 1px 0 5px;
  }
  .contact-item .tel {
    font-size: 19px;
  }
  .contact-item small {
    font-size: 13px;
    margin-top: 2px;
    display: block;
  }
}
/*単品画像*/
.back-image {
  height: 100vh;
  display: block;
  position: relative;
}
.back-image div.img01 {
  background-image: url('img/pc-image1.png');
  display: block;
  background-size: cover;
  width: 100Vw;
  height: 55vh;
  position: absolute;
  bottom: 0;
  background-position: center;
}
@media only screen and (max-width: 679.98px) {
  .back-image div.img01 {
    background-image: url('img/sp-image1.png');
    height: 25vh;
  }
}
/*スライドショー*/
.back-slideshow {}
.back-slideshow div {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 100vh;
  margin: 0;
}
.back-slideshow div.img01 {
  background-image: url('img/pc-image1.png');
  background-position: top;
}
.back-slideshow div.img02 {
  background-image: url('img/pc-image2.png');
  background-position: top;
}
.back-slideshow .slick-dots {
  display: none;
}
.slick-initialized .slick-slide {
  min-height: 500px;
}
@media only screen and (max-width: 679.98px) {
  .back-slideshow div.img01 {
    background-image: url('img/sp-image1.png');
  }
  .back-slideshow div.img02 {
    background-image: url('img/sp-image2.png');
  }
}
/*背景動画*/
.back-movie {
  position: absolute;
  height: 55vh;
  overflow: clip;
  width: 0; /* 初期幅0 */
  margin: 0 auto;
  right: 0;
  left: 0;
  transition: width 0.8s ease, border-radius 0.8s ease;
  bottom: 0;
}
.back-movie.loaded {
  width: 100vw; /* 通常幅 */
}
.back-movie::before {
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.4);
  display: block;
}
#background-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 100%;
  object-fit: cover;
  z-index: -1;
}
.dot-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: radial-gradient(rgba(0, 0, 0, 0.4) 15%, transparent 16%);
  background-size: 4px 4px; /* サイズ小さめ */
  opacity: 0.8;
  pointer-events: none;
}
@media only screen and (min-width: 1600px) {
  .back-movie.loaded {}
  .dot-filter {
    background-size: 3px 3px; /* サイズ小さめ */
  }
}
@media only screen and (max-width: 679.98px) {
  .back-movie {
    height: 25vh;
  }
}
#first-view .catch-area {
  position: absolute;
  z-index: 2;
  bottom: 0;
  left: 3.5vw;
}
#first-view .catch-area .main-catch {
  font-size: 9.1vw;
  font-weight: 300;
  color: #fff;
  text-align: left;
  letter-spacing: .1vw;
  line-height: 8vw;
}
#first-view .catch-area .sub-catch {
  font-size: 1.85rem;
  font-weight: 400;
  margin: 40px auto 20px;
  color: #fff;
  letter-spacing: 0.3rem;
}
#first-view .catch-area .sub-txt {
  font-size: 1rem;
  margin: 0 auto 40px;
  padding: 0;
  text-align: left;
  font-weight: 400;
  color: #fff;
}
@media only screen and (max-width: 1200px) {
  #first-view .catch-area .main-catch {}
  #first-view .catch-area .sub-catch {}
}
@media only screen and (max-width: 920px) {
  #first-view, .slick-initialized .slick-slide {
    min-height: auto;
  }
  #first-view .catch-area .sub-catch {}
  #first-view .catch-area .sub-txt {}
}
@media only screen and (max-width: 679.98px) {
  #first-view .catch-area {
    bottom: 0;
    padding: 0;
    left: auto;
    right: 10px;
  }
  #first-view .catch-area .main-catch {
    text-align: right;
    font-size: 16.1vw;
    line-height: 15vw;
    letter-spacing: 0;
  }
  #first-view .catch-area .sub-catch {
    font-size: 4vw;
    letter-spacing: 0.4vw;
    text-align: right;
    margin: 20px auto 10px;
  }
  #first-view .catch-area .sub-txt {
    font-size: 2.7vw;
    line-height: .9rem;
    margin: 5px auto 25px;
  }
  #first-view, .slick-initialized .slick-slide {
    max-height: 100vh;
  }
}
/*** ポップアップバナー ***/
.recruit-banner-wrap {
  position: relative;
}
.recruit-banner {
  position: absolute;
  display: block;
  width: 100%;
  max-width: 360px;
  aspect-ratio: 16/9;
  background: url('img/img01.png') center center / cover no-repeat;
  text-decoration: none;
  color: #fff;
  overflow: hidden;
  bottom: 0;
  right: 0;
  transition: opacity 0.3s ease;
  border-radius: 10px 0 0 0;
  box-shadow: 0 0 20px 0px rgba(0, 0, 0, 0.2);
}
.recruit-banner__text {
  position: absolute;
  left: 20px;
  bottom: 20px;
  z-index: 2;
}
.recruit-banner__text p {
  margin: 0 0 4px;
  font-size: clamp(20px, 3vw, 30px);
  line-height: 1.25;
  font-weight: 500;
  letter-spacing: 0.03em;
}
.recruit-banner__text span {
  font-family: "Noto Serif JP";
  font-size: clamp(16px, 2vw, 22px);
  letter-spacing: 0.08em;
  font-weight: 600;
}
.recruit-banner__icon {
  position: absolute;
  right: 20px;
  bottom: 20px;
  width: 48px;
  height: 48px;
  padding: 15px;
  box-sizing: border-box;
  background: #f5823b;
  border-radius: 50%;
  z-index: 2;
  transition: transform 0.3s ease;
}
.recruit-banner:hover .recruit-banner__icon {
  transform: translateX(10px);
}
@media only screen and (max-width: 950px) {
  .recruit-banner-wrap {
    padding: 40px 30px;
  }
  .recruit-banner {
    position: relative;
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16/6;
    border-radius: 15px;
  }
}
/*** お知らせ ***/
#news {
  background: #f3f3f3;
}
#news .newscontent {
  max-width: 1000px;
  margin: 0 auto;
}
#news .newscontent .post-list {
  margin: 30px auto 40px;
}
#news .newscontent .post-list a {
  background: #fff;
  padding: 20px 20px;
  display: block;
  text-decoration: none;
  margin: 10px auto;
  transition: 0.3s;
}
#news .newscontent .post-list a:hover {
  background: #0d6db0;
}
.newscontent .post-list a .contents-wrap {
  display: flex;
  justify-content: left;
}
.newscontent .post-list a .contents-wrap .category-title {
  background: #0d6db0;
  color: #fff;
  font-size: 0.8rem;
  font-weight: 500;
  padding: 5px 10px;
  line-height: 1rem;
  border-radius: 4px;
  margin: auto 10px auto 10px;
  width: 110px;
  min-width: 110px;
  text-align: center;
}
.newscontent .post-list a:hover .contents-wrap .category-title {
  background: #fff;
  color: #0d6db0;
}
.newscontent .post-list a .contents-wrap .days {
  color: #000;
  text-align: left;
  margin: auto 10px;
  font-size: 0.9rem;
  font-weight: 600;
}
.newscontent .post-list a:hover .contents-wrap .days {
  color: #fff;
}
.newscontent .post-list a .contents-wrap h3 {
  color: #000;
  font-size: 1.1rem;
  font-weight: 500;
  margin-left: 20px;
  text-align: left;
  margin-top: 2px;
}
.newscontent .post-list a:hover .contents-wrap h3 {
  color: #fff;
}
@media only screen and (max-width: 679.98px) {
  .newscontent .post-list a .contents-wrap {
    flex-wrap: wrap;
  }
  .newscontent .post-list a .contents-wrap .category-title {
    margin: 0 10px 0 0px;
  }
  .newscontent .post-list a .contents-wrap .days {
    margin: 0 0 0 auto;
    font-size: 0.8rem;
  }
  .newscontent .post-list a .contents-wrap h3 {
    margin: 10px auto 0;
    text-align: left;
    width: 100%;
    font-size: 0.9rem;
  }
}
/*************************お知らせ一覧ページ**************************/
#news-archive {
  padding: 30px;
}
#news-archive .pagination {
  border: none;
}
#news-archive ul {
  padding: 0;
  max-width: 800px;
  margin: 0 auto;
  list-style: none;
}
#news-archive ul li {}
#news-archive ul li a {
  display: flex;
  padding: 20px;
  text-decoration: none;
  margin: 0px auto;
  border-bottom: 2px solid #e3e7ea;
  transition: 0.3s;
}
#news-archive ul li a:hover {
  background: #f0f0f0;
}
#news-archive ul li a p {
  margin: 0;
  width: 80%;
}
#news-archive ul li a .category-title {
  background: #0d6db0;
  display: block;
  padding: 2px 10px;
  font-size: 0.8rem;
  font-weight: bold;
  border-radius: 3px;
  margin-right: 10px;
  text-align: center;
  width: 120px;
  color: #fff;
  height: fit-content;
}
#news-archive ul li a .days {
  margin-right: 20px;
  width: 100px;
  text-align: right;
}
@media only screen and (max-width: 679.98px) {
  #news-archive ul li a {
    flex-wrap: wrap;
    padding: 15px 0px;
  }
  #news-archive ul li a p {
    width: 100%;
  }
  #news-archive ul li a .days {
    text-align: left;
    margin-right: 10px;
    width: auto;
  }
  #news-archive ul li a .category-title {
    width: auto;
    margin-right: 20%;
  }
}
/*************************その他のページ*************************/
/*search.php archive.php 404.phpその他*/
.sub-page-header {
  max-width: 100%;
  margin: 0 auto;
  padding: 180px 20px 30px;
  border: none;
	background: #0d6db0;
}
.sub-page-header h1 {
  font-size: 3rem;
  text-align: center;
  letter-spacing: 1px;
  font-weight: 500;
  word-break: break-all;
	color: #fff;
}
.no-results .page-content, .error-404 .page-content {
  max-width: 800px;
  margin: 70px auto 0 !important;
  padding: 0 25px 100px;
}
.error-404 .page-content > p {
  font-size: 1rem;
  margin: 0 auto;
  text-align: center;
}
@media only screen and (max-width: 679.98px) {
  .sub-page-header {
    padding: 120px 20px 40px;
  }
  .sub-page-header h1 {
    font-size: 1.5rem;
  }
  .error-404 .page-content > p {
    text-align: left;
  }
}
.search-form {
  max-width: 100%;
}
.search-form .search-field {
  border: 2px solid #dbdbdb;
  box-shadow: none;
  margin: 10px auto;
}
.search-form .search-submit {
  margin: 0 auto;
  display: block;
  width: 100%;
  border: none;
  border-radius: 7px;
  background: #0d6db0;
  padding: 5px;
}
.search-form .search-submit:hover {
  color: #fff;
  background: #0d6db0;
}
/*archive.php*/
.archive-page-contents {
  margin: 0 auto;
  padding: 0px 40px;
  display: flex;
  flex-wrap: wrap;
  max-width: 1600px;
  margin-bottom: 100px !important;
}
.archive-page-contents article {
  background: #f4f4f4;
  padding: 20px 40px;
  margin: 10px 10px;
  border-radius: 20px;
  width: calc(100% / 3 - 20px);
}
.archive-page-contents article .entry-header {
  margin-bottom: 0;
  margin-top: 0 !important;
}
.archive-page-contents article .entry-header h2 {
  text-align: left;
}
.archive-page-contents article .entry-header h2 a {
  color: #0d6db0;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.8rem;
  display: inline-block;
}
.archive-page-contents article .entry-content {
  font-size: 1rem;
}
.archive-page-contents article .entry-content {
  margin: 10px auto;
}
.archive-page-contents article .entry-content .more-link {
  color: #0d6db0;
  font-weight: bold;
  text-decoration: none;
  padding: 2px 10px;
  font-size: 0.8rem;
  border-radius: 4px;
  border: 2px solid #0d6db0;
  transition: 0.3s;
  display: inline-block;
}
.archive-page-contents article .entry-content .more-link:hover {
  color: #fff;
  background: #0d6db0;
}
.archive-page-contents article .entry-footer {
  margin: 10px auto 15px;
  text-align: right;
  font-size: 0.9rem;
}
.archive-page-contents article .post-thumbnail .wp-post-image {
  margin: 10px auto 15px;
  border-radius: 20px;
}
.navigation.pagination {
  border: none;
  margin-bottom: 50px;
}
.pagination .nav-links > * {
  font-size: 1.1rem;
}
@media only screen and (max-width: 1200px) {
  .archive-page-contents article {
    width: calc(100% / 2 - 20px);
  }
}
@media only screen and (max-width: 679.98px) {
  .archive-page-contents article {
    width: calc(100% / 1 - 0px);
    margin: 10px auto;
  }
  .archive-page-contents article .entry-header h2 a {
    font-size: 1.5rem;
  }
}
/*************************投稿ページ*************************/
.entry-header-single {
  max-width: 100%;
  margin: 0 auto 50px;
  padding: 180px 0px 0px;
  padding-bottom: 0 !important;
}
.entry-header-single h1 {
  font-size: 1.7rem;
  font-weight: 500;
  letter-spacing: 1px;
  padding: 0 40px;
  text-align: center;
}
.entry-header-single figure {
  margin: 0 auto;
  background: #fff;
  width: 100% !important;
  width: auto;
  padding: 10px 60px 0;
}
.entry-header-single .post-thumbnail .wp-post-image {
  margin: 0 auto 30px;
  max-width: 800px !important;
}
.site-main > article > .single-entry-content {
  max-width: 800px;
  margin: 50px auto 0;
  padding: 0 25px;
  font-size: 1.1rem;
}
.site-main > article > .single-entry-content h2 {
  color: #0d6db0;
  text-align: left;
  font-size: 1.4rem;
  letter-spacing: 1px;
  background: #f3f3f3;
  padding: 40px 10px 40px 20px;
  border-left: 6px solid #0d6db0;
  margin: 30px auto 20px;
}
.site-main > article > .single-entry-content h3 {
  margin-top: 50px;
  font-size: 1.5rem;
  border-left: 6px solid;
  padding-left: 10px;
}
.single .site-main > article > .entry-footer.single-entry-footer {
  margin: 30px auto;
  border: none;
  max-width: 800px;
  padding: 0 25px;
  display: block;
}
.post-navigation .nav-links {
  max-width: 800px;
  margin: 10px auto 25px;
  padding: 0 25px 30px;
}
.post-navigation .nav-next:last-child {
  margin: 0;
}
.post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child {
  margin-bottom: 20px;
}
.navigation .nav-links .nav-next a .post-title, .navigation .nav-links .nav-previous a .post-title {
  margin: 0 auto;
  font-size: 1rem;
  color: #0d6db0;
}
@media only screen and (max-width: 679.98px) {
  .entry-header-single h1 {
    font-size: 1.2rem;
    padding: 0 30px;
    text-align: left;
    line-height: 1.6rem;
  }
  .entry-header-single figure {
    padding: 10px 30px 0px;
  }
  .post-navigation .nav-next:first-child, .post-navigation .nav-previous:first-child {
    margin-bottom: 20px;
  }
  .post-navigation .post-title {
    font-size: 0.9rem;
  }
  .post-navigation .nav-links {
    padding: 10px;
  }
  .post-navigation .nav-links div a {
    background: #f4f4f4;
    padding: 10px 15px;
    border-radius: 5px;
  }
  .navigation .nav-links .nav-next a .post-title, .navigation .nav-links .nav-previous a .post-title {
    width: 100%;
  }
  .site-main > article > .single-entry-content {
    font-size: 1rem;
  }
  .site-main > article > .single-entry-content h3 {
    font-size: 1.3rem;
  }
  .site-main > article > .single-entry-content h2 {
    font-size: 1.2rem;
  }
}
/*************************固定ページ*************************/
#page .entry-content {
  margin: 0 auto;
}
/**ヘッダー見出し**/
.singular .entry-header.headercustom {
  margin: 0 auto;
  width: 100%;
  max-width: 100%;
  color: #fff;
  height: 100px;
  padding: 480px 0 0;
  background-color: #999;
  position: relative;
  overflow: hidden;
}
.singular .entry-header.headercustom::before {
  content: "";
  position: absolute;
  top: -20px;
  right: -20px;
  bottom: -20px;
  left: -20px;
  background-image: var(--header-bg);
  background-size: cover;
  background-position: center;
  filter: blur(8.8px);
  transform: scale(1.05);
  z-index: 0;
}
.singular .entry-header.headercustom::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 69, 140, 0.93);
  mix-blend-mode: multiply;
  z-index: 1;
}
.singular .entry-header.headercustom h1 {
  font-weight: 500;
  text-align: right;
  font-size: 1.6rem;
  line-height: 3rem;
  position: absolute;
  right: 0;
  bottom: 20px;
  padding: 0 30px;
  z-index: 10;
  margin: 0;
  color: #fff;
}
@media only screen and (max-width: 679.98px) {
  .singular .entry-header.headercustom h1 {
    font-size: 0.9rem;
    padding: 0 20px;
  }
  .singular .entry-header.headercustom {
    padding: 300px 0 0;
  }
  .singular .entry-header.headercustom::before {
    filter: blur(0);
  }
}
/*カスタムパーツ*/
.page-title-area {
  position: relative;
}
.page-title-area p {
  font-family: "Noto Serif JP" !important;
  color: #fff;
  position: absolute;
  top: -160px;
  right: 30px;
  z-index: 10;
  font-size: 8rem;
  font-weight: lighter;
}
@media only screen and (max-width: 1000px) {
  .page-title-area p {
    font-size: 5rem;
    top: -140px;
  }
}
@media only screen and (max-width: 679.98px) {
  .page-title-area p {
    font-size: 2.8rem;
    top: -105px;
    right: 20px;
  }
}
/*************************メールフォーム*************************/
.contact-form {
  max-width: 1100px;
}
.contact-form form {
  margin: 60px auto;
}
.contact-form .smf-item__label__text {
  font-size: 1.2rem;
  line-height: 1.5rem;
  display: inline-block;
  font-weight: 500;
}
.contact-form input[type="radio"]::after {
  content: none;
}
.contact-form input[type="checkbox"]::after {
  content: none;
}
.contact-form .smf-radio-button-control__label, .contact-form .smf-checkbox-control__label {
  font-size: 1rem;
}
.contact-form .hissu, .contact-form .ninni {
  display: inline-block;
  padding: 3px 10px;
  color: #fff;
  margin-right: 5px;
  border-radius: 5px;
  font-size: 0.8rem;
  position: relative;
  top: -2px;
}
.contact-form .hissu {
  background: #0d6db0;
}
.contact-form .ninni {
  background: #666;
}
.contact-form .smf-form .smf-select-control__toggle::before {
  display: none;
}
@media only screen and (max-width: 679.98px) {
  .contact-form .smf-item__label__text {
    font-size: 1rem;
  }
}
/*************************オリジナルパーツ*************************/
/* 見出し */
.h2-style {
  text-align: left;
  font-size: 1rem;
  font-weight: 500;
}
.h2-style span {
  display: block;
  font-size: 3rem;
  line-height: 3.5rem;
  color: #0d6db0;
  font-weight: 400;
  font-family: "Noto Serif JP" !important;
  margin: 10px auto;
}
.h2-style.h2-center {
  text-align: center;
}
.h2-style.h2-center span {}
@media only screen and (max-width: 679.98px) {
  .h2-style {
    font-size: 0.9rem;
    line-height: 1.2rem;
    margin-bottom: 20px;
  }
  .h2-style span {
    font-size: 10vw;
    line-height: 12.4vw;
  }
  .h2-style.h2-center span {}
}
/* リンクボタン */
.btn01 {
  position: relative;
  text-decoration: none;
  width: 100%;
  display: block;
  max-width: 100%;
  text-align: center;
  color: #0d6db0;
  border: 2px solid #0d6db0;
  padding: 10px 25px 20px;
  margin: 30px auto;
  overflow: hidden;
  transition: color 0.3s;
}
.btn01::before {
  content: '';
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: #0d6db0;
  z-index: 0;
  transition: all 0.5s ease;
}
.btn01::after {
  position: absolute;
  content: url('img/nexticon-L.svg');
  display: block;
  width: 26px;
  height: 26px;
  top: 25px;
}
.btn01 span {
  position: relative;
  z-index: 1;
  display: block;
  font-weight: 500;
  font-size: 0.85rem;
  line-height: 1.1rem;
  text-align: right;
  transition: color 0.3s;
}
.btn01 span.en {
  font-size: 1.9rem;
  line-height: 2.8rem;
  font-weight: 600;
}
.btn01:hover::before {
  left: 0;
}
.btn01:hover::after {
  filter: invert(0%) brightness(5);
}
.btn01:hover {
  color: #fff;
}
@media only screen and (max-width: 679.98px) {
  .btn01 span {
    font-size: 0.7rem;
    line-height: 0.7rem;
  }
  .btn01 span.en {
    font-size: 1.6rem;
    line-height: 2.5rem;
  }
  .btn01::after {
    width: 22px;
    height: 22px;
    top: 22px;
  }
}
.btn02 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 235px;
  height: 50px;
  padding: 15px 20px;
  box-sizing: border-box;
  border: 1px solid #fff;
  border-radius: 999px;
  color: #fff;
  text-decoration: none;
  font-size: 1rem;
  line-height: 1;
  background-image: url("/img/nexticon.svg");
  background-repeat: no-repeat;
  background-position: right 18px center;
  background-size: 12px auto;
  transition: 0.5s;
  margin: 30px 0;
}
.btn02:hover {
  backdrop-filter: blur(10px) saturate(180%);
}
.btn03 {
  color: #000;
  border: 2px solid #000;
  border-radius: 7px;
  padding: 30px 20px 55px;
  display: block;
  text-decoration: none;
  text-align: center;
  font-size: 1rem;
  font-weight: 500;
  transition: 0.3s;
  position: relative;
}
.btn03:hover {
  background: #0d6db0;
  color: #fff;
  border: 2px solid #0d6db0;
}
.btn03 .en {
  display: block;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 3rem;
}
.btn03:hover .en {
  color: #fff;
}
.btn03::after {
  content: '';
  display: block;
  width: 16px;
  height: 16px;
  background-image: url('img/menuicon.svg');
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  filter: invert(0%) brightness(0);
  bottom: 25px;
  right: 0;
  left: 0;
  margin: 0 auto;
}
.btn03:hover::after {
  filter: invert(0%) brightness(5);
}
@media only screen and (max-width:920px) {
  .btn03 {
    font-size: 0.7rem;
    padding: 20px 20px 40px;
  }
  .btn03 .en {
    font-size: 1.6rem;
    line-height: 1.6rem;
  }
  .btn03::after {
    width: 12px;
    height: 12px;
    bottom: 20px;
  }
}
.btn03-list {
  list-style: none;
  padding: 0;
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.btn03-list li {
  width: calc(100% / 3 - 20px);
  margin: 10px;
}
@media only screen and (max-width:920px) {
  .btn03-list {
    display: block;
  }
  .btn03-list li {
    margin: 15px auto;
    width: 100%;
  }
}
.btn04 {
  display: block;
  text-decoration: none;
  background: #f3f3f3;
  color: #000;
  padding: 50px 40px;
  border-radius: 7px;
  position: relative;
  text-align: center;
}
.btn04::before {
  position: absolute;
  content: url('img/nexticon-L.svg');
  display: block;
  width: 25px;
  height: 25px;
  bottom: 25px;
  right: 30px;
  transition: 0.3s;
}
.btn04:hover::before {
  right: 20px;
}
.btn04-list {
  padding: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
.btn04-list li {
  margin: 15px;
  width: 100%;
}
@media only screen and (max-width:920px) {
  .btn04 {
    font-size: 1rem;
  }
  .btn04-list {
    display: block;
  }
  .btn04-list li {
    margin: 15px auto;
  }
}
.btnmini {
  color: #0d6db0;
  font-size: 1rem;
  font-weight: 500;
  text-decoration: none;
  text-align: center;
  display: block;
  max-width: 200px;
  margin: 15px auto;
  border: 2px solid #0d6db0;
  padding: 5px 10px;
  transition: background 0.3s, color 0.3s;
  background: rgba(254, 117, 149, 0);
}
.btnmini:hover {
  background: rgba(254, 117, 149, 1);
  color: #fff;
}
@media only screen and (max-width: 679.98px) {}
/* テーブル */
.table01 {
  margin: 20px auto;
}
.table01 th {
  border: none;
  border-bottom: 2px solid #0d6db0;
  letter-spacing: 0.1rem;
  font-weight: 500;
  color: #0d6db0;
  font-family: "Noto Serif JP" !important;
  font-size: 1.3rem;
}
.table01 td {
  border: none;
  border-bottom: 2px solid #fff;
  line-height: 1.6rem;
  padding: 20px 15px;
}
.table01 td ul {
  list-style: none;
  padding: 0 20px 0;
  margin: 10px auto;
}
.table01 td ul li {
  position: relative;
  margin-bottom: 20px;
}
.table01 td ul li::after {
  content: "";
  position: absolute;
  width: 8px;
  height: 8px;
  display: block;
  border-radius: 50px;
  background: #0d6db0;
  top: 6px;
  left: -17px;
}
.table01 td ul li h3 {
  text-align: left;
  font-size: 1.1rem;
}
@media only screen and (max-width: 679.98px) {
  .table01 th, .table01 td {
    display: block;
    width: 100%;
  }
  .table01 th {
    border-bottom: none;
    padding: 10px 0 0;
    font-size: 1rem;
    letter-spacing: 0;
  }
  .table01 td {
    font-size: 0.97rem;
    padding: 0;
    margin-bottom: 10px;
    border: none;
  }
  .table01 td ul li {
    margin-bottom: 10px
  }
  .table01 td ul li h3 {
    font-size: 1rem;
  }
  .table01 td ul li p {
    font-size: 0.9rem;
  }
}
@media only screen and (max-width: 679.98px) {
  .table01.info-type th {
    padding: 10px 7px;
    margin: 15px auto 15px;
    font-size: 1.2rem;
    border-bottom: 2px solid #fff;
    font-weight: 600;
  }
  .table01.info-type td {
    padding: 0 10px;
  }
}
.table-history {
  width: 100%;
  max-width: 1000px;
  margin: 0 auto;
  border-collapse: collapse;
}
.table-history tr {
  position: relative;
}
.table-history th, .table-history td {
  border: none;
  padding: 18px 0;
  vertical-align: top;
}
.table-history th {
  padding-bottom: 30px;
}
.table-history th {
  position: relative;
  width: 180px;
  padding-right: 40px;
  text-align: right;
  font-size: 1.7rem;
  font-weight: 500;
  white-space: nowrap;
  font-family: "Noto Serif JP" !important;
  color: #0d6db0;
}
.table-history th::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 1px;
  height: 100%;
  background: #ccc;
}
.table-history th::before {
  content: "";
  position: absolute;
  top: 34px;
  right: -8px;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #0d6db0;
  transform: translateY(-50%);
  z-index: 2;
}
.table-history td {
  padding-left: 50px;
  font-size: 16px;
  line-height: 1.8;
  border-bottom: 2px dotted #dfdfdf;
}
.table-history th[rowspan]::after {
  height: 100%;
}
.table-history tr + tr td {
  padding-top: 18px;
  padding-bottom: 18px;
}
@media screen and (max-width: 767px) {
  .table-history {
    width: 100%;
  }
  .table-history th {
    width: 100px;
    padding-right: 25px;
    font-size: 1.4rem;
  }
  .table-history td {
    padding-left: 30px;
    font-size: 14px;
    line-height: 1.7;
  }
  .table-history th::before {
    right: -4px;
    width: 8px;
    height: 8px;
  }
  .table-history th::after {
    right: 0;
  }
  .table-history th, .table-history td {
    padding-top: 14px;
    padding-bottom: 14px;
  }
}
/*リスト*/
.list01 {
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 30px auto;
}
.list01 li {
  list-style: none;
  background: #fff;
  padding: 10px 25px;
  border-radius: 7px;
  margin: 10px;
  color: #0d6db0;
  font-size: 1.1rem;
  font-weight: 500;
}
.list01 li span {
  color: #000;
  font-size: 0.8rem;
  margin: 2px;
}
@media only screen and (max-width: 679.98px) {
  .list01 {
    justify-content: left;
  }
  .list01 li {
    font-size: 0.9rem;
    padding: 5px 15px;
    margin: 0 10px 10px 0px;
  }
}
.list02 {
  padding: 0;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}
.list02 li {
  background: #fff;
  padding: 3px 13px;
  font-size: 1rem;
  border-radius: 5px;
  margin: 5px;
}
.img-list {
  display: flex;
  justify-content: center;
  list-style: none;
  padding: 0;
  flex-wrap: wrap;
  gap: 30px;
  max-width: 1150px;
  margin: 60px auto;
}
.img-list li {
  width: calc(100% / 3 - 20px);
  display: block;
  background: #fff;
  border-radius: 5px;
  box-shadow: 0 0 20px 0px #e5e5e5;
  padding: 30px;
  text-align: center;
  line-height: 1.5rem;
}
.img-list li img {
  display: block;
  padding: 0 30px;
}
@media only screen and (max-width: 1000px) {
  .img-list {
    gap: 10px;
    margin-top: 30px;
  }
  .img-list li {
    width: calc(100% / 2 - 10px);
    padding: 15px;
    text-align: left;
    font-size: 0.9rem;
    line-height: 1.2rem;
  }
  .img-list li img {
    padding: 0px;
  }
}
/* テキスト */
.small-txt {
  font-size: 0.8rem;
  margin: 0 auto;
}
.catch-txt {
  font-size: 2.55rem;
  font-weight: 700;
  line-height: 3.4rem;
  letter-spacing: 0.05rem;
  margin: 25px auto 20px;
}
.catch-txt-sub {}
.catch-txt-color {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 2.3rem;
  letter-spacing: 0.15rem;
  text-align: center;
  color: #0d6db0;
}
.catch-txt-white {
  color: #fff;
  font-size: 1.4rem;
  text-align: center;
  font-weight: 500;
  letter-spacing: 0.1rem;
  margin: 0 auto 20px;
}
.catch-txt-large {
  margin-top: 80px !important;
  font-size: 2rem;
  font-weight: 600;
  line-height: 2.3rem;
  letter-spacing: 0.15rem;
  margin: 40px auto 30px;
}
@media only screen and (max-width: 920px) {
  .catch-txt-white {
    font-size: 1.1rem;
  }
}
@media only screen and (max-width: 679.98px) {
  .catch-txt {
    font-size: 1.45rem;
    line-height: 2rem;
    letter-spacing: 0;
    margin: 30px auto 20px;
  }
  .catch-txt-color {
    font-size: 1.2rem;
    line-height: 1.8rem;
    letter-spacing: 0.05rem;
    text-align: left;
  }
  .catch-txt-large {
    margin-top: 60px !important;
    font-size: 1.2rem;
  }
}
/* テキストボックス */
.txt-box01 {
  background: #fff;
  padding: 10px 25px;
  border-radius: 7px;
  margin: 15px auto;
}
.txt-box01 ol {
  padding-left: 20px;
  margin: 10px auto 15px;
}
.txt-box01 li {
  font-size: 1rem;
}
@media only screen and (max-width: 679.98px) {
  .txt-box01 li {
    font-size: 0.8rem;
  }
}
.txt-box02 {
  border: 3px solid #fff;
  padding: 10px 25px;
}
.txt-box03 {
  padding: 15px 25px;
  background: #f3f3f3;
  border-radius: 7px;
}
/*角丸*/
.img-maru {
  border-radius: 20px;
}
/* 色 */
.txt-color {
  color: #0d6db0;
}
/* PC-スマホ切換え */
.sp-feed {
  display: none;
}
.notepc-feed {
  display: none;
}
.pc-center {
  text-align: center;
}
@media only screen and (max-width: 1350px) {
  .notepc-feed {
    display: block;
  }
}
@media only screen and (max-width: 679.98px) {
  .sp-feed {
    display: inherit;
  }
  .pc-feed {
    display: none;
  }
  .notepc-feed {
    display: none;
  }
  .pc-center {
    text-align: left;
  }
}
.hidden {
  overflow: hidden;
}
/* 動き:ふわっと表示*/
.fly {
  opacity: 0; /* 初期状態: 透明 */
  transform: translateY(20px); /* 初期状態: 下にずらす */
  transition: opacity 0.6s ease, transform 0.6s ease; /* アニメーションの設定 */
}
.fly.is-visible {
  opacity: 1; /* 表示 */
  transform: translateY(0); /* 元の位置に戻す */
}
/*************************オリジナルパーツセット*************************/
/*カーソル*/
.custom-cursor {
  width: 20px;
  height: 20px;
  background: rgba(245, 130, 59, 1);
  border-radius: 50%;
  position: fixed;
  transform: translate(-50%, -50%) scale(1); /* ← scale で拡大縮小 */
  pointer-events: none;
  z-index: 9999;
  transition: transform 0.25s ease;
}
.custom-cursor.is-hover {
  transform: translate(-50%, -50%) scale(2.5); /* ホバー時に拡大 */
  background: rgba(245, 130, 59, 0.5);
  mix-blend-mode: multiply;
}
/* cursor-area 内に入っていて、かつホバー時 */
.custom-cursor.is-hover.in-area {
  transform: translate(-50%, -50%) scale(4); /* ホバー時に拡大 */
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(10px) saturate(180%);
}
.custom-cursor.is-hover.in-area::after {
  content: "";
  position: absolute;
  inset: 0;
  background: url("img/menuicon.svg") no-repeat center/20% auto;
}
@media (hover: none) and (pointer: coarse) {
  .custom-cursor {
    display: none !important;
  }
}
/** お問い合わせボックス **/
.contactsection {
  width: 100%;
  padding: 80px 40px 0;
  background-image: url("/img/contact/contact-pc.png");
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
}
.contactsection-inner {
  width: 100%;
  max-width: 1010px;
  margin: 0 auto;
  padding: 70px 100px 58px;
  background: #fff;
  border-radius: 15px 15px 0 0;
  box-sizing: border-box;
  text-align: center;
  box-shadow: 0 0 20px 0 rgba(38, 48, 86, 0.1);
}
.contactsection-tel {
  margin: 0 0 18px;
  font-size: 27px;
  font-weight: 700;
  line-height: 1.5;
}
.contactsection-links {
  display: flex;
  gap: 24px;
  justify-content: center;
}
.contactsection-link {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 50%;
  min-height: 90px;
  padding: 15px 20px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  transition: opacity 0.3s;
}
.contactsection-link:hover {
  opacity: 0.8;
}
.contactsection-link-web {
  background: #1877b7;
}
.contactsection-link-line {
  background: #00c755;
}
.contactsection-link img {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  object-fit: contain;
}
@media screen and (max-width: 767px) {
  .contactsection {
    padding: 50px 30px 0;
    background-image: url("/img/contact/contact-sp.png");
  }
  .contactsection-inner {
    padding: 45px 40px 40px;
    border-radius: 15px 15px 0 0;
  }
  .contactsection-tel {
    margin-bottom: 20px;
    font-size: 22px;
  }
  .contactsection-links {
    flex-direction: column;
    gap: 12px;
  }
  .contactsection-link {
    width: 100%;
    min-height: 65px;
    font-size: 0.97rem;
  }
  .contactsection-link img {
    width: 26px;
    height: 26px;
    margin-right: 10px;
  }
}
/*2カラムビジュアルリンク*/
.business-links-wrap {
  padding: 80px 0 80px;
}
.business-links {
  display: flex;
  width: 100%;
  height: 420px;
  overflow: hidden;
}
.business-link {
  position: relative;
  display: block;
  width: 50%;
  height: 100%;
  overflow: hidden;
  color: #fff;
  text-decoration: none;
}
.business-link::before {
  content: "";
  position: absolute;
  inset: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transform: scale(1);
  transition: transform 0.5s ease;
}
/*左*/
.business-link-01, .business-link-03 {
  margin-right: 20px;
  border-radius: 0 15px 15px 0;
}
.business-link-01::before {
  background-image: url('img/img02.png');
}
.business-link-03::before {
  background-image: url(/img/02.png);
}
/*右*/
.business-link-02, .business-link-04 {
  margin-left: 20px;
  border-radius: 15px 0 0 15px;
}
.business-link-02::before {
  background-image: url('img/img03.png');
}
.business-link-04::before {
  background-image: url(/img/03.png);
}
/**/
.business-link:hover::before {
  transform: scale(1.08);
}
.business-link::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: rgba(93, 198, 255, 0.55);
  mix-blend-mode: multiply;
}
/*黄指定*/
.business-link-02::after {
  background: rgba(220, 147, 112, 0.55);
}
.business-link-03::after {
  background: rgba(220, 147, 112, 0.55);
}
/**/
.business-link-inner {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.business-link h2 {
  margin: 0 0 18px;
  font-family: "Noto Serif JP", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.03em;
  color: #fff;
}
.business-label {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 128px;
  height: 40px;
  padding: 0 22px;
  background: #0879b9;
  font-size: 15px;
  font-weight: 500;
  line-height: 1;
  color: #fff;
}
/*黄指定*/
.business-link-02 .business-label, .business-link-03 .business-label {
  background: #f47d3b;
}
.business-arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 76px;
  height: 76px;
  margin-top: 22px;
  background: #fff;
  border-radius: 50%;
  transition: 0.5s;
}
.business-arrow img {
  display: block;
  width: 27px;
  height: 27px;
  transform: rotate(-45deg);
}
.business-link:hover .business-arrow {
  background: rgba(255, 255, 255, 0.5);
}
@media screen and (max-width: 767px) {
  .business-links-wrap {
    padding: 0;
  }
  .business-links {
    flex-direction: column;
    height: auto;
  }
  .business-link {
    height: 350px;
    width: 100%;
    border-radius: 0;
    margin: 0;
  }
  .business-link-01 {}
  .business-link-02 {}
  .business-link h2 {
    font-size: 58px;
    margin-top: 10px;
  }
  .business-arrow {
    width: 64px;
    height: 64px;
  }
}
/*1カラムバナーコンテンツ*/
.imglink-content-wrap {
  padding: 20px 50px;
  max-width: 1100px;
  margin: 0 auto;
}
.imglink-content-wrap .imglink {
  position: relative;
  display: block;
  width: 100%;
  height: 207px;
  overflow: hidden;
  border-radius: 8px;
  text-decoration: none;
  margin: 20px auto;
}
.imglink-content-wrap .imglink-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.5s ease;
}
.imglink-content {
  position: absolute;
  left: 70px;
  top: 50%;
  transform: translateY(-50%);
  z-index: 2;
  color: #fff;
}
.imglink-sub {
  display: block;
  margin-bottom: 3px;
  font-size: 14px;
  font-weight: 600;
  line-height: 1.5;
}
.imglink-title {
  display: block;
  font-size: 44px;
  font-weight: 700;
  line-height: 1.1;
  letter-spacing: 0.02em;
}
.imglink-content-wrap .imglink::after {
  content: "";
  position: absolute;
  z-index: 3;
  top: 50%;
  right: 100px;
  width: 48px;
  height: 48px;
  border: 1px solid #fff;
  border-radius: 50%;
  box-sizing: border-box;
  background-image: url("/img/nexticon.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 22px 22px;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.imglink-content-wrap .imglink:hover::after {
  transform: translate(10px, -50%);
}
@media only screen and (max-width: 679.98px) {
  .imglink-content-wrap {
    padding: 0px 30px;
  }
  .imglink-content-wrap .imglink {
    height: 150px;
  }
  .imglink-content {
    left: 30px;
  }
  .imglink-title {
    font-size: 29px;
  }
  .imglink-content-wrap .imglink::after {
    right: 30px;
    width: 35px;
    height: 35px;
    background-size: 14px 14px;
  }
}
/*テキストリンク集*/
.TXTinfo-links {
  width: 100%;
  font-family: "Noto Serif JP", serif;
  max-width: 1000px;
  margin: 0 auto;
}
.TXTinfo-link {
  position: relative;
  display: flex;
  align-items: center;
  min-height: 65px;
  padding: 0 50px 0 20px;
  border-bottom: 2px solid #fff;
  color: #111;
  text-decoration: none;
}
.TXTinfo-link:first-child {
  border-top: 2px solid #fff;
}
.TXTinfo-link span {
  width: 120px;
  flex-shrink: 0;
  font-size: 1.3rem;
  line-height: 1.4;
  font-weight: 600;
}
.TXTinfo-link strong {
  width: 260px;
  flex-shrink: 0;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
  color: #0080c8;
}
.TXTinfo-link p {
  margin: 0;
  font-size: 1rem;
  line-height: 1.6;
}
.TXTinfo-link::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 16px;
  height: 16px;
  background: url("/img/nexticon01.svg") no-repeat center;
  background-size: contain;
  transform: translateY(-50%);
  transition: transform 0.3s ease;
}
.TXTinfo-link:hover::after {
  transform: translate(8px, -50%);
}
@media screen and (max-width: 767px) {
  .TXTinfo-link {
    display: block;
    min-height: auto;
    padding: 20px 45px 20px 15px;
  }
  .TXTinfo-link span {
    display: block;
    width: auto;
    margin-bottom: 4px;
    font-size: 1.1rem;
  }
  .TXTinfo-link strong {
    display: block;
    width: auto;
    margin-bottom: 6px;
    font-size: 1.7rem;
  }
  .TXTinfo-link p {
    font-size: 0.8rem;
    line-height: 1.7;
  }
  .TXTinfo-link::after {
    top: auto;
    right: 15px;
    bottom: 20px;
    transform: none;
  }
  .TXTinfo-link:hover::after {
    transform: translateX(8px);
  }
}
/*Q＆A*/
.faq-list {
  width: 100%;
}
.faq-item {
  padding: 28px 0;
  border-bottom: 1px solid #e5e5e5;
}
.faq-item:first-child {
  padding-top: 0;
}
.faq-question {
  position: relative;
  margin: 0 0 14px;
  padding-left: 57px;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2rem;
}
.faq-question::before {
  content: "Q";
  position: absolute;
  left: 0;
  top: -9px;
  width: 44px;
  height: 44px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #eef8ff;
  color: #0d6db0;
  font-size: 28px;
  font-weight: 700;
  padding-bottom: 9px;
}
.faq-answer {
  position: relative;
  margin: 0;
  padding-left: 58px;
}
.faq-answer::before {
  content: "A";
  position: absolute;
  left: 31px;
  top: -1px;
  color: #0d6db0;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.6;
}
.faq-answer p {
  margin: 0;
  color: #666;
  line-height: 1.8;
}
@media screen and (max-width: 767px) {
  .faq-item {
    padding: 22px 0;
  }
  .faq-question {
    padding-left: 44px;
    font-size: 16px;
  }
  .faq-question::before {
    width: 30px;
    height: 30px;
    font-size: 16px;
  }
  .faq-answer {
    padding-left: 44px;
  }
  .faq-answer::before {
    left: 8px;
    font-size: 18px;
  }
  .faq-answer p {
    font-size: 0.97rem;
    line-height: 1.7;
  }
}
/*プランリスト*/
.plan-info {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 1320px;
  margin: 0 auto;
}
.plan-info > div {
  width: calc(100% / 3 - 20px);
  margin: 10px;
  background: #fff;
  border-radius: 7px;
  padding-bottom: 40px;
  box-shadow: 0 0 20px 3px rgba(0, 0, 0, 0.1);
}
.plan-info h3 {
  background: #0d6db0;
  text-align: center;
  color: #fff;
  font-size: 1.1rem;
  padding: 25px 20px 20px;
  border-radius: 10px 10px 0 0;
}
.plan-info h3 .en {
  display: block;
  font-size: 2.4rem;
  line-height: 2.4rem;
}
.plan-info .price, .plan-info .service {
  padding-right: 20px;
  padding-left: 20px;
  text-align: center;
  margin: 0;
}
.plan-info .price {
  padding-top: 20px;
  padding-bottom: 10px;
}
.plan-info .price .usual-price {
  font-size: 1.3rem;
}
.plan-info .price .next {
  font-size: 1.5rem;
  position: relative;
  top: 2px;
  margin-right: 5px;
  margin-left: 5px;
}
.plan-info .price .yen, .plan-info .price .pack {
  color: #0d6db0;
}
.plan-info .price .yen {
  font-size: 1.7rem;
}
.plan-info .price .pack {
  font-size: 1.8rem;
  font-weight: 500;
}
.plan-info .service {
  margin: 0px 30px;
  color: #fff;
  background: #0d6db0;
  border-radius: 7px;
  font-weight: 500;
}
.plan-info .plus {
  text-align: center;
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.7rem;
  color: #0d6db0;
}
.plan-info .small-txt {
  padding: 10px 30px 0;
  line-height: 1.1rem;
  text-align: left;
}
@media only screen and (max-width: 679.98px) {
  .plan-info {
    display: block;
  }
  .plan-info > div {
    width: 100%;
    margin: 20px auto;
  }
  .plan-info h3 .en {
    font-size: 2rem;
    line-height: 2rem;
  }
  .plan-info h3 {
    font-size: 0.9rem;
    padding: 25px 20px 15px;
    line-height: 2rem;
  }
}
/*キービジュアルコンテンツ*/
.KVcontents div {
  background-size: cover !important;
  background-repeat: no-repeat !important;
  height: 75vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px;
  min-height: 460px;
  background-position: center !important;
}
.KVcontents div img {
  max-width: 230px;
  display: block;
}
.KVcontents div .name, .KVcontents div .subname {
  font-family: "Noto Serif JP" !important;
  color: #fff;
  text-align: center;
}
.KVcontents div .name {
  font-size: 2.6rem;
  margin: 30px auto 20px;
}
.KVcontents div .subname {
  margin: 0;
}
@media only screen and (max-width: 679.98px) {
  .KVcontents div img {
    max-width: 190px;
  }
  .KVcontents div .name {
    font-size: 2rem;
  }
}
.pad-img {
  display: none;
}
@media only screen and (max-width: 920px) {
  .pad-img {
    display: block;
    max-width: 450px;
    margin: 30px auto 0;
    padding-right: 40px;
    padding-left: 40px;
  }
}
/* loopで流れるコンテンツ */
.loop-contents {
  width: 112%;
  margin: 60px auto;
  left: -12%;
}
.loop-contents .swiper-slide {}
.loop-contents .swiper-slide a {
  text-decoration: none;
  color: #000;
}
.loop-contents img {
  border-radius: 20px;
}
.loop-contents h3 {
  font-size: 1.1rem;
  margin: 10px auto 5px;
}
.loop-contents p {
  font-size: 0.9rem;
  margin: 0 auto;
  line-height: 1.2rem;
}
@media only screen and (max-width: 679.98px) {
  .loop-contents {
    width: 240%;
    left: -70%;
    margin: 40px auto;
  }
  .loop-contents h3 {
    font-size: 1rem;
  }
  .loop-contents p {
    font-size: 0.8rem;
    line-height: 1.1rem;
  }
}
/*ループで流れる*/
.loop-gallery {
  padding: 80px 0 100px;
}
.marquee-right {
  overflow: hidden;
}
.marquee-right ul {
  animation: marquee-right 25s linear infinite;
  display: flex;
  margin: 0;
  padding: 0;
  width: max-content;
}
.marquee-right ul li {
  list-style: none;
  padding: 0 20px;
  width: calc(100vw / 5 - 20px);
}
.marquee-right img {
  display: block;
  width: 100%;
  border: 4px solid #fff;
  border-radius: 11px;
}
@media only screen and (max-width: 679.98px) {
  .loop-gallery {
    padding: 40px 0 80px;
  }
  .marquee-right ul li {
    list-style: none;
    padding: 0 5px;
    width: calc(100vw / 2.5 - 10px);
  }
  .marquee-right img {
    border: 2px solid #fff
  }
}
@keyframes marquee-right {
  from {
    transform: translateX(0%);
  }
  to {
    transform: translateX(-50%);
  }
}
/*横スライドできるコンテンツ*/
.slide-contents {
  display: flex;
  gap: 40px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  cursor: grab;
  scroll-snap-type: none;
  padding: 30px 5vw;
}
.slide-contents.active {
  cursor: grabbing;
}
.slide-contents > div {
  flex: 0 0 25vw;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
  padding: 20px;
  box-sizing: border-box;
  user-select: none;
}
.slide-contents {
  scrollbar-width: none; /* Firefox */
  -ms-overflow-style: none; /* IE, Edge */
}
.slide-contents::-webkit-scrollbar {
  display: none; /* Chrome, Safari */
}
.slide-contents h3 {
  text-align: center;
  font-size: 1.5rem;
  margin: 20px auto 10px;
  font-weight: 600;
  letter-spacing: 1px;
}
.slide-contents h3 span {
  color: #0d6db0;
  display: block;
  font-size: 3.3rem;
  line-height: 3.3rem;
  font-weight: 500;
}
.slide-contents img {
  display: block;
  margin: 20px auto;
  padding: 0 70px;
}
.slide-contents p {
  font-size: 0.9rem;
  line-height: 1.6rem;
  padding: 0 20px;
}
@media only screen and (max-width: 1100px) {
  .slide-contents > div {
    flex: 0 0 32vw;
  }
  .slide-contents h3 {
    font-size: 1.2rem;
  }
  .slide-contents h3 span {
    font-size: 2.5rem;
    line-height: 2.5rem;
  }
  .slide-contents img {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 679.98px) {
  .slide-contents {
    padding: 20px 40px;
    gap: 20px;
  }
  .slide-contents > div {
    flex: 0 0 75vw;
  }
}
.slide-contents h4 {
  font-size: 1.1rem;
  padding: 0;
  border: none;
  text-align: left;
  margin: 20px auto 0;
  border-bottom: 1px dotted;
}
.slide-contents.txt-content p {
  padding: 0;
  line-height: 1.4rem;
}
@media only screen and (max-width: 679.98px) {
  .slide-contents.txt-content > div {
    padding: 15px;
  }
}
/*動くギャラリー*/
.fit-photo-gallery-wrap {}
.fit-photo-gallery {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 20px;
  margin: 50px auto;
}
.fit-photo-item {
  position: relative;
  overflow: hidden;
}
.fit-photo-item img {
  width: 100%;
  height: 280px;
  object-fit: cover;
  display: block;
  cursor: pointer;
  transition: transform 0.3s ease;
}
.fit-photo-item:hover img {
  transform: scale(1.03);
}
.fit-photo-caption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 12px 15px;
  box-sizing: border-box;
  color: #fff;
  background: rgba(0, 0, 0, 0.65);
  font-size: 14px;
  line-height: 1.5;
  opacity: 0;
  transform: translateY(100%);
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}
.fit-photo-item:hover .fit-photo-caption {
  opacity: 1;
  transform: translateY(0);
}
.fit-photo-lightbox {
  position: fixed;
  inset: 0;
  z-index: 99999;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 30px;
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.85);
  cursor: pointer;
}
.fit-photo-lightbox img {
  max-width: 95vw;
  max-height: 90vh;
  width: auto;
  height: auto;
  object-fit: contain;
  cursor: default;
}
.fit-photo-lightbox-close {
  position: absolute;
  top: 20px;
  right: 25px;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  cursor: pointer;
}
@media screen and (max-width: 768px) {

  .fit-photo-gallery {
    grid-template-columns: repeat(6, 1fr);
    gap: 10px;
  }

  .fit-photo-item img {
    height: 200px;
  }

}

@media screen and (max-width: 480px) {

  .fit-photo-gallery {
    grid-template-columns: repeat(6, 1fr);
    gap: 8px;
  }

  .fit-photo-item img {
    height: 150px;
  }

}

/*フローリスト*/
.flow-contents {
  display: flex;
  flex-wrap: wrap;
}
.flow-contents > div {
  padding: 20px;
  background: #f7f7f7;
  border-radius: 7px;
}
.flow-contents h3 {
  font-size: 1.4rem;
}
.flow-contents h3 span {
  color: #0d6db0;
  font-weight: 600;
  font-size: 2.6rem;
  margin-right: 10px;
  line-height: 2.6rem;
  position: relative;
  top: 4px;
}
.flow-contents p {
  font-size: 0.9rem;
  line-height: 1.6rem;
}
.flow3 > div {
  width: calc(100% / 3 - 30px);
  margin: 15px;
}
.flow4 > div {
  width: calc(100% / 4 - 30px);
  margin: 15px;
}
@media only screen and (max-width: 679.98px) {
  .flow-contents {
    display: block;
  }
  .flow-contents > div {
    width: 100%;
    margin: 30px auto;
  }
}
/*アンサートグル*/
.qa-container {
  max-width: 930px;
  margin: 40px auto;
  font-family: "Noto Sans JP", sans-serif;
}
.qa-container .qa-item {
  border-bottom: 1px solid #ddd;
}
.qa-container .qa-item button.qa-question {
  width: 100%;
  text-align: left;
  background: #4D4D4D;
  color: #fff;
  border: none;
  outline: none;
  padding: 20px 15px;
  font-size: 1.1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: background 0.3s;
}
button.qa-question:hover {
  background: #f9f9f9;
}
.qa-icon {
  font-weight: bold;
  font-size: 20px;
  transition: transform 0.3s;
}
.qa-answer {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.4s ease, padding 0.3s ease;
  background: #fafafa;
  padding: 0 15px;
}
.qa-answer.open {
  max-height: fit-content;
  padding: 15px;
}
.qa-item.open .qa-icon {
  transform: rotate(45deg); /* ＋ → × に変化 */
}
@media only screen and (max-width: 679.98px) {
  .qa-container .qa-item button.qa-question {
    font-size: 0.9rem;
  }
}
/*************************個別設定*************************/
/*グローバルメニューサブ項目装飾*/
@media only screen and (min-width: 680px) {
  .primary-navigation .sub-menu #menu-item-1735, .primary-navigation .sub-menu #menu-item-1737, .primary-navigation .sub-menu #menu-item-1742 {
    border-radius: 15px 0 0 0;
  }
  .primary-navigation .sub-menu #menu-item-1735::before {
    background-image: url('img/catch07.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1736::before {
    background-image: url('img/catch02.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1737::before {
    background-image: url('img/catch09.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1738::before {
    background-image: url('img/catch12.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1740::before {
    background-image: url('img/catch05.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1741::before {
    background-image: url('img/catch05.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1742::before {
    background-image: url('img/catch11.png');
    background-position: center;
    background-size: cover;
  }
  .primary-navigation .sub-menu #menu-item-1743::before {
    background-image: url('img/catch10.png');
    background-position: center;
    background-size: cover;
  }
}
/*staff紹介*/
.staff-contents h3 {
  font-weight: 500;
  font-size: 1rem;
}
.staff-contents p {}
.staff-contents .chara {
  color: #444;
  font-size: 0.8rem;
}
.staff-contents .chara span {}
/*個別パーツ設定*/
.unique01-wrap {
  position: relative;
  padding-bottom: 13vw;
}
.unique01 {
  position: absolute;
  z-index: 10;
  margin: 0 auto;
  transition: width 0.5s ease;
  top: -1.5vw;
}
.unique01 p {
  display: block;
  font-weight: 500;
  font-size: 9.7vw;
  color: #fff;
  white-space: nowrap;
  line-height: 6.7vw;
}
.marquee {
  display: flex;
  width: max-content;
}
.marquee .en {
  flex-shrink: 0;
  white-space: nowrap;
}
@media only screen and (min-width: 1600px) {
  .unique01 {}
}
@media only screen and (max-width: 679.98px) {
  .unique01-wrap {
    padding-bottom: 19vw;
  }
  .unique01 {
    top: 0vw;
  }
  .unique01 p {
    font-size: 13.4vw;
    line-height: 10.7vw;
  }
}
.unique02 {
  position: relative;
}
.unique02 img {
  position: absolute;
  opacity: 0.7;
  right: -180px;
  top: -150px;
  width: 50vw;
}
@media only screen and (max-width: 679.98px) {
  .unique02 img {
    right: -130px;
    top: 290px;
    width: 80vw;
  }
}
.unique03 {
  position: relative;
}
.unique03 img {
  position: absolute;
  bottom: 0;
  width: 50vw;
  max-width: 730px;
  right: calc(0.5vw + 30px);
}
@media only screen and (min-width: 1600px) {
  .unique03 img {
    right: calc(5.5vw + 80px);
  }
}
@media only screen and (max-width: 1300px) {
  .unique03 img {
    width: 47vw;
    right: -3vw;
  }
}
@media only screen and (max-width: 920px) {
  .unique03 img {
    width: 37vw;
  }
}
@media only screen and (max-width: 679.98px) {
  .unique03 {
    height: 220px;
  }
  .unique03 img {
    width: 310px;
    right: 0;
    left: 0;
    margin: 0 auto;
  }
}
.unique04 {
  position: relative;
  top: -60px;
}
.unique04 .loop-gallery {
  padding: 0;
}
@media only screen and (max-width: 679.98px) {
  .unique04 {
    top: -40px;
  }
}
.table01.ship-info{
	margin: 0px auto;
}
.table01.ship-info th{
	font-size: 1rem;
	border-bottom: 1px solid;
}
.table01.ship-info td{
	font-size: 0.9rem;
	padding: 10px 15px;
}

@media only screen and (max-width: 679.98px) {
  .table01.ship-info td{
	padding: 5px 0px;
	  margin: 0;
}
}