body{
    font-family: YakuHanMP, 'Noto Serif JP', "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
}
/* ===================================================================
  共通
=================================================================== */
.slide-pc{display: flex!important;}
.slide-sp{display: none!important;}
@media screen and (max-width:991px) {
  .slide-pc{display: none!important;}
  .slide-sp{display: flex!important;}
}
.br-pc{display: block!important;}
.br-sp{display: none!important;}
@media screen and (max-width:991px) {
  .br-pc{display: none!important;}
  .br-sp{display: block!important;}
}
.nolink a,
.nolink a:hover{
  color: #c0c0c0!important;
}

h1 {
  font-size: 10px;
  font-weight: normal;
  letter-spacing: 0.05em;	
  font-family: YakuHanMP, 'Noto Serif JP' , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
  color: #000;
  padding-top: 5px;
}
@media only screen and (max-width: 991px) {
h1 {
  padding-top: 0;
}
}
@media only screen and (max-width: 767px) {
h1 {
  display: none;
}
}

.pos-relative { 
position: relative;
}
p small {
display: inline-block;
font-size: 11px;
padding: 0 0 0 10px ;
}
.bellefair {
font-family: 'Bellefair', serif !important;
}

/* 余白 */
@media only screen and (max-width: 991px) {
.mt60-SP {
  margin-top: 60px !important;
}
.mb60-SP {
  margin-bottom: 60px !important;
}
.mt30-SP {
  margin-top: 30px !important;
}
}
/* 背景色指定 */

a.linkb:link { color: #363636; text-decoration:underline; }
a.linkb:visited { color: #363636; }
a.linkb:hover { color: #363636; text-decoration:none; }
a.linkb:active { color: #363636; }


/* -----------------------------------------------------
wrapper
----------------------------------------------------- */
.wrapper {
/* padding-top: 145px; */
overflow-x: hidden;
text-align: left;
background-color: #fff;
}
@media only screen and (max-width: 991px) {
.wrapper {
  padding-top: 75px;
}
}
.wrapper h2,.wrapper h3,.wrapper h4,.wrapper h5,.wrapper h6 {
font-family: YakuHanMP, 'Noto Serif JP' , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
letter-spacing: .1em;
}
.wrapper p,
.wrapper table th,
.wrapper table td,
.wrapper dl dt,
.wrapper dl dd,
.wrapper ul li {
font-family: YakuHanMP, 'Noto Serif JP' , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
letter-spacing: .1em;
}
.wrapper a {
font-family: YakuHanMP, 'Noto Serif JP' , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
color: #978357;
text-decoration: none;
letter-spacing: .1em;
}
.wrapper figure img {
width: 100%;
height: auto;
}
@media only screen and (max-width: 991px) {
.wrapper p,
.wrapper table th,
.wrapper table td,
.wrapper dl dt,
.wrapper dl dd,
.wrapper ul li {
  font-size: 12px;
  letter-spacing: 0;
}

}
/* -----------------------------------------------------
画像
----------------------------------------------------- */
figure {
position: relative;
}
img {
vertical-align: bottom;
width: 100%;
}
/* キャプション */
.picsCaps {
font-family: YakuHanMP, 'Noto Serif JP' , "游明朝", YuMincho,"HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
position: absolute;
bottom: 0;
right: 0;
font-size: 10px;
line-height: 1.2 !important;
padding: 5px;
margin: 1px;
color: #fff !important;
text-align: right;
letter-spacing: 0.02em;
}
.picsCaps.Lside {
right: auto;
left: 5px;
}
.picsCaps.black {
color: #111!important;	
}
.picsCaps.withBG {
background: rgba(0,0,0,0.8);
color: #fff !important;
}
.picsCaps.whiteBG {
background: rgba(255,255,255,0.6);
color: #000 !important;
}
.picsCaps.noBG {
position: static;
margin-top: 10px;
background: none;
color: #333 !important;
}

/* -----------------------------------------------------
家具配置図バナー
----------------------------------------------------- */
.fbox{text-align: center;}
.fbox img{max-width: 1000px;}

/* -----------------------------------------------------
間取り注釈キャプション
----------------------------------------------------- */

/* -----------------------------------------------------
ページ下部注釈
----------------------------------------------------- */
.pageCaption {
  padding-bottom: 50px;
}
.pageCaption ul li {
font-size: 10px;
}
.pageCaption ul li+li {
margin-top: 5px;
}

/* -----------------------------------------------------
資料請求・来場予約ボタン
----------------------------------------------------- */

/* ===================================================================
  ヘッダー
=================================================================== */
header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 147px;
  /* background: #fff; */
  z-index: 9999;
}
.headerWrap {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}
#navToggle {
  display: none;
}
/* logo */
.logo {
    max-width: 354px;
    margin-top: 5px;
}
.logoWrap {
  margin-left: calc(50% - 680px - 69px);
}
.pagecopy {
  padding-top: 5px;
}
.logoWrap a {
  font-size: 24px;
}
@media only screen and (max-width: 1550px) {
  .logoWrap {
    margin-left: 15px;
  }
}
@media only screen and (max-width: 991px) {
  .logoWrap a {
    font-size: 18px;
  }
}

@media only screen and (max-width: 767px) {
  .logo {
    width:100%;
    max-width: 230px;
    margin-top: 5px;
  } 
  .logoWrap {
      max-width: 80%;
  }
  .logoWrap a {
    font-size: 17px;
  }
}

header {
  height:75px;
}
.headerWrap {
  padding: 0 15px;
  align-items: center;
}

/* Gnav */
#menuListWrap {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  max-width: 600px;
}
.menuList {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: center;
  width: 95%;
  margin: 0 auto;
  column-gap: 30px;
}
.menuList li {
  padding: 0;
  max-width: 150px;
  width: 10vw;
  padding-bottom: 10px;
}
.menuList li a {
  display: block;
  position: relative;
  font-family: "Cinzel", serif;
  font-size: 25px;
  text-align: left;
  padding-bottom: 10px;
  transition: .3s all;
}
.menuList li a:hover {
  opacity: 0.5;
}
.menuList .notlink{
    pointer-events: none;
  cursor: default;
  color: #d4cab6;
}
.menuList li a.is-current::after {
  content: " ";
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  /* right: 0; */
  transform: translateX(-50%);
  margin: auto;
  width: 120px;
  height: 3px;
  background: #005155;
}
.menuList li.vacant,
.menuList li.p_pdf,
.menuList li.contact,
.menuList li.pamphlet {
  display: block;
  border-bottom: none;
}

.telNum a {
  color: #fff;
}

  .logoWrap {
    margin-left: 0;
  }
  .fixBtnLink {
    max-width: 260px;
    margin-left: auto;
  }

	/* ハンバーガーメニュー */
  #navToggle {
    display: block;
    position: fixed;
    top: 30px;
    right: 20px;
    width: 50px;
    height: 50px;
    cursor: pointer;
    mix-blend-mode: difference;
    z-index: 9999999;
  }
  #navToggle span {
    display: block;
    position: absolute;
    width: 30px;
    border-bottom: solid 2px #fff;
    transition: .4s ease-in-out;
    left: 10px;
    mix-blend-mode: difference;
  }
  #navToggle span:nth-child(1) {
    top: 7px;
  }
  #navToggle span:nth-child(2) {
    top: 16px;
  }
  #navToggle span:nth-child(3) {
    top: 25px;
  }
  #navToggle span:nth-child(4) {
    top: 38px;
    border: none;
    font-size: 11px;
    font-family: 'Bellefair', serif;
    color: #000;
  }
  .navOpen #navToggle span:nth-child(1) {
    top: 18px;
    left: 9px;
    transform: rotate(-45deg);
  }
  .navOpen #navToggle span:nth-child(2){
    opacity: 0;
  }
  .navOpen #navToggle span:nth-child(3) {
    top: 18px;
    transform: rotate(45deg);
  }

	/* Gnav */
  #menuListWrap {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
    transition: opacity .6s ease, visibility .6s ease;
    z-index: 990;
    position: fixed;
    right: 0px;
    top: 0;
    width: 100%;
    background: #fff;
    margin-left: auto;
    margin-right: 0;
    z-index: 0;
  }
  #menuListWrap small{
    font-size: 0.7rem;
      font-family: "Cinzel",'Noto Serif JP', "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
  }
  .navOpen #menuListWrap {
    visibility: visible;
    opacity: 1;
    pointer-events: auto;
    width: 35vw;
    z-index: 99999;
  }
  .menuList {
    flex-flow: column wrap;
    margin: auto;
    width: 100%;
    height: -webkit-fill-available;
  }
  .menuList li {
    width: 100%;
    /* border-bottom: #eee 1px solid; */
    max-width: unset;
    padding: 0 4vw;
  }
  .menuList li a {
    padding: 15px 0;
  }
  .menuList li a.is-current {
    /* background: rgba(0,0,0,.05); */
  }
  .menuList li a.is-current::after {
    display: none;
  }
  .menuList hr {
    height: 1px;
    background-color:#978357;
    width: 100%;
    border: none;
    }
    .entryFixed{
      position: fixed;
      top: 26px;
      right: 100px;
      max-width: 200px;
      display: block;
      z-index: 9999;
    }
@media screen and (max-width: 1350px) {
  .logoWrap {
    margin-left: 5px;
  }
  .navOpen #menuListWrap{
    width: 75vw;
  }
  .menuList li a{
    font-size: 20px;
  }
}




@media only screen and (max-width: 991px) {
  .fixBtnLink {
    display: none;
  }
  #navToggle {
    margin-left: auto;
    top: 30px;
  }
  /* /* #navToggle span {
    border-bottom: solid 3px #666;
  }
  #navToggle span:nth-child(4) {
    color: #666;
  } */
  .menuList li.vacant,
  .menuList li.p_pdf,
  .menuList li.contact,
  .menuList li.pamphlet {
    display: block;
    border-bottom: none;
  }
  .menuList li.vacant a {
    background: #3A8290;
    color: #fff;
  }
  .menuList li.p_pdf a {
    background: #4D4D4D;
    color: #fff;
  }
  .menuList li.contact a {
    background: #2E3F55;
    color: #fff;
  }
  .menuList li.pamphlet a{
    background: #595757;
    color: #fff;
  }
      .entryFixed{
        display: none;
      }
}


.wrap{
  max-width: 1200px;
  margin: auto;
  padding: 50px 10px;
}
.w-wrap{
  width: 100%;
  margin: auto;
}
.flex-wrap{
  display: flex;
  justify-content: space-between;
  max-width: 1200px;
  padding: 50px 0;
  margin: auto;
}
@media screen and (max-width:991px) {
  .wrap{width: 95%;}
  #concept .wrap{
    padding: 50px 10px 0;
  }
}

.pt0{
  padding-top: 0;
}
.pb0{
  padding-bottom: 0;
}
.pb100{
  padding-bottom: 100px;
}
@media screen and (max-width:991px) {
  .pb100{
    padding-bottom: 50px;
  }
}
.iw100{
  margin: 0 calc(50% - 50vw);
  width: 100vw!important;
}
/* mv スライド
================================================ */
#mv{
  background-color: #fff;
}
#mv span{
	font-size: 150%;
	position: relative;
	top: 2px;
}
#mv ul{
	width: 100%;
	background: -moz-linear-gradient(top, #201515, #555355);
    background: -webkit-linear-gradient(top, #201515, #555355);
    background: linear-gradient(to bottom, #201515, #555355);
    height: 130px;
    display: flex;
    justify-content: center;
    color: #fff;
}
#mv li{
	border-right: 1px solid;
	height: 100px;
	margin: auto 0;
	font-size: 1.5rem;
	font-family: serif;
	letter-spacing: 5px;
	padding: 0 20px;
  position: relative;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
#mv li:last-child{
	border-right: unset;
}
#mv li:nth-child(2):before {
    content: "※1";
    position: absolute;
    font-size: .7rem;
    top: 33px;
    right: 10px;
}
#mv li:nth-child(3):before {
    content: "(予定)";
      position: absolute;
      font-size: .7rem;
      top: 68px;
      right: 25px;
}
#mv li:nth-child(2){
    line-height: 35px;
  }
/* #mv li:nth-child(3) {
    line-height: 100px;
} */
#mv li:nth-child(4) img{
  width: 400px;
}
#mv li small{
  font-size: .8rem;
    text-align: right;
    display: inline-block;
    width: 100%;
}
.mv-caption {
  position: absolute;
  bottom: 7px;
  right: 1vw;
  color: #fff!important;
  font-size: .7vw!important;
  text-shadow: 1px 1px 1px #000;
  filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, 1));
}
.unset img{
  filter: brightness(0.6);
  opacity: 0.5;
}
@media screen and (max-width:767px) {

  /* mv スライド
  ================================================ */
  .mv-caption{
    font-size: 2vw!important;
  }
}
.kv-access {
  background-color: #3b3b3b;
  color: #cabc98;
  padding: 16px 40px 22px;
  font-family: "Yu Mincho", "游明朝", "Hiragino Mincho ProN",
              "Hiragino Mincho Pro", "MS PMincho", serif;
}

.kv-access__inner {
  max-width: 1200px;
  margin: 0 auto;
}

.kv-access__stations {
  display: flex;
  justify-content: center;
  gap: 20px;
  text-align: center;
  align-items: end;
}

.kv-access__station-block {
  line-height: 1.6;
  letter-spacing: 0.14em;
  font-size: 12px;
  text-align: justify;
}

.kv-access__line {
  margin-bottom: -5px;
  font-size: 15px;
  font-family: 'Noto Serif JP', serif;
  text-indent: 50px;
}
.kv-access__line2 {
    margin-bottom: -5px;
    font-size: 11px;
    font-family: 'Noto Serif JP', serif;
}
.kv-access__station-main {
  white-space: nowrap;
  font-size: 25px;
  letter-spacing: 3px;
  font-family: 'Noto Serif JP', serif;
}
.kv-access__station-main-sub {
  white-space: nowrap;
  font-size: 18px;
  letter-spacing: 3px;
  font-family: 'Noto Serif JP', serif;
}
.kv-access__time {
  font-size: 60px;
  margin: 0 2px;
  font-weight: 500;
  font-family: 'Cinzel';
  line-height: 0;
}

.kv-access__time--small {
  font-size: 22px;
}

/* 中央ライン・下段コピーは前回と同じでOK */
.kv-access__hr {
  width: 100%;
  max-width: 1100px;
  height: 1px;
  margin: 14px auto 12px;
  background-color: #cabc98;
}

.kv-access__copy {
  margin: 0;
  font-size: 13px;
  letter-spacing: 0.14em;
  text-align: center;
  display: flex;
  justify-content: center;
  gap: 28px;
  align-items: center;
  flex-wrap: wrap;
}

.kv-access__copy-item {
  position: relative;
  padding: 10px 18px;
  line-height: 1.8;
  font-size: 18px;
  color: #cabc98;
    font-family: 'Noto Serif JP', serif;
}

.kv-access__copy-item + .kv-access__copy-item::before {
  content: "";
  position: absolute;
  left: -14px;
  top: 50%;
  height: 2.3em;
  border-left: 1px solid #cabc98;
  transform: translateY(-50%);
}

/* SP調整 */
@media (max-width: 768px) {
  .kv-access {
    padding: 30px 15px;
  }

  .kv-access__stations {
    flex-direction: column;
    gap: 8px;
    align-items: center;
  }

  .kv-access__time {
    font-size: 50px;
  }

  .kv-access__copy {
    gap: 8px 16px;
  }

  .kv-access__copy-item {
    padding: 0 10px;
  }
  .kv-access__line {
    margin-bottom: -5px;
    text-align: justify;
    text-indent: 25px;
  }
  .kv-access__station-block{
    text-align: center;
  }
  .kv-access__copy-item + .kv-access__copy-item::before{
    content: unset;
  }
  .kv-access__station-main{
    font-size: 20px;
  }
  .kv-access__copy-item{
    font-size: 15px;
        width: 100%;
    border-bottom: solid 1px;
    padding-bottom: 10px;
  }
  .kv-access__copy-item:last-child{
    border-bottom: unset;
  }
  .kv-access__station-block:nth-child(3) .kv-access__line2{
    letter-spacing: 0;
  }
}

.belt{
  background-color: #AB8776;
}
.belt img{
  max-width: 1200px;
  width: 100%;
  display: block;
  margin: auto;
  padding: 30px 0;
}
@media screen and (max-width:991px) {
  .belt img{
    width: 95%;
  }
}
#info{
  background-color: #fff;
  padding: 50px 0;
}
#info .wrap span{
  display: block;
    margin: 0 auto 100px;
    text-align: center;
    font-size: 1.3rem;
    letter-spacing: 0.5em;
    position: relative;
}
#info .wrap span:before {
    position: absolute;
    content: "";
    width: 70px;
    border-bottom: solid 1px;
    left: 0;
    right: 0;
    margin: auto;
    bottom: -50px;
}
#top #info .wrap li,
#top #info .wrap a{
  color: #231815;
  text-align: justify;
}
@media screen and (max-width:991px) {
  #info{
    padding: 0;
  }
}
#info img{
  width: 100%;
}
#info ul li{
  text-align: center;
  line-height: 25px;
  font-size: 1rem;
  font-weight: bold;
}
#info .text{
  margin-top: -40%;
  width: 85%;
  margin-left: 2vw;
  position: relative;
}
#info .wrap.pc div{
  position: relative;
}
#info .wrap.pc div:before{
  content: "All image photo";
  position: absolute;
  right: 35px;
  bottom: -20px;
  color: #fff;
}
#concept{
  background-color: #BBDBEB;
}
#concept .flex-wrap{
  max-width: 1080px;
}
#concept .flex-wrap img{
  max-width: 350px;
}
#concept .title {
  color: #2E3F55;
  font-size: 1.5rem;
  letter-spacing: 2px;
  line-height: 40px;
  display: block;
  padding: 30px 0;
}
#concept .column p{
  color: #2E3F55;
  line-height: 40px;
  padding-bottom: 30px;
}
#front_menu{
  background-color: #F2EDE8;
  padding: 100px 0;
}
#front_menu .caption{
  position: relative;
  display: contents;
}
#front_menu .caption>span{
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #fff;
}
#front_menu .left .caption>span{
  position: absolute;
  left: 10px;
  bottom: 10px;
  color: #fff;
}
.menu-wrapper {
  position: relative;
  width: 100%;
  max-width: 1920px;
  margin: 0 auto 150px;
}
.menu-image {
  position: absolute;
  top: 0;
  right: 0;
  width: 48%;
  height: 50vw;
  max-height: 450px;
  object-fit: cover;
  object-position: center;
}
.content-wrapper {
  position: relative;
  max-width: 1080px;
  margin: 0 auto;
  padding: 50px 20px;
  z-index: 2;
  max-height: 450px;
  height: 100vw;
}
.menu-text {
  position: relative;
  height: 100%;
  display: flex;
  flex-wrap: wrap;
}
.menu-text h3 {
  font-size: 2.5em;
  max-height: 30px;
  color: #2D4373;
  margin-bottom: 60px;
  width: 100%;
}
.menu-text h3>img{
  max-height: 50px;
    width: auto;
}
.menu-text-box {
  position: relative;
  display: flex;
  justify-content: space-between; /* 左右にスペースを分割 */
  align-items: flex-start;
  width: 100%;
  height: auto;
  z-index: 2;
}
.menu-text-box .text-content {
  width: 50%; /* 左側コンテンツを50%に */
  position:relative;
  padding-top: 10px;
  z-index: 3;
}
.menu-text-box .text-content p {
  line-height: 30px;
  margin: 0;
  color: white;
  font-size: 1rem;
  letter-spacing: 2px;
}
.menu-text-box .text-content p.note{
  font-size: 0.8rem;
  padding-top: 15px;
}
.menu-text-box .text-content small {
  display: inline-block;
  font-size: 0.6rem;
  padding: 0 ;
}
.menu-text-box .empty-content {
  width: 50%; /* 右側の空白スペースを確保 */
}
.arrow-box {
  position: absolute;
  bottom: 50px;
  right: 50%;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  color: white;
  font-size: 1em;
  cursor: pointer;
  z-index: 2;
  border: solid 1px #fff;
}
.menu-wrapper::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 30px;
  margin: auto;
  width: 55%;
  height: 280px;
  background-color: #2E3F55;
  z-index: 1;
}
/* leftクラスが付いている場合のスタイル */
.menu-wrapper.left .menu-text h3 {
  width: 45%;
  margin-right: 0;
  margin-left: auto;
}
.menu-wrapper.left .menu-image {
  left: 0px; /* 画像を左に配置 */
  right: auto; /* 右のスタイルを解除 */
}
.menu-wrapper.left::after {
  right: 0; /* 帯を右に配置 */
  left: auto; /* 左のスタイルを解除 */
}
.menu-wrapper.left .menu-text-box {
  flex-direction: row-reverse; /* テキストと空要素を反転 */
}
.menu-wrapper.left .arrow-box {
  right: 30px;
}
@media (max-width: 768px) {
  .menu-wrapper {
    margin: 0 auto 80px;
  }
  .content-wrapper {
      padding: 20px;
      max-height: unset;
        height: unset;
        background-color: #2E3F55;
  }
  .menu-text h2 {
      font-size: 2em;
  }
  .menu-image {
      position: static;
      width: 100%;
      height: auto;
  }
  .menu-text-box {
      flex-direction: column;
  }
  .menu-text-box .text-content{
    width: 100%;
    padding-top: 0;
  }
  .menu-wrapper::after {
    content: unset;
  }
  .menu-text-box .text-content p.note {
      font-size: 0.7rem;
      padding-top: 15px;
      line-height: 25px;
  }
  .menu-text-box .empty-content {
      width: 0;
  }
  .arrow-box {
      /* position: static; */
      margin: 20px auto;
      bottom: -10px;
      right: 0px;
  }
  .menu-wrapper.left .arrow-box{
    right: 0;
  }
}

@media screen and (max-width:991px) {
  #front_menu{
    padding: 50px 0 0;
  }
  #front_menu .wrap{
    padding: 25px 0;
    width: 97.5%;
  }
  #front_menu img{
    width: 100%;
    max-height: 300px;
  }
  #front_menu h3 img{
    height: 50px;
    padding-bottom: 10px;
    width: auto;
    margin-left: 20px;
  }
  #concept .column p{
    padding-bottom: 0;
  }
  #info ul li{
    font-size: .8rem;
  }
}

#slidemenu{
  background-color: #3A8290;
  padding: 0 0 150px;
  overflow: hidden;
}
#slidemenu h3{
  max-width: 150px;
  margin: auto;
  padding: 100px 0 60px;
}
#slidemenu .swiper-slide{
  transform: scale(1);
  transition: transform 0.5s, margin 0.5s; /* スライドの変化をスムーズにする */
}
#slidemenu .swiper-slide-active{
  transform: scale(1.05);
  z-index: 10; /* 拡大されたスライドを前面に表示 */
  filter: drop-shadow(2px 2px 4px #000);
}
#slidemenu .swiper-slide-prev,
#slidemenu .swiper-slide-next {
  margin: 0 2.5px;
}
#underswiper{
  position: relative;
}

.note{
  max-width: 1200px;
  width: 100%;
  margin: 80px auto 50px;
  color: #595757;
}
.note p{
  font-size: 0.75rem;
  line-height: 20px!important;
  letter-spacing: 0;
  color: #595757;
}

@media screen and (max-width:991px) {
  .note {
      width: 90%;
      font-size: 0.55rem;
  }
  .note p{
    font-size: 0.65rem;
  }

}

/* ===================================================================
  コンタクト
=================================================================== */
.contactWrap{
  background-color: #fff;
}
.contactWrap .row {
    position: relative;
  }
  .contactWrap .leftBox {
    position: relative;
    padding: 80px 15px;
  }
  .contactWrap .leftBox h3 {
    font-size: 14px;
    color: #000;
    font-weight: normal;
  }
  .contactWrap .leftBox p.num {
    color: #000;
    font-size: 36px;
    margin: 0.4em 0 0.3em;
  }
  .contactWrap .leftBox p.info {
    color: #000;
    font-size: 12px;
    line-height: 2;
  }
  .contactWrap .leftBox::before {
    content: " ";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    width: 2000px;
    background: #BBDBEB;
    z-index: -1;
    border-radius: 0 6px 6px 0;
  }
  @media only screen and (max-width: 991px) {
    .contactWrap .leftBox::before {
      /* right: -500px;
      left: -500px; */
      border-radius: 0;
    }
  }
  .contactWrap .rightBox {
    padding: 20px 80px;
    display: flex;
    justify-content: space-between;
    flex-flow: row wrap;
  }
  .rightBox .vacant,
  .rightBox .contact {
    width: calc(50% - 15px);
  }
  .rightBox .mitsui {
    width: 100%;
  }
  .contactWrap .rightBox h3 {
    font-size: 14px;
    font-weight: normal;
    margin-bottom: 20px;
  }
  .contactWrap .rightBox a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    height: 60px;
    padding: 10px;
  }
  .rightBox .vacant a {
    background: #BBDBEB;
    margin-bottom: 45px;
  }
  .rightBox .p_pdf a {
    background: #4D4D4D;
    margin-bottom: 45px;
  }
  .rightBox .contact a {
    background: #262626;
    margin-bottom: 45px;
  }
  .rightBox .mitsui a {
    background: #ee8552;
  }
  .rightBox .mitsui h3{
    line-height: 2;
  }
  @media only screen and (max-width: 991px) {
    .contactWrap .rightBox {
      padding: 80px 15px;
    }
    .rightBox .vacant a,
    .rightBox .p_pdf a,
    .rightBox .contact a {
      margin-bottom: 30px;
    }
  }
  @media only screen and (max-width: 767px) {
    .contactWrap .leftBox,
    .contactWrap .rightBox {
      padding: 50px 15px;
    }
    .rightBox .vacant,
    .rightBox .p_pdf,
    .rightBox .contact {
      width: 100%;
    }
  }
  .contactWrap #topBtn {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 72px;
    height: 72px;
    background: #8F888C;
    border: #dae3ef 7px solid;
    border-radius: 50%;
    position: absolute;
    right: 0;
    bottom: -36px;
    color: #fff !important;
    font-size: 13px;
  }
  .contactWrap #topBtn span::before {
    content: "\25b2";
    color: #fff;
    position: absolute;
    top: 4px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 10px;
  }
  @media only screen and (max-width: 767px) {
    .contactWrap #topBtn {
      position: fixed;
      right: -72px;
      bottom: 10px;
      transition: all 0.5s;
      z-index: 999;
    }
    .contactWrap #topBtn.anime {
      right: 5px;
    }
  }

.entryWrap{
  background-color: #fff;
}
.entryWrap .label{
      display: block;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
    padding-top: 60px;
}
.entryWrap .label img{
      display: block;
    width: 100%;
    padding-bottom: 10px;
}
.bread-crumb {
  padding: 60px 0 30px;
  margin: auto;
  text-align: center;
  font-size: 12px;
  letter-spacing: 0.18em;
  color: #978357;
  background-color: #fff;
}
.bread-crumb span {
  margin: 0 4px;
}
.bread-crumb a {
  color: #978357;
  text-decoration: none;
  font-size: 1rem;
}
.bread-crumb a:hover {
  text-decoration: underline;
}
.entry-band {
  background-color: #3f3d3d;
  padding: 26px 0;
  text-align: center;
}
.entry-band__title {
  margin: 0;
  font-size: 22px;
  letter-spacing: 0.5em;
  color: #cabc98;
  font-family: "Cinzel", "Bellefair", serif;
  display: inline-block;
}
.entry-section {
  background-color: #f6f6f6;
  padding: 80px 0 120px;
}
.entry-section__inner {
  max-width: 1200px;
  margin: 0 auto;
  text-align: center;
}
.entry-section__inner .flow{
  margin-bottom: 50px;
  padding-bottom: 20px;
}
.entry-section__heading {
  margin: 0 0 30px;
  font-size: 26px;
  letter-spacing: 0.18em;
  color: #555;
  font-weight: 400;
}
.entry-section__lead {
  margin: 0 0 50px;
  font-size: 14px;
  line-height: 2.2;
  color: #555;
}
.entry-section__button img {
  display: block;
  max-width: 430px;
  width: 100%;
  margin: 0 auto;
}
.entry-section__button a {
  display: inline-block;
}
.entry-section__button a:hover img {
  opacity: 0.85;
}

@media (max-width: 768px) {
  .entryWrap{
    background-color: #fff;
  }
  .entry-section__inner .flow{
    width: 100%;
  }
  .entry-section__inner .flow img{
    width: 250vw;
  }
  .bread-crumb {
    font-size: 11px;
    padding: 60px 0;
    letter-spacing: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 80%;
    line-height: 30px;
  }
  .entry-section {
    padding: 60px 0 80px;
  }
  .entry-section__heading {
    font-size: 20px;
  }
  .entry-section__lead {
    font-size: 13px;
    padding: 0 20px;
  }
}
/* ▽ FOOTER ▽ */
footer {
  background-color: #fff;
  position: relative;
  z-index: 1000;
  margin: 0;
  padding: 0;
}

footer ul.nextBox {
  border-top: 1px solid #787374;
  width: 100%;
  padding: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
}
footer ul.nextBox li {
  width: 100%;
  display: block;
  margin: 0;
  padding: 0;
}
footer ul.nextBox li a {
  display: inline-block;
  width: 100%;
  text-decoration: none;
  color: #787374;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1;
  transition: all 0.3s ease-out;
  margin: 0;
  padding: 2em 0;
  opacity: 1;
  position: relative;
  text-align: center;
}
footer ul.nextBox li a em {
  font-size: 22px;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  margin-right: 0.5em;
}
footer ul.nextBox li a small {
  font-size: 11px;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  margin-right: 1em;
}
footer ul.nextBox li a:hover {
  background-color: #787374;
  color: #fff;
}

footer ul.btnBox {
  width: 100%;
  padding: 0;
  display: flex;
}
footer ul.btnBox li {
  width: 100%;
  display: block;
  transition: all 0.3s ease-out;
  margin: 0;
  padding: 0;
}
footer ul.btnBox li.res {
  background-color: #eee;
  border-top: 1px solid #787374;
}
footer ul.btnBox li.ent {
  background-color: #787374;
  border-top: 1px solid #787374;
  border-right: 1px solid #fff;
}
footer ul.btnBox li a {
  width: 100%;
  height: 90px;
  text-decoration: none;
  color: #fff;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.1em;
  line-height: 1em;
  display: flex;
  justify-content: center;
  align-items: center;
  align-content: center;
  flex-wrap: nowrap;
  transition: all 0.3s ease-out;
  margin: 0;
  padding: 0;
  opacity: 1;
  position: relative;
  text-align: left;
}
footer ul.btnBox li.res a {
  color: #676263;
}
footer ul.btnBox li a em {
  font-size: 24px;
  font-family: 'Bellefair', serif;
  font-weight: 400;
  margin-right: 0.5em;
}
footer ul.btnBox li.ent:hover {
  background-color: #fff;
}
footer ul.btnBox li.ent:hover a {
  color: #787374;
  text-decoration: none;
}
footer ul.btnBox li.res:hover {
  background-color: #676263;
}
footer ul.btnBox li.res:hover a {
  color: #fff;
  text-decoration: none;
}
footer .tel-wrap{
      max-width: 1200px;
    margin: 30px auto;
    color: #595757;
}
footer .tel-wrap a{
    font-size: 4rem;
    display: block;
    margin: auto;
    text-align: center;
    color: #595757;
    padding: 20px 0 10px;
    font-family: "游明朝", YuMincho, "HG明朝B", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ 明朝", serif;
}
footer .tel-wrap .title{
    display: block;
    text-align: center;
    font-size: 1.3rem;
    color: #595757;
}
footer .tel-wrap img{
      display: inline-block;
    width: 85px;
    height: auto;
    margin: 0 5px 8px 0;
}
footer .tel-wrap p{
    text-align: center;
    font-size: 1rem;
    color: #595757;
}
@media (max-width: 600px) {
  footer ul.btnBox {
    flex-direction: column;
  }
  footer ul.btnBox li.ent {
    border-bottom: 1px solid #fff;
    border-right: none;
  }
}

footer .contact {

  /* background-image: url("/content/dam/31sumai/mfr/X2116/asset/images/common/ft_bg.jpg");
  background-repeat: repeat;
  background-position: center center; */
  text-align: center;
  padding: 50px 0;
  margin: 0 auto;
  position: relative;
  bottom: auto;
  left: auto;
  width: 100%;
  margin: 0 auto;
}
footer .contact p.tel {
  width: 100%;
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
footer .contact p.cap + p.tel {
  margin-top: 50px;
}
footer .contact p.tel .name {
  display: inline-block;
  color: #fff;
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.5em;
}
footer .contact p.tel .name br {
  display: none;
}
footer .contact p.tel a {
  text-decoration: none;
  display: inline-block;
  color: #fff;
  font-size: 40px;
  line-height: 1;
  font-weight: 400;
  letter-spacing: 0.05em;
  margin: 0 5px 0 10px;
  padding-bottom: 0.05em;
}
footer .contact p.tel img {
  display: inline-block;
  width: 39px;
  height: 22px;
  margin: 0 5px 8px 0;
}
footer .contact p.tel small {
  display: inline-block;
  color: #fff;
  font-size: 11px;
  letter-spacing: 0.05em;
  line-height: 1.5em;
  text-align: left;
}
footer .contact p.cap {
  width: 100%;
  max-width: 1200px;
  color: #595757;
  font-size: 11px;
  text-align: justify;
  text-justify: inter-ideograph;
  line-height: 1.4em;
  padding: 0;
  margin: 0 auto;
  position: relative;
  bottom: auto;
  left: auto;
}
@media all and (-ms-high-contrast: none) { footer .contact p.cap { text-justify: inter-cluster; } }

footer .developer {
  width: 100%;
  padding: 0;
  margin: 50px auto;
  text-align: left;
  font-size: 11px;
  letter-spacing: 0.05em;
  display: flex;
  justify-content: center;
  align-items: center;
}
footer .developer span {
  margin-right: 1em;
}
footer .developer img {
  display: block;
  width: 320px;
}

footer .copyright {
  height: 40px;
  font-family: 'Bellefair', serif;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 0.2em;
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-top: 1px solid rgba(62, 56, 57, 0.2);
}
  @media only screen and (max-width: 991px) {
    footer {
      padding: 0 0 30px 0;
    }
    .info {
      flex-flow: column wrap;
    }
    .info .address {
      margin-bottom: 30px;
    }
    .col-xs-12{
      text-align: center;
    }
    .copy{
      text-align: center;
    }
    footer .tel-wrap a{
        font-size: 2rem;
        padding: 10px 0 10px;
    }
    footer .tel-wrap .title{
      font-size: 1rem !important;
      margin-bottom: 5px !important;
    }
    footer .tel-wrap img{
      width: 45px;
      margin: 0 5px 4px 0;
    }
    footer .tel-wrap p{
        font-size: 0.8rem;
    }
  }
  @media only screen and (max-width: 767px) {
    /* トップへ戻るボタン調整 */
    footer {
      padding: 0 0 82px 0;
    }
  }
  

.privacyBox{text-align: center;}
ul.privacy{text-align: center; margin-bottom: 25px;}
ul.privacy li{font-size: 12px; padding:0 10px; margin: 5px 0;}

.topTxt h3{margin-bottom: 50px;text-align: center;border: none;font-size: 24px;;font-weight: normal;}
.topTxt h4{font-size: 18px; font-weight: normal;}
.topTxt h4 span{font-size: 24px; }


@media only screen and (min-width: 991px) {
ul.privacy{display: flex;}
ul.privacy li{ border-right:1px solid #000;}
ul.privacy li:last-child{
    border-right:none;
}
}


@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {
}
@media screen and (max-width: 420px) {
}


@charset "UTF-8";
html, body {
  margin: 0;
  padding: 0; }

@media print {#bukken_migration_footer{ display:none }}

#bukken_migration_footer {
  line-height: 1; }
  #bukken_migration_footer div, #bukken_migration_footer span, #bukken_migration_footer object, #bukken_migration_footer iframe, #bukken_migration_footer h1, #bukken_migration_footer h2, #bukken_migration_footer h3, #bukken_migration_footer h4, #bukken_migration_footer h5, #bukken_migration_footer h6, #bukken_migration_footer p, #bukken_migration_footer blockquote, #bukken_migration_footer pre, #bukken_migration_footer abbr, #bukken_migration_footer address, #bukken_migration_footer cite, #bukken_migration_footer code, #bukken_migration_footer del, #bukken_migration_footer dfn, #bukken_migration_footer em, #bukken_migration_footer img, #bukken_migration_footer ins, #bukken_migration_footer kbd, #bukken_migration_footer q, #bukken_migration_footer samp, #bukken_migration_footer small, #bukken_migration_footer strong, #bukken_migration_footer var, #bukken_migration_footer b, #bukken_migration_footer i, #bukken_migration_footer dl, #bukken_migration_footer dt, #bukken_migration_footer dd, #bukken_migration_footer ol, #bukken_migration_footer ul, #bukken_migration_footer li, #bukken_migration_footer fieldset, #bukken_migration_footer form, #bukken_migration_footer label, #bukken_migration_footer legend, #bukken_migration_footer table, #bukken_migration_footer caption, #bukken_migration_footer tbody, #bukken_migration_footer tfoot, #bukken_migration_footer thead, #bukken_migration_footer tr, #bukken_migration_footer th, #bukken_migration_footer td, #bukken_migration_footer article, #bukken_migration_footer aside, #bukken_migration_footer dialog, #bukken_migration_footer figure, #bukken_migration_footer footer, #bukken_migration_footer header, #bukken_migration_footer hgroup, #bukken_migration_footer menu, #bukken_migration_footer nav, #bukken_migration_footer section, #bukken_migration_footer time, #bukken_migration_footer mark, #bukken_migration_footer audio, #bukken_migration_footer video, #bukken_migration_footer button {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    background: transparent;
    border: none;
    background: none; }
  #bukken_migration_footer i, #bukken_migration_footer b, #bukken_migration_footer address, #bukken_migration_footer caption, #bukken_migration_footer cite, #bukken_migration_footer code, #bukken_migration_footer dfn, #bukken_migration_footer em, #bukken_migration_footer strong, #bukken_migration_footer th, #bukken_migration_footer var {
    font-style: normal;
    font-weight: normal; }
  #bukken_migration_footer h1, #bukken_migration_footer h2, #bukken_migration_footer h3, #bukken_migration_footer h4, #bukken_migration_footer h5, #bukken_migration_footer h6 {
    font-size: 100%;
    font-weight: normal; }
  #bukken_migration_footer article, #bukken_migration_footer aside, #bukken_migration_footer dialog, #bukken_migration_footer figure, #bukken_migration_footer footer, #bukken_migration_footer header,
  #bukken_migration_footer hgroup, #bukken_migration_footer nav, #bukken_migration_footer section {
    display: block; }
  #bukken_migration_footer blockquote, #bukken_migration_footer q {
    quotes: none; }
  #bukken_migration_footer a {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    background: transparent; }
  #bukken_migration_footer ins {
    background-color: #ff9;
    text-decoration: none; }
  #bukken_migration_footer mark {
    background-color: #ff9;
    font-style: italic;
    font-weight: bold; }
  #bukken_migration_footer del {
    text-decoration: line-through; }
  #bukken_migration_footer table {
    border-collapse: collapse;
    border-spacing: 0; }
  #bukken_migration_footer hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #cccccc;
    margin: 1em 0;
    padding: 0; }
  #bukken_migration_footer input, #bukken_migration_footer select, #bukken_migration_footer img {
    vertical-align: middle; }
  #bukken_migration_footer input[type="text"],
  #bukken_migration_footer input[type="password"],
  #bukken_migration_footer texarea {
    -webkit-appearance: none;
    border: 1px solid #ccc;
    display: inline-block; }
  #bukken_migration_footer ol, #bukken_migration_footer ul {
    list-style: none; }

#bukken_migration_footer {
  line-height: 1.8; }
  #bukken_migration_footer .cf {
    zoom: 1; }
  #bukken_migration_footer .cf:after {
    display: block;
    clear: both;
    content: ""; }
  #bukken_migration_footer .onlysp {
    display: none; }
  @media screen and (max-width: 767px) {
    #bukken_migration_footer .onlysp {
      display: block; }
    #bukken_migration_footer .onlypc {
      display: none; } }
  #bukken_migration_footer a {
    color: #000;
    text-decoration: underline; }

#bukken_migration_footer {
  /********************************* btn *********************************/
  /* primary btn */
  /* cancel btn */
  /* more btn */
  /* disable */
  /* size l */
  /* size m(defaul) */
  /* size s */
  /* size ss */
  /* アコーディオン */
  /* アイコン無し */
  /* 別ウィンドウ */
  /* 削除 */
  /* 検索 */
  /** rotate **/
  /* size l (rotate) */
  /* size m(defaul) (rotate) */
  /* size s (rotate) */
  /* size ss (rotate) */
  /* ============================================================ */
  /* c-wide_btns */
  /* ============================================================ */
  /* ============================================================ */
  /* layout column */
  /* ============================================================ */
  /* .c-txt cover to li */
  /* .c-txt cover to li & hover action */
  /* column01 */
  /* column02 */
  /* column03 */
  /* column04 */
  /* column05 */ }
  #bukken_migration_footer .inner, #bukken_migration_footer .recommend_set .inner, #bukken_migration_footer #contents .inner {
    max-width: 1000px;
    margin: 0 auto; }
  #bukken_migration_footer .ttl01 {
    max-width: 980px;
    margin: 0 auto 15px;
    padding: 0 0 0 1.2em;
    box-sizing: border-box;
    font-size: 22px;
    font-weight: bold;
    text-indent: -1.2em;
    line-height: 1.3; }
  #bukken_migration_footer .ttl01:before {
    position: relative;
    top: -2px;
    padding: 0 5px 0 0;
    content: "\25CF";
    color: #222c81;
    font-size: 17px; }
  @media screen and (max-width: 767px) {
    #bukken_migration_footer .ttl01 {
      font-size: 16px; }
    #bukken_migration_footer .inner .ttl01 {
      margin-left: 0;
      margin-right: 0;
      width: auto; }
    #bukken_migration_footer .branchs .inner .ttl01 {
      margin-left: 10px; } }
  #bukken_migration_footer .ttl02 {
    margin: 0 10px 20px;
    padding: 0 0 0 10px;
    border-left: 4px solid #222c81;
    box-sizing: border-box;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    clear: both; }
  #bukken_migration_footer .c-btn {
    position: relative;
    display: inline-block;
    border-radius: 4px;
    font-size: 14px;
    line-height: 1.8;
    cursor: pointer;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box; }
  #bukken_migration_footer .c-btn:after {
    content: "\25B6";
    position: absolute;
    top: 50%;
    margin-top: -0.5em;
    display: inline-block;
    font-family: FontAwesome;
    font-size: 8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1; }
  #bukken_migration_footer .c-btn_navy {
    background: #222c81;
    color: #fff; }
  #bukken_migration_footer .c-btn_navy i {
    color: #fff; }
  #bukken_migration_footer .c-btn_navy:hover {
    background: #656ca7;
    color: #fff; }
  #bukken_migration_footer .c-btn_lightnavy {
    background: #e8e9f2;
    color: #222c81; }
  #bukken_migration_footer .c-btn_lightnavy i {
    color: #222c81; }
  #bukken_migration_footer .c-btn_lightnavy:hover {
    background: #efeff2;
    color: #222c81; }
  #bukken_migration_footer .c-btn_white_border {
    background: #fff;
    color: #000;
    text-decoration: underline;
    border: solid 1px #cdcdcd; }
  #bukken_migration_footer .c-btn_white_border:after {
    color: #222c81;
    height: 0.98em;
    overflow: hidden;
    text-decoration: none; }
  #bukken_migration_footer .c-btn_white_border:hover {
    background: #f6f6f6;
    color: #222c81; }
  #bukken_migration_footer .c-btn_disable {
    cursor: default;
    background: #ddd;
    color: #666; }
  #bukken_migration_footer .c-btn_disable i {
    color: #666; }
  #bukken_migration_footer .c-btn_disable:hover {
    background: #ddd;
    color: #666; }
  #bukken_migration_footer .c-btn.c-btn_l {
    font-size: 16px;
    font-weight: bold;
    padding: 15px 55px 15px 45px; }
  #bukken_migration_footer .c-btn.c-btn_l.c-btn_i_rvc {
    padding: 15px 45px 15px 55px; }
  #bukken_migration_footer .c-btn.c-btn_l:after {
    right: 15px; }
  #bukken_migration_footer .c-btn,
  #bukken_migration_footer .c-btn.c-btn_m {
    padding: 10px 40px 10px 30px; }
  #bukken_migration_footer .c-btn.c-btn_i_rvc,
  #bukken_migration_footer .c-btn.c-btn_m.c-btn_i_rvc {
    padding: 10px 30px 10px 40px; }
  #bukken_migration_footer .c-btn:after,
  #bukken_migration_footer .c-btn.c-btn_m:after {
    right: 10px; }
  #bukken_migration_footer .c-btn.c-btn_s {
    font-size: 12px;
    padding: 5px 35px 5px 25px; }
  #bukken_migration_footer .c-btn.c-btn_s.c-btn_i_rvc {
    padding: 5px 25px 5px 35px; }
  #bukken_migration_footer .c-btn.c-btn_s:after {
    right: 10px; }
  #bukken_migration_footer .c-btn.c-btn_ss {
    font-size: 10px;
    padding: 2px 22px 2px 15px; }
  #bukken_migration_footer .c-btn.c-btn_s.c-btn_i_rvc {
    padding: 2px 15px 2px 22px; }
  #bukken_migration_footer .c-btn.c-btn_ss:after {
    right: 5px; }
  #bukken_migration_footer .c-btn.c-btn_accordion:after {
    content: "\f067"; }
  #bukken_migration_footer .c-btn.c-btn_accordion.c-btn_accordion_close:after {
    content: "\f00d"; }
  #bukken_migration_footer .c-btn.c-btn_none:after {
    content: ""; }
  #bukken_migration_footer .c-btn.c-btn_none.c-btn_ss {
    padding-right: 15px; }
  #bukken_migration_footer .c-btn.c-btn_external:after {
    content: "\f08e"; }
  #bukken_migration_footer .c-btn.c-btn_external:before {
    display: none; }
  #bukken_migration_footer .c-btn.c-btn_remove:after {
    content: "\f00d"; }
  #bukken_migration_footer .c-btn.c-btn_search:after {
    position: relative;
    content: "\f002";
    top: auto;
    right: auto;
    margin-top: 0; }
  #bukken_migration_footer .c-btn.c-btn_i_rvc:after {
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg); }
  #bukken_migration_footer .c-btn.c-btn_l.c-btn_i_rvc:after {
    right: auto;
    left: 15px; }
  #bukken_migration_footer .c-btn.c-btn_i_rvc:after,
  #bukken_migration_footer .c-btn.c-btn_m.c-btn_i_rvc:after {
    right: auto;
    left: 10px; }
  #bukken_migration_footer .c-btn.c-btn_s.c-btn_i_rvc:after {
    right: auto;
    left: 10px; }
  #bukken_migration_footer .c-btn.c-btn_ss.c-btn_i_rvc:after {
    right: auto;
    left: 5px; }
  #bukken_migration_footer .c-wide_btn {
    padding: 0 10px;
    margin: 30px auto 0 auto;
    max-width: 1000px; }
  #bukken_migration_footer .c-wide_btn .c-btn {
    display: block; }
  #bukken_migration_footer .c-column + .c-column {
    margin-top: 8px; }
  #bukken_migration_footer .c-column > li {
    position: relative;
    float: left;
    line-height: 1.6; }
  #bukken_migration_footer .c-column > li:last-child {
    margin-right: 0; }
  #bukken_migration_footer .c-column > li > a > img {
    width: 100%; }
  #bukken_migration_footer .c-column > li .c-txt {
    padding: 10px; }
  #bukken_migration_footer .c-column > li > a {
    text-decoration: none; }
  #bukken_migration_footer .c-column > li > a:hover {
    color: #000; }
  #bukken_migration_footer .c-column > li > a .c-ttl {
    text-decoration: underline; }
  #bukken_migration_footer .c-column > li .c-txt .c-ttl {
    font-weight: bold;
    font-size: 16px;
    line-height: 1.6;
    margin: 0 0 10px 0; }
  #bukken_migration_footer .c-column > li .c-txt .c-ttl:before {
    content: "\25B6";
    display: inline-block;
    font-size: 8px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
    line-height: 1;
    color: #222c81;
    padding-right: 0.5em; }
  #bukken_migration_footer .c-column > li .c-txt .c-description {
    margin: 0 0 10px 0;
    font-size: 13px;
    line-height: 1.6; }
  #bukken_migration_footer .c-column > li .c-txt *:last-child {
    margin-bottom: 0; }
  #bukken_migration_footer .c-column > li .c-btns {
    overflow: hidden;
    padding: 5px 5px 0 5px; }
  #bukken_migration_footer .c-column > li .c-btns > span {
    float: left;
    margin: 0;
    width: 50%;
    box-sizing: border-box; }
  #bukken_migration_footer .c-column > li .c-btns > span .c-btn {
    width: 100%; }
  #bukken_migration_footer .c-column > li .new_icon {
    display: inline-block;
    padding: 4px 5px;
    background: #222c81;
    color: #fff;
    font-size: 12px;
    font-size: 12px;
    line-height: 1.1;
    position: absolute;
    top: 0;
    left: 0; }
  #bukken_migration_footer .c-column.c-column_cover > li .c-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    box-sizing: border-box;
    width: 100%;
    background-color: rgba(255, 255, 255, 0.75); }
  #bukken_migration_footer .c-column.c-column_cover_action > li .c-txt {
    position: absolute;
    bottom: 0;
    left: 0;
    width: calc(100% - 20px);
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.75);
    margin: 10px;
    opacity: 1;
    transition: 0.5s;
    text-decoration: none; }
  #bukken_migration_footer .c-column.c-column_cover_action > li a .c-ttl {
    text-decoration: none; }
  #bukken_migration_footer .c-column.c-column_cover_action > li:hover .c-txt {
    opacity: 0; }
  #bukken_migration_footer .c-column.c-column_cover_action > li .c-hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 20px;
    box-sizing: border-box;
    background-color: rgba(255, 255, 255, 0.75);
    opacity: 0;
    transition: 0.5s; }
  #bukken_migration_footer .c-column.c-column_cover_action > li:hover .c-hover {
    opacity: 1;
    color: #000; }
  #bukken_migration_footer .c-column.c-column_cover_action > li .c-hover .c-ttl {
    margin: 40px 0 0 0;
    padding: 0 0 10px 0;
    border-bottom: 4px solid #37408d;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    font-weight: bold; }
  #bukken_migration_footer .c-column.c-column_cover_action > li .c-hover > dl {
    margin: 25px 0 0 0;
    font-size: 14px; }
  #bukken_migration_footer .c-column.c-column_cover_action > li .c-hover > dl > dt {
    display: inline-block;
    margin: 0 0 10px;
    padding: 2px 8px;
    color: #fff;
    background: #222c81;
    font-size: 12px;
    font-size: 12px; }
  #bukken_migration_footer .c-column.c-column_cover_action > li .c-hover > dl > dd + dt {
    margin-top: 15px; }
  #bukken_migration_footer .c-column01 > li {
    margin: 0 0 0 0;
    width: 100%; }
  #bukken_migration_footer .slider .c-column01 > li {
    margin: 0 0 0 0;
    width: 1.0%; }
  #bukken_migration_footer .c-column02 > li {
    margin: 0 calc(8% / 10) 0 0;
    width: calc(((100% - 8px * 1) / 2)); }
  #bukken_migration_footer .c-column02 > li:nth-child(2n) {
    margin-right: 0; }
  #bukken_migration_footer .c-column02 > li:nth-child(2n+1) {
    clear: left;
    margin-bottom: 8px; }
  #bukken_migration_footer .slider .c-column02 > li {
    margin: 0 calc(8% / 1000) 0 0;
    width: calc(((1% - 8px * 1) / 2));
    clear: none; }
  #bukken_migration_footer .c-column03 > li {
    margin: 0 calc(8% / 10) 0 0;
    width: calc(((100% - 8px * 2) / 3)); }
  #bukken_migration_footer .c-column03 > li:nth-child(3n) {
    margin-right: 0; }
  #bukken_migration_footer .c-column03 > li:nth-child(3n+1) {
    clear: left;
    margin-bottom: 8px; }
  #bukken_migration_footer .slider .c-column03 > li {
    margin: 0 calc(8% / 1000) 0 0;
    width: calc(((1% - 8px * 2) / 3));
    clear: none; }
  #bukken_migration_footer .c-column04 > li {
    margin: 0 calc(8% / 10) 0 0;
    width: calc(((100% - 8px * 3) / 4)); }
  #bukken_migration_footer .c-column04 > li:nth-child(4n) {
    margin-right: 0; }
  #bukken_migration_footer .c-column04 > li:nth-child(4n+1) {
    clear: left;
    margin-bottom: 8px; }
  #bukken_migration_footer .slider .c-column04 > li {
    margin: 0 calc(8% / 1000) 0 0;
    width: calc(((1% - 8px * 3) / 4));
    clear: none; }
  #bukken_migration_footer .c-column05 > li {
    margin: 0 calc(8% / 10) 0 0;
    width: calc(((100% - 8px * 4) / 5)); }
  #bukken_migration_footer .c-column05 > li:nth-child(5n) {
    margin-right: 0; }
  #bukken_migration_footer .c-column05 > li:nth-child(5n+1) {
    clear: left;
    margin-bottom: 8px; }
  #bukken_migration_footer .slider .c-column05 > li {
    margin: 0 calc(8% / 1000) 0 0;
    width: calc(((1% - 8px * 4) / 5));
    clear: none; }
  #bukken_migration_footer .c-column05 > li .c-txt .c-ttl {
    font-size: 14px; }
  @media screen and (max-width: 767px) {
    #bukken_migration_footer .slider_wrapper.slider_sp_disable .c-column {
      width: auto; }
    #bukken_migration_footer .slider_wrapper.slider_sp_disable .c-column > li {
      width: 100%;
      margin: 0;
      padding: 0 10px 10px 10px;
      box-sizing: border-box; }
    #bukken_migration_footer .slider_wrapper.slider_sp_disable .btn_prev,
    #bukken_migration_footer .slider_wrapper.slider_sp_disable .btn_next {
      display: none !important; }
    #bukken_migration_footer .slider_wrapper .c-column {
      width: 10000%; }
    #bukken_migration_footer .slider_wrapper .c-column > li {
      width: 0.8125%;
      margin: 0 0.015625%;
      width: calc(8125% / 10000);
      margin: 0 calc(15625% / 1000000);
      padding-bottom: 0; } }

#bukken_migration_footer {
  /* slider共通設定
	----------------------------------------------------------- */
  /*----- .recommend_set -----*/
  /* ============================================================ */
  /* footer */
  /* ============================================================ */
  /*----- #footer_bnr -----*/
  /*----- .btn_pagetop -----*/
  /*----- #footer_nav01 -----*/
  /*----- #footer_nav02 -----*/
  /*----- #footer_nav03 -----*/
  /*----- #copyright -----*/
  /* ============================================================ */
  /* footer (????????????????1??????) */
  /* ============================================================ */
  /* ============================================================ */
  /* smartphone */
  /* ============================================================ */ }
  #bukken_migration_footer .slider {
    width: 100%;
    overflow: hidden; }
  #bukken_migration_footer .slider .ttl01 {
    width: 980px;
    margin: 0 auto 15px; }
  @media screen and (max-width: 767px) {
    #bukken_migration_footer .slider .ttl01 {
      width: auto;
      margin-left: 10px; } }
  #bukken_migration_footer .slider_wrapper {
    overflow: hidden;
    margin: 0 auto; }
  #bukken_migration_footer .slider_inner {
    margin: 0 auto;
    width: 1000px;
    position: relative; }
  @media screen and (max-width: 767px) {
    #bukken_migration_footer .slider_inner {
      margin: 0 auto;
      width: auto; } }
  #bukken_migration_footer .slider ul {
    width: 10000%; }
  #bukken_migration_footer .slider ul li {
    position: relative;
    float: left;
    margin: 0 8px 0 0; }
  #bukken_migration_footer .slider .btn_prev,
  #bukken_migration_footer .slider .btn_next {
    position: absolute;
    top: 0;
    width: 1000px;
    height: 100%;
    background: url(/apps/settings/wcm/designs/31sumai/common/img/bg_opacity075.png) 0 0 repeat;
    z-index: 10; }
  #bukken_migration_footer .slider .btn_prev {
    right: 100%; }
  #bukken_migration_footer .slider .btn_next {
    left: 100%; }
  @media screen and (max-width: 767px) {
    #bukken_migration_footer .slider .btn_prev {
      margin: 0;
      left: 0;
      right: auto;
      width: 7%; }
    #bukken_migration_footer .slider .btn_next {
      margin: 0;
      left: auto;
      right: 0;
      width: 7%; }
    #bukken_migration_footer .slider .btn_prev a,
    #bukken_migration_footer .slider .btn_prev a:hover {
      right: auto !important;
      background: none;
      width: 100%;
      height: auto;
      display: block;
      text-align: left;
      padding: 0 0 0 4px;
      box-sizing: border-box;
      background: none !important;
      color: #222c81;
      font-weight: bold;
      width: 100% !important;
      text-align: center;
      margin: 0;
      padding: 0 !important; }
    #bukken_migration_footer .slider .btn_next a,
    #bukken_migration_footer .slider .btn_next a:hover {
      left: auto !important;
      background: none;
      width: 100%;
      height: auto;
      display: block;
      text-align: right;
      padding: 0 4px 0 0;
      box-sizing: border-box;
      background: none !important;
      color: #222c81;
      font-weight: bold;
      width: 100% !important;
      text-align: center;
      margin: 0;
      padding: 0 !important; }
    #bukken_migration_footer .slider .btn_prev a:before {
      content: "<";
      display: inline-block;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
      line-height: 1;
      font-size: 3.0rem;
      color: #222c81;
      font-size: 14px; }
    #bukken_migration_footer .slider .btn_next a:before {
      content: ">";
      display: inline-block;
      font-size: inherit;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      transform: translate(0, 0);
      line-height: 1;
      font-size: 3.0rem;
      color: #222c81;
      font-size: 14px; } }
  #bukken_migration_footer .slider .btn_prev a,
  #bukken_migration_footer .slider .btn_next a {
    position: absolute;
    top: 50%;
    display: block;
    width: 32px;
    height: 32px;
    margin: -16px 0 0 0; }
  #bukken_migration_footer .slider .btn_prev a {
    right: 20px;
    background: url(/apps/settings/wcm/designs/31sumai/common/img/icon_arrow_left01.png) 0 0 no-repeat; }
  #bukken_migration_footer .slider .btn_next a {
    left: 20px;
    background: url(/apps/settings/wcm/designs/31sumai/common/img/icon_arrow_right01.png) 0 0 no-repeat; }
  #bukken_migration_footer .slider .btn_prev a:hover {
    background: url(/apps/settings/wcm/designs/31sumai/common/img/icon_arrow_left01_on.png) 0 0 no-repeat; }
  #bukken_migration_footer .slider .btn_next a:hover {
    background: url(/apps/settings/wcm/designs/31sumai/common/img/icon_arrow_right01_on.png) 0 0 no-repeat; }
  #bukken_migration_footer .slider .btn_prev a img,
  #bukken_migration_footer .slider .btn_next a img {
    display: none; }
  #bukken_migration_footer .recommend_set {
    margin-top: 60px;
    padding-top: 60px;
    border-top: 1px solid #cdcdcd; }
  #bukken_migration_footer .recommend_set > section {
    margin-bottom: 60px; }
  #bukken_migration_footer .recommend_set > .branchs .c-column li:nth-child(3n) {
    margin-right: 0;
    margin-bottom: 8px; }
  #bukken_migration_footer article + footer {
    margin-top: 60px; }
  #bukken_migration_footer footer {
    background: #f6f6f6; }
  #bukken_migration_footer footer #footer_inner {
    padding: 15px 0 50px;
    border-top: 1px solid #b6b6b6; }
  #bukken_migration_footer footer #footer_bnr {
    width: 1000px;
    margin: 0 auto;
    padding: 60px 0 30px 0; }
  #bukken_migration_footer footer #footer_bnr .ttl02 br {
    display: none; }
  #bukken_migration_footer footer #footer_bnr ul {
    margin-bottom: 60px; }
  #bukken_migration_footer footer #footer_bnr ul li {
    margin-bottom: 8px; }
  #bukken_migration_footer footer #footer_bnr ul li:nth-child(4n) {
    margin-right: 0; }
  #bukken_migration_footer footer .btn_pagetop {
    display: none; }
  #bukken_migration_footer footer .btn_pagetop a {
    float: right;
    display: table;
    width: 40px;
    height: 40px;
    background: #707070;
    text-decoration: none; }
  #bukken_migration_footer footer .btn_pagetop a.float {
    position: fixed;
    bottom: 20px;
    right: 50%;
    margin-right: -640px;
    z-index: 1000; }
  #bukken_migration_footer footer .btn_pagetop .fa-caret-up {
    display: table-cell;
    color: #fff;
    vertical-align: middle;
    text-align: center; }
  #bukken_migration_footer footer .btn_pagetop a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6; }
  #bukken_migration_footer footer nav a {
    text-decoration: none; }
  #bukken_migration_footer footer #footer_nav01 {
    display: table;
    width: 1000px;
    margin: 30px auto;
    padding: 20px 0;
    font-size: 15px;
    font-size: 15px; }
  #bukken_migration_footer footer #footer_nav01 > li {
    display: table-cell;
    vertical-align: top;
    text-align: left;
    width: 25%; }
  #bukken_migration_footer footer #footer_nav01 > li > a {
    text-decoration: none; }
  #bukken_migration_footer footer #footer_nav01 > li > a:hover {
    text-decoration: underline; }
  #bukken_migration_footer footer #footer_nav01 > li > dl dt {
    margin-left: 0; }
  #bukken_migration_footer footer #footer_nav01 > li > dl dd li {
    position: relative;
    font-size: 12px;
    padding: 0px 10px 5px 15px; }
  #bukken_migration_footer footer #footer_nav01 > li > dl dd li i:first-child {
    position: absolute;
    top: 0.3em;
    left: 0px;
    margin-left: 0.5em; }
  #bukken_migration_footer footer #footer_nav01 > li > dl dd li i.fa-external-link {
    margin-left: 0.5em; }
  #bukken_migration_footer footer #footer_nav02 {
    margin: 30px 0;
    font-size: 11px;
    font-size: 11px;
    text-align: center; }
  #bukken_migration_footer footer #footer_nav02 li {
    display: inline;
    padding: 0 10px;
    border-left: 1px solid #000; }
  #bukken_migration_footer footer #footer_nav02 li:first-child {
    border-left: none; }
  #bukken_migration_footer footer #footer_nav02 li i,
  #bukken_migration_footer footer #footer_nav03 li i {
    display: none; }
  #bukken_migration_footer footer #footer_nav03 {
    margin: 30px auto;
    font-size: 11px;
    font-size: 11px;
    text-align: center;
    width: 750px; }
  #bukken_migration_footer footer #footer_nav03 li {
    display: inline-block;
    padding: 0 8px;
    border-left: 1px solid #000; }
  #bukken_migration_footer footer #footer_nav03 li:first-child,
  #bukken_migration_footer footer #footer_nav03 li:nth-child(7) {
    border-left: none; }
  #bukken_migration_footer footer #copyright {
    width: 1000px;
    margin: 0 auto; }
  #bukken_migration_footer footer #copyright > a {
    margin: 0 20px 0 0; }
  #bukken_migration_footer footer #copyright img {
    vertical-align: top;
    width: 160px;
    height: auto; }
  #bukken_migration_footer footer div#copyright small {
    font-size: 10px;
    font-size: 10px; }
  #bukken_migration_footer footer div#copyright:first-child {
    margin-top: 30px; }
  #bukken_migration_footer footer.footer_personal {
    margin-top: 30px; }
  #bukken_migration_footer footer.footer_personal #copyright {
    text-align: center; }
  #bukken_migration_footer footer.footer_personal #footer_inner {
    border-top: 0; }
  #bukken_migration_footer footer.footer_personal div#copyright img {
    height: 36px;
    width: auto;
    margin-bottom: 10px; }
  #bukken_migration_footer footer.footer_personal div#copyright small {
    display: block; }
  @media screen and (max-width: 767px) {
    .entry-section__button img{
      width: 90%;
    }
    #bukken_migration_footer {
      /* ============================================================ */
      /* footer (????????????????1??????) */
      /* ============================================================ */ }
      #bukken_migration_footer .recommend_set {
        margin-top: 30px;
        padding-top: 30px;
        border-top: 0;
        background-color: #f6f6f6; }
      #bukken_migration_footer .recommend_set .slider .btn_prev,
      #bukken_migration_footer .recommend_set .slider .btn_next {
        background: rgba(246, 246, 246, 0.5); }
      #bukken_migration_footer .recommend_set > section {
        margin-bottom: 30px; }
      #bukken_migration_footer .recommend_set > .recommend_report .slider_wrapper .c-column > li:nth-of-type(n+3) {
        display: none; }
      #bukken_migration_footer .recommend_set > .recommend_report .c-wide_btn {
        margin-top: 0; }
      #bukken_migration_footer .recommend_set > .recommend_report .slider_wrapper .c-column > li a {
        display: block;
        position: relative; }
      #bukken_migration_footer .recommend_set > .branchs .inner {
        margin: 0; }
      #bukken_migration_footer .recommend_set > .branchs .c-column {
        border-top: 1px solid #cdcdcd; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li {
        float: left;
        width: 50%;
        margin: 0;
        border-right: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 0;
        box-sizing: border-box;
        clear: none; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li:nth-child(3n) {
        margin-right: 0;
        margin-bottom: 0; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li:nth-child(2n) {
        border-right: 1px solid transparent; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li:nth-child(2n+1) {
        clear: both; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li img {
        display: none; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li .c-txt {
        position: relative;
        padding: 0;
        background-color: transparent; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li a .c-txt .c-ttl {
        font-size: 12px;
        line-height: 1;
        margin: 0;
        text-decoration: none;
        padding: 17px 30px 17px 10px;
        position: relative; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li a .c-txt .c-ttl:before {
        position: absolute;
        top: 50%;
        right: 10px;
        padding-right: 0;
        margin-top: -0.5em; }
      #bukken_migration_footer .recommend_set > .branchs .c-column li .c-txt .c-description {
        display: none; }
      #bukken_migration_footer .recommend_set > .recommend {
        margin-bottom: 0;
        padding-bottom: 30px; }
      #bukken_migration_footer footer #footer_bnr {
        width: auto;
        padding-top: 30px;
        padding-bottom: 0; }
      #bukken_migration_footer footer #footer_bnr .ttl02 {
        margin: 0;
        padding: 0;
        border-left: 0;
        font-size: 12px;
        border-bottom: 1px solid #cdcdcd;
        display: table;
        width: 100%;
        height: 46px;
        line-height: 1.5; }
      #bukken_migration_footer footer #footer_bnr .ttl02:first-child {
        border-top: 1px solid #cdcdcd; }
      #bukken_migration_footer footer #footer_bnr .ttl02 br {
        display: inline; }
      #bukken_migration_footer footer #footer_bnr .ttl02 > span,
      #bukken_migration_footer footer #footer_bnr .ttl02 > a {
        display: table-cell;
        vertical-align: middle; }
      #bukken_migration_footer footer #footer_bnr .ttl02 > span {
        padding: 0 10px; }
      #bukken_migration_footer footer #footer_bnr .ttl02 > a {
        text-align: center;
        height: 44px;
        width: 44px;
        right: 0;
        color: #212e7d; }
      #bukken_migration_footer footer #footer_bnr ul {
        margin: 0;
        border-bottom: 1px solid #cdcdcd;
        padding-bottom: 10px; }
      #bukken_migration_footer footer #footer_bnr ul li {
        width: 50%;
        float: left;
        margin: 0;
        padding: 10px 5px 0 5px;
        box-sizing: border-box; }
      #bukken_migration_footer footer #footer_inner {
        border-top: 0;
        padding: 0;
        background: #fff; }
      #bukken_migration_footer footer #footer_inner .footer_logo {
        padding-top: 30px;
        padding-bottom: 10px;
        text-align: center; }
      #bukken_migration_footer footer #footer_inner .footer_logo img {
        width: auto;
        height: auto;
        max-height: 30px; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 {
        display: block;
        width: auto;
        padding: 0;
        margin: 0;
        border-top: 1px solid #cdcdcd; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 > li {
        float: none;
        width: 100%;
        display: block; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 .ttl02 {
        margin: 0;
        padding: 0;
        border-left: 0;
        border-bottom: 1px solid #cdcdcd;
        display: table;
        width: 100%;
        height: 46px;
        line-height: 1.5;
        font-size: 14px; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 .ttl02 > span,
      #bukken_migration_footer footer #footer_inner #footer_nav01 .ttl02 > a {
        display: table-cell;
        vertical-align: middle; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 .ttl02 > span {
        padding: 0 10px; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 .ttl02 > a {
        text-align: center;
        height: 44px;
        width: 44px;
        right: 0;
        color: #212e7d; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 > li > dl > dd > ul > li {
        font-size: 12px;
        line-height: 1.5;
        margin: 0;
        text-decoration: none;
        padding: 0;
        position: relative;
        border-bottom: 1px solid #cdcdcd; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 > li > dl > dd > ul > li a {
        text-decoration: none;
        padding: 12px 30px 12px 10px;
        display: block; }
      #bukken_migration_footer footer #footer_inner #footer_nav01 > li > dl > dd > ul > li i:first-child {
        position: absolute;
        top: 50%;
        right: 10px;
        left: auto;
        padding-right: 0;
        margin-top: -0.5em; }
      #bukken_migration_footer footer #footer_nav03 {
        border-top: 1px solid #cdcdcd;
        width: auto; }
      #bukken_migration_footer footer #footer_nav01 + #footer_nav03 {
        border-top: 0; }
      #bukken_migration_footer footer #footer_nav02 {
        border-top: 1px solid #cdcdcd; }
      #bukken_migration_footer footer #footer_nav02,
      #bukken_migration_footer footer #footer_nav03 {
        margin: 0; }
      #bukken_migration_footer footer #footer_nav02 li,
      #bukken_migration_footer footer #footer_nav03 li {
        border-left: 0;
        display: table;
        float: left;
        width: 50%;
        height: 44px;
        margin: 0;
        border-right: 1px solid #cdcdcd;
        border-bottom: 1px solid #cdcdcd;
        padding: 0;
        box-sizing: border-box;
        clear: none; }
      #bukken_migration_footer footer #footer_nav03 li:nth-child(2n) {
        border-right: 0; }
      #bukken_migration_footer footer #footer_nav02 li a,
      #bukken_migration_footer footer #footer_nav03 li a {
        text-align: left;
        display: table-cell;
        vertical-align: middle;
        position: relative;
        font-size: 11px;
        line-height: 1.5;
        margin: 0;
        text-decoration: none;
        padding: 0 30px 0 10px;
        position: relative; }
      #bukken_migration_footer footer #footer_nav02 li a i,
      #bukken_migration_footer footer #footer_nav03 li a i {
        display: block;
        position: absolute;
        top: 50%;
        right: 10px;
        left: auto;
        padding-right: 0;
        margin-top: -0.5em; }
      #bukken_migration_footer footer #copyright {
        width: auto;
        margin: 0 auto;
        text-align: center;
        padding: 30px 0 80px 0; }
      #bukken_migration_footer footer #copyright > a {
        margin: 0; }
      #bukken_migration_footer footer #copyright img {
        width: 120px;
        height: auto; }
      #bukken_migration_footer footer div#copyright small {
        padding: 10px 0 30px 0;
        font-size: 10px;
        display: block; }
      #bukken_migration_footer footer .btn_pagetop {
        display: none; }
      #bukken_migration_footer footer.footer_personal #footer_inner {
        background: #f6f6f6; }
      #bukken_migration_footer footer.footer_personal #copyright {
        text-align: center; }
      #bukken_migration_footer footer.footer_personal #copyright > a {
        margin: 0 auto; }
      #bukken_migration_footer footer.footer_personal #footer_inner {
        margin: 10px 0 0 0; }
      #bukken_migration_footer footer.footer_personal div#copyright small {
        padding-top: 0; }   
        footer .contact p.cap{
          width: 80%;
        }
        footer .developer {
          margin: 30px auto;
        }
        footer .developer img {
          width: 230px;
        }

        footer .copyright {
          font-size: 10px;
          letter-spacing: 0.05em;
        }
}

@media screen and (min-width: 768px) {
  #bukken_migration_footer footer #footer_nav01 > li > dl dd li a:before {
    content: "";
    position: absolute;
    top: .4em;
    left: .4em;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-color: transparent transparent transparent #222b81;
    padding: 0 0.2em; } }

@media screen and (max-width: 767px) {
  #bukken_migration_footer .js-footer_accordion_bt {
    position: relative;
    text-decoration: none; }
    #bukken_migration_footer .js-footer_accordion_bt:before {
      content: "+";
      display: inline-block;
      line-height: 1;
      font-size: 8px;
      color: #212e7d; }
  #bukken_migration_footer .js-accordionContent {
    display: none; }
    #bukken_migration_footer .js-accordionContent-show {
      display: block; }
  #bukken_migration_footer #footer_nav03 li a {
    position: relative; }
    #bukken_migration_footer #footer_nav03 li a:after {
      content: "";
      display: block;
      position: absolute;
      top: 50%;
      right: 10px;
      margin-top: -4px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 4px;
      border-color: transparent transparent transparent #212e7d; } }

#js-migrationInformation {
  display: none !important; }

#bukken_migration_footer img {
  max-width: 100%; }

#bukken_migration_footer .fa {
  display: none !important; }




  /*
   ================================================
   zk-band-parallax 代替 CSS
   ================================================
*/

.zk-band-parallax-container {
    display: block;
    position: relative;
    width: 100%;
    /* 高さ設定はJSで行うか、ここで固定値を設定 */
    height: 300vh;
    z-index: 1;
}

@media(max-width:768px){
    .zk-band-parallax-container {
        height: 200vh;
    }
}

.band {
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll; 
    will-change: transform;
}

/* 暗転レイヤー */
.band .overlay {
    position: absolute; inset: 0;
    background: #000; opacity: 0;
    pointer-events: none; transition: opacity 0.8s ease;
    z-index: 0;
}

/* コンテンツ配置エリア */
.band .inner {
    position: relative;
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    padding: 0 5vw; z-index: 2;
}

/* 以下、.inner-content, .col-left, .col-right, .caption などのクラスも
   すべて子孫セレクタ（例: .band .inner-content）として追記してください。
   元のコードの <style> ブロックを参考にしてください。
*/

/* アニメーション初期状態 */
.band .title-en, .band .title-ja, .band .copy, .band .link {
    opacity: 0; transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
}

/* 出現時クラス (JSでこれを付与します) */
.band .inner.show-en .title-en { opacity: 1; transform: translateY(0); }
.band .inner.show-ja .title-ja { opacity: 1; transform: translateY(0); }
.band .inner.show-copy .copy { opacity: 1; transform: translateY(0); }
.band .inner.show-link .link { opacity: 1; transform: translateY(0); }

  /* :host {
    display: block;
    position: relative;
    width: 100%;
    height: var(--h, 300vh);
    z-index: 1;
  }
  @media(max-width:768px){
    :host{ height: var(--h-sp, 200vh);}
  }

  #top .band {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    background-image: var(--bg-img);
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: scroll; 
    will-change: transform;
  }

  @media(max-width:768px){
    #top .band {
      background-image: var(--bg-img-sp);
      background-position: var(--bg-pos-sp, center center);
    }
  }

  #top .overlay {
    position: absolute; inset: 0;
    background: #000; opacity: 0;
    pointer-events: none; transition: opacity 0.8s ease;
    z-index: 0;
  }

  #top .inner {
    position: relative;
    width: 100%; height: 100%;
    display: flex; align-items: center; justify-content: center;
    padding: 0 5vw; z-index: 2;
  }

  #top .inner-content {
    display: flex; align-items: center; justify-content: space-between;
    width: 100%; max-width: 1200px;
  }

  .col-left { flex: 0 0 35%; text-align: center; }
  .col-right { flex: 0 0 45%; text-align: left; }

  .title-en, .title-ja, .copy, .link {
    opacity: 0; transform: translateY(30px);
    transition: opacity 0.8s ease, transform 0.8s ease;
  }

  .title-en {
    font-family: "Cinzel", "Bellefair", serif;
    font-size: 28px; letter-spacing: 0.5em; color: #cabc98;
  }
  .title-ja {
    font-size: 23px; letter-spacing: 0.28em; margin-bottom: 14px;
    color: #fff; line-height: 1.6;
  }
  .copy {
    font-size: 16px; line-height: 2; color: #fff;
    letter-spacing: 0.18em; margin: 40px 0 60px;
  }
  .link {
    position: relative; display: inline-block;
    font-size: 15px; letter-spacing: 0.28em; padding-bottom: 18px;
    color: #cabc98; text-decoration: none; text-transform: uppercase;
    width: 220px;
  }
  .link::before {
    content: ""; position: absolute; left: 0; bottom: 0;
    width: 220px; height: 1px; background: #cabc98;
  }
  .link::after {
    content: ""; position: absolute; left: 220px; bottom: 0;
    width: 32px; height: 1px; background: #cabc98;
    transform-origin: left bottom; transform: rotate(-125deg);
  }

  .caption, .caption-left {
    position: absolute; bottom: 22px;
    font-size: 11px; letter-spacing: .18em; color: #fff;
    white-space: nowrap; font-family: "Noto Serif JP", serif; z-index: 2;
  }
  .caption { right: 32px; }
  .caption-left { left: 32px; }

  .inner.show-en .title-en { opacity: 1; transform: translateY(0); }
  .inner.show-ja .title-ja { opacity: 1; transform: translateY(0); }
  .inner.show-copy .copy { opacity: 1; transform: translateY(0); }
  .inner.show-link .link { opacity: 1; transform: translateY(0); }

  @media(max-width:768px){
    .inner-content {
      flex-direction: column;
      align-items: flex-start;
      justify-content: center;
      height: 100%;
    }
    .col-left, .col-right {
      width: 100%; flex: 0 0 auto; text-align: left;
    }
    .col-left { margin-bottom: 24px; }
    .title-en { font-size: 24px; padding-bottom: 0; }
    .title-ja { font-size: 15px; line-height: 1.8; margin-bottom: 0; }
    .copy { font-size: 12px; margin: 24px 0; }
    .link { font-size: 15px; width: 170px; }
    .link::before { width: 170px; }
    .link::after { left: 170px; width: 22px; }
    .caption { right: 10px; bottom: 10px; font-size: 8px; }
    .caption-left { left: unset; right: 10px; top: 48.5%; font-size: 8px; }
  } */

  /* =========================================
   共通設定 (レイアウト・アニメーション)
   ========================================= */
.zk-band-parallax {
  display: block;
  position: relative;
  width: 100%;
  height: 300vh; /* デフォルトの高さ(PC) */
  z-index: 1;
}

.zk-band-sticky {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  will-change: transform;
}

/* 背景画像レイヤー */
.zk-bg-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  z-index: 0; /* 最背面 */
}

/* 黒いオーバーレイ */
.zk-band-overlay {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.8s ease;
  z-index: 1;
}

/* コンテンツ枠 */
.zk-band-inner {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 5vw;
  z-index: 2;
}

.zk-band-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  max-width: 1200px;
}

.zk-col-left { flex: 0 0 35%; text-align: center; }
.zk-col-right { flex: 0 0 45%; text-align: left; }

/* テキストスタイル & 初期非表示 */
.zk-title-en, .zk-title-ja, .zk-copy, .zk-link {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease, transform 0.8s ease;
}

.zk-title-en {
  font-family: "Cinzel", "Bellefair", serif;
  font-size: 28px; letter-spacing: 0.5em; color: #cabc98;
}
.zk-title-ja {
  font-size: 23px; letter-spacing: 0.28em; margin-bottom: 14px;
  color: #fff; line-height: 1.6;
}
.zk-copy {
  font-size: 16px; line-height: 2; color: #fff;
  letter-spacing: 0.18em; margin: 40px 0 60px;
}

/* リンクボタン */
.zk-link {
  position: relative;
  display: inline-block;
  font-size: 15px; letter-spacing: 0.28em; padding-bottom: 18px;
  color: #cabc98; text-decoration: none; text-transform: uppercase;
  width: 220px;
  cursor: pointer;
}
.zk-link::before {
  content: ""; position: absolute; left: 0; bottom: 0;
  width: 220px; height: 1px; background: #cabc98;
}
.zk-link::after {
  content: ""; position: absolute; left: 220px; bottom: 0;
  width: 32px; height: 1px; background: #cabc98;
  transform-origin: left bottom; transform: rotate(-125deg);
}

/* キャプション */
.zk-caption, .zk-caption-left {
  position: absolute; bottom: 22px;
  font-size: 11px; letter-spacing: .18em; color: #fff;
  white-space: nowrap; font-family: "Noto Serif JP", serif;
  z-index: 3; /* 最前面 */
}
.zk-caption { right: 32px; }
.zk-caption-left { left: 32px; }

/* JSで付与されるクラスによるアニメーション発火 */
.zk-band-inner.show-en .zk-title-en { opacity: 1; transform: translateY(0); }
.zk-band-inner.show-ja .zk-title-ja { opacity: 1; transform: translateY(0); }
.zk-band-inner.show-copy .zk-copy { opacity: 1; transform: translateY(0); }
.zk-band-inner.show-link .zk-link { opacity: 1; transform: translateY(0); }

/* スマホ共通設定 */
@media(max-width:768px){
  .zk-band-parallax { height: 200vh; /* デフォルト高さ(SP) */ }
  .zk-band-content {
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    height: 100%;
  }
  .zk-col-left, .zk-col-right { width: 100%; flex: 0 0 auto; text-align: left; }
  .zk-col-left { margin-bottom: 24px; }
  .zk-title-en { font-size: 24px; padding-bottom: 0; }
  .zk-title-ja { font-size: 15px; line-height: 1.8; margin-bottom: 0; }
  .zk-copy { font-size: 12px; margin: 24px 0; }
  .zk-link { font-size: 15px; width: 170px; }
  .zk-link::before { width: 170px; }
  .zk-link::after { left: 170px; width: 22px; }
  .zk-caption { right: 10px; bottom: 10px; font-size: 8px; }
  .zk-caption-left { left: unset; right: 10px; top: 48.5%; font-size: 8px; }
}


/* =========================================
   個別設定 (画像パス・位置調整)
   ========================================= */

/* 1. LOCATIONの設定 */
.zk-mod-location .zk-bg-img {
  background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv04.jpg');
}
@media(max-width:768px){
  .zk-mod-location .zk-bg-img {
    /* SP画像がPCと同じなら再指定不要ですが、念のため記述 */
    background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv04.jpg');
    background-position: 40% center; /* SP独自の位置調整 */
  }
}

/* 2. DAILY LIFEの設定 */
.zk-mod-dailylife .zk-bg-img {
  background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv07.jpg');
}
@media(max-width:768px){
  .zk-mod-dailylife .zk-bg-img {
    background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv07.jpg');
    background-position: 85% center; /* SP独自の位置調整 */
  }
}

/* 3. ACCESSの設定 */
.zk-mod-access .zk-bg-img {
  background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv05.jpg');
}
@media(max-width:768px){
  .zk-mod-access .zk-bg-img {
    /* SP用画像へ切り替え */
    background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv05-sp.jpg');
  }
}

/* 4. RESIDENCEの設定 */
.zk-mod-residence .zk-bg-img {
  background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv03.jpg');
}
@media(max-width:768px){
  .zk-mod-residence .zk-bg-img {
    /* SP用画像へ切り替え */
    background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv03-sp.jpg');
  }
}

/* 5. PLANの設定 */
.zk-mod-plan .zk-bg-img {
  background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv06.jpg');
}
@media(max-width:768px){
  .zk-mod-plan .zk-bg-img {
    /* SP用画像へ切り替え */
    background-image: url('/content/dam/31sumai/mfr/X2311/common/images/mv06-sp.jpg');
  }
}