@charset "UTF-8";
/*
Theme Name:JMHA2022
Author:japan Movinghouse Association
*/
@import url('https://fonts.googleapis.com/css?family=Oswald:700&display=swap');

/* set */
body{
  font:12pt/1.6 'Noto Sans JP','Yu Gothic','ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo,'Meiryo UI','ＭＳ Ｐゴシック', sans-serif;
  -ms-font-feature-settings:"normal";
  line-height:1.8;
  font-feature-settings: "palt";
  letter-spacing:.1em;
  font-weight: 500;
  font-style: normal;
}
.min{
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  -ms-font-feature-settings:"normal";
}

/* font-size */
.fs5{font-size:.5rem;}
.fs8{font-size:.8rem;}
.fs10{font-size:1rem;}
.fs12{font-size:1.2rem;}
.fs14{font-size:1.4rem;}
.fs16{font-size:1.6rem;}
.fs18{font-size:1.8rem;}
.fs20{font-size:2rem;}
.fs20{font-size:2rem;}
.fs30{font-size:3rem;}
.fs40{font-size:4rem;}
.fs40{font-size:4rem;}

/* align */
.al{text-align:left !important;}
.ar{text-align:right !important;}
.ac{text-align:center !important;}

/* google map */
.map{
    height:0;
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
}
.map iframe{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:100%;
}

/* table */
.table{
	display:table;
	border-collapse:collapse;
    table-layout:fixed;
}
.table .caption{
	display:table-caption;
	width:100%;
}
.table > dl{
	display:table-row;
}
.table > dl > dt,
.table > dl > dd{
	display:table-cell;
}
.table > dl > dd ul{
	margin:0;
}
@media screen and (max-width:1023px){
  /* table */
  .table{
      display:block;
      border-collapse:inherit;
      table-layout:inherit;
  }
  .table .caption{
      display:block;
  }
  .table > dl{
      display:block;
      width:100%;
  }
  .table > dl > dt,
  .table > dl > dd{
      display:block;
      width:100%;
  }
  .table > dl > dd ul{}
}

/* list */
.nstyl{
  list-style-type:none;
  margin:0;
  padding:0;
}

img{
	vertical-align:bottom;
}

/* flex */
.flex{
	display:flex;
	flex-wrap:wrap;
}
.flex.row{
	flex-direction:row;
}
.flex.column{
	flex-direction:column;
  flex-wrap:nowrap;
}

/* vh */
.vh1{height:10vh;}
.vh2{height:20vh;}
.vh3{height:30vh;}
.vh4{height:40vh;}
.vh5{height:50vh;}
.vh6{height:60vh;}
.vh7{height:70vh;}
.vh8{height:80vh;}
.vh9{height:90vh;}
.vh10{height:100vh;}

/* padding */
.pt1{padding-top:.5rem !important;}
.pt2{padding-top:1rem !important;}
.pt3{padding-top:1.5rem !important;}
.pt4{padding-top:2rem !important;}
.pt5{padding-top:2.5rem !important;}
.pt6{padding-top:3rem !important;}
.pt7{padding-top:4rem !important;}
.pt8{padding-top:5rem !important;}
.pt9{padding-top:6rem !important;}
.pt10{padding-top:7rem !important;}

.pb1{padding-bottom:.5rem !important;}
.pb2{padding-bottom:1rem !important;}
.pb3{padding-bottom:1.5rem !important;}
.pb4{padding-bottom:2rem !important;}
.pb5{padding-bottom:2.5rem !important;}
.pb6{padding-bottom:3rem !important;}
.pb7{padding-bottom:4rem !important;}
.pb8{padding-bottom:5rem !important;}
.pb9{padding-bottom:6rem !important;}
.pb10{padding-bottom:7rem !important;}

/* margin */
.mt0{margin-top:0 !important;}
.mt1{margin-top:.5rem !important;}
.mt2{margin-top:1rem !important;}
.mt3{margin-top:1.5rem !important;}
.mt4{margin-top:2rem !important;}
.mt5{margin-top:2.5rem !important;}
.mt6{margin-top:3rem !important;}
.mt7{margin-top:4rem !important;}
.mt8{margin-top:5rem !important;}
.mt9{margin-top:6rem !important;}
.mt10{margin-top:7rem !important;}

.mb0{margin-bottom:0 !important;}
.mb1{margin-bottom:.5rem !important;}
.mb2{margin-bottom:1rem !important;}
.mb3{margin-bottom:1.5rem !important;}
.mb4{margin-bottom:2rem !important;}
.mb5{margin-bottom:2.5rem !important;}
.mb6{margin-bottom:3rem !important;}
.mb7{margin-bottom:4rem !important;}
.mb8{margin-bottom:5rem !important;}
.mb9{margin-bottom:6rem !important;}
.mb10{margin-bottom:7rem !important;}

.mbv1{margin-bottom:10vh !important;}
.mbv2{margin-bottom:20vh !important;}
.mbv3{margin-bottom:30vh !important;}
.mbv4{margin-bottom:40vh !important;}
.mbv5{margin-bottom:50vh !important;}
.mbv6{margin-bottom:60vh !important;}
.mbv7{margin-bottom:70vh !important;}
.mbv8{margin-bottom:80vh !important;}
.mbv9{margin-bottom:90vh !important;}
.mbv10{margin-bottom:100vh !important;}

/* animation */
.ovHdn{
    overflow:hidden;
}
.anime{
  opacity:0;
  transition:all .4s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform,animation,position;
}
.anime.motion01{
    transform:translateY(40px);
}
.anime.motion02{
    transform:translateY(-40px);
}
.anime.motion03{
    transform:translateX(40px);
}
.anime.motion04{
    transform:translateX(-40px);
}
.anime.start{
    opacity:1;
    transform:translate(0,0);
}
.anime.delay01{
    transition-delay:.1s;
}
.anime.delay02{
    transition-delay:.2s;
}
.anime.delay03{
    transition-delay:.3s;
}
.anime.delay04{
    transition-delay:.4s;
}
.anime.delay05{
    transition-delay:.5s;
}
.anime.delay06{
    -webkit-transition-delay:.6s;
    transition-delay:.6s;
}
.anime.delay07{
    -webkit-transition-delay:.7s;
    transition-delay:.7s;
}
.anime.delay08{
    -webkit-transition-delay:.8s;
    transition-delay:.8s;
}
.anime.delay09{
    -webkit-transition-delay:.9s;
    transition-delay:.9s;
}
.anime.delay10{
    -webkit-transition-delay:.10s;
    transition-delay:.10s;
}

/*link effect*/
.link-jly{}
.link-jly:hover{
  cursor: pointer;
  animation: jelly 0.5s;
}
@keyframes jelly{

  0%,
  100%{
    transform: scale(1, 1);
  }
  25%{
    transform: scale(0.9, 1.1);
  }
  50%{
    transform: scale(1.1, 0.9);
  }
  75%{
    transform: scale(0.95, 1.05);
  }
}

/*font*/
.eng{
  font-family: "Avenir Next", 'Oswald', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
}
.eng2{
  font-family: balboa, sans-serif;
  font-style: normal;
  font-weight: 200;
}

/*anker*/
a,
a:hover{text-decoration: none;}

/* button */
button,
input[type="submit"]{
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: none;
  outline: none;
  background: transparent;
}
.bt-wrap{
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 20;
  width: 100%;
}
.bt{
  display: inline-block;
  width: 196px;
  height: 48px;
  line-height: 48px;
  text-align: center;
  font-size: 1rem;
  border: solid 1px rgba(51,10,8,1);
  color: rgba(51,10,8,1);
  text-decoration: none;
  position: relative;
  overflow: hidden;
  transition: all .4s;
  padding: 0;
}
.bt::before{
  content: '';
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(255,255,255,1);
  transform-origin: left;
}
.bt::after{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 1rem;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4px 0 4px 6px;
  border-color: transparent transparent transparent rgba(51,51,51,1);
  transition: all .4s ease-in-out;
}
 
/* sp esc */
@media screen and (min-width:769px){
  a[href^="tel:"]{
    color: rgba(35, 24, 21, 1);
    pointer-events: none;
  }
  a:hover{
    transition: all .3s;
    text-decoration: none;
    color: rgba(128,37,33,1);
  }
  .pc{display: block;}
  .sp{display: none;}
  .bt:hover{
    color: #fff;
    text-decoration: none;
    background-color: rgba(51,51,51,.9);
  }
  .bt:hover::after{
    border-color: transparent transparent transparent #fff;
    transition-delay: .2s;
  }
}
@media screen and (max-width:768px){
  .pc{display: none;}
  .sp{display: block;}
}
.l-arrow{
  display: inline-block;
  -webkit-transform: scale(.6, 1.4);
  transform: scale(.6, 1.4);
}
.d-arrow{
  display: inline-block;
  -webkit-transform: scale(.4, .4);
  transform: scale(.4, .4);
}

/* list(no-style) */
.nStl{
  list-style-type: none;
  padding: 0;
}

/* anchor */
.anchor{
  display: block;
  padding-top: 84px !important;
  margin-top: -84px !important;
}

/* tophead */
#global-nav{
  position: fixed;
  transform: translate(0,-100vh) scale(1, 1);
  z-index: 200;
  background: rgba(255, 255, 255, 1);
  width: 100vw;
  height: 100vh;
  margin: 0 auto;
  top: 0;
  left: 0;
  flex-wrap: nowrap;
  transition: .4s ease-in-out;
  opacity: 0;
  overflow-y: scroll;
}
.global_nav_wrap{
  width: 100%;
  justify-content: flex-end;
  position: relative;
  opacity: 0;
  transform: translate(0, 80px) scale(1, 1);
  transition: .3s ease-in-out;
  transition-delay: .4s;
}
.global_nav_wrap > *{
  height: 100%;
}
#global-nav .menu{
  flex:1;
  padding-bottom: 4rem;
}
#global-nav .menu > li{
  display: inline-block;
  margin-bottom: 1rem;
  transition: all .3s;
}
#global-nav .menu > li > a{
  font-size: 1.125rem;
  line-height: 2rem;
  display: inline-block;
  position: relative;
  padding: 0;
  margin: auto;
  text-decoration: none;
  color: #4d4d4d;
  font-weight: bolder;
  transition: all .3s;
}
#global-nav .sub-menu{
  position: relative;
  top: 0;
  left: 0;
  margin: .75rem auto;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0;
  list-style-type: none;
}
#global-nav .sub-menu li{
  width: auto;
  height: auto;
  margin: 0;
  margin-right: 2rem;
}
#global-nav .menu .sub-menu a{
  display: inline-block;
  line-height: 1.5rem;
  font-size: .875rem;
  text-decoration: none;
}
#global-nav .menu .sub-menu a::before{
  content: '\3E';
  font-size: .5rem;
}
#global-nav .sub-menu a{
  color: #4d4d4d;
}

/*logo*/
.commonLogo{
  height: 68px;
  justify-content: center;
  position: relative;
}
#top-logo{
  display: block;
  margin: 0;
  width: 362px;
  height: 48px;
  transition: all .4s;
}
#logo{
  display: block;
  width: auto;
  height: 48px;
  opacity: 1;
}

/* Toggle Button */
#nav-toggle{
  top: 8px;
  right: 1rem;
  position: fixed;
  -webkit-transform: translateZ(0);
  cursor: pointer;
  z-index: 400;
  width: 48px;
  height: 48px;
  background-color: rgba(128,37,33,1);
  border-radius: 50%;
  transition: all .3s;
}
#nav-toggle div{
  width: 24px;
  height: 24px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
#nav-toggle span{
  display: block;
  position: absolute;
  height: 2px;
  width: 24px;
  background: rgba(255, 255, 255, 1);
  left: 0;
  transition: .3s ease-in-out;
}
#nav-toggle span:nth-child(1){
  top: 3px;
}
#nav-toggle span:nth-child(2){
  top: 11px;
}
#nav-toggle span:nth-child(3){
  top: 19px;
}
#nav-toggle.open span:nth-child(1){
  top: 11px;
  transform: rotate(315deg);
}
#nav-toggle.open span:nth-child(2){
  width: 0;
  left: 50%;
  opacity: 0;
}
#nav-toggle.open span:nth-child(3){
  top: 11px;
  transform: rotate(-315deg);
}
.open #global-nav{
  /* #global-nav top + #mobile-head height */
  transform: translate(0, 0) scale(1, 1);
  opacity: 1;
  width: 100vw;
  height: 100vh;
}
.open #global-nav .global_nav_wrap{
  transform: translate(0, 0) scale(1, 1);
  opacity: 1;
}
@media screen and (min-width:769px){
  #top-head .menu a{
    position: relative;
  }
  #top-head .menu a.par_menu{
    pointer-events: none;
  }
  #top-head .menu a::after {
    position: absolute;
    bottom: .3em;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background-color: rgba(77,77,77,1);
    opacity: 0;
    transition: .3s;
  }
  #top-head .menu a:hover::after {
    bottom: 0;
    opacity: 1;
  }
  .global_nav_wrap{
    width: 90vw;
    margin: 100px auto 0;
  }
}
@media screen and (min-width:1024px){
  #top-head{
    position: fixed;
    -webkit-transform: translateZ(0);
    transition: all .4s ease-in;
    transform: translate(0, 0);
    height: 69px;
    background: rgba(255,255,255,.9);
    z-index: 300;
    top: 0;
    left: 0;
    width: 100vw;
  }
  #top-head.fixed{
    transition: all .4s ease-in;
    transform: translate(0, 0)
  }
  #mobile-head{
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 0;
    height: 68px;
    justify-content: space-between;
  }

  #global-nav{
    position: fixed;
    transform: translate(0,0) scale(1, 1);
    z-index: 200;
    width: 100vw;
    height: 60px;
    opacity: 1;
    top: 69px;
    background-color: rgba(255,255,255,0);
    overflow-y: visible;
  }
  .global_nav_wrap{
    opacity: 1;
    height: 100%;
    transform: translate(0,0) scale(1, 1);
    background-color: rgba(255,255,255,.9);
    z-index: 1;
    position: relative;
    width: 100%;
    margin: 0 auto;
    overflow: visible;
  }
  .global_nav_wrap .navi_info,
  .global_nav_wrap .hmenu0,
  .global_nav_wrap .hmenu2,
  .global_nav_wrap .navi_index{
    display: none;
  }

  #global-nav .menu{
    flex-direction: row;
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    position: static;
    justify-content: center;
    background-image: url(./images/line_menu.svg);
    background-repeat: no-repeat;
    background-position: left center;
    background-size: 1px 31px;
    padding: 0;
  }
  #global-nav .menu > li{
    position: static;
    flex: 1;
    margin-bottom: 0;
    background-image: url(./images/line_menu.svg);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 1px 31px;
  }
  #global-nav .menu > li > a{
    display: block;
    text-align: center;
    text-decoration: none;
    font-family: kozuka-gothic-pr6n, sans-serif;
    font-family: 'Teko', sans-serif;
    font-weight: 300;
    font-style: normal;
    transition: all .3s;
    will-change: transform;
    height: 65px;
    line-height: 65px;
    position: relative;
    padding: 0;
    width: 100%;
    color: #000;
    font-size: 1rem;
  }
  #global-nav .menu > li > a::before{
    content: '';
    z-index: -1;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #333;
    transform-origin: center bottom;
    transform: scaleY(0);
    transition: transform .2s ease-in-out;
  }
  #global-nav .menu > li > a::after{    
    content: '';
    width: 6px;
    height: 6px;
    border: 0px;
    background-color:inherit;
    border-top: solid 1px #802521;
    border-right: solid 1px #802521;
    transform: rotate(135deg);
    position: absolute;
    top: 50%;
    right: 1rem;
    left: auto;
    bottom: auto;
    margin-top: -6px;
    opacity: 1;
  }
  #global-nav .menu > li:hover > a{
    transition-delay: .1s;
    color:rgba(128,37,33,1);
  }
  #global-nav .sub-menu{
    left: 0;
    position: absolute;
    z-index: 50;
    opacity: 0;
    transform: translateY(60px);
    transform-origin: top;
    visibility: hidden;
    transition: .3s;
    width: 100vw;
    height: 120px;
    background: rgba(0, 0, 0, .6);
    justify-content: center;
    align-items: center;
    flex-direction: row;
    margin: 0;
    padding: 0;
  }
  #global-nav .menu > li:hover .sub-menu{
    visibility: visible;
    opacity: 1;
    transition-delay: .2s;
    margin: 0;
  }
  #global-nav .menu .sub-menu li{
    flex: 1;
    max-width: 600px;
    margin: 0;
    padding: 0;
    height: 100%;
  }
  #global-nav .menu .sub-menu a{
    position: relative;
    color: #fff;
    font-size: 1.25rem;
    font-weight: 900;
    display: block;
    margin: 0;
    padding: 2rem;
    width: 100%;
    height: 120px;
    text-align: center;
    transition: all .4s;
    background: rgba(0, 0, 0, .4);
    overflow: hidden;
  }
  #global-nav .menu .sub-menu a::before{
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 120px;
    background-color: inherit;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    overflow: hidden;
    transition: all .3s;
    transform: scale(1,1);
    opacity: 1;
  }
  #global-nav .menu .sub-menu a::after{
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    right: 0;
    bottom: 2rem;
    left: 0;
    margin: 0 auto;
    background-image: url(./images/line_bt.svg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 94px;
    height: 9px;
    opacity: 1;
  }
  #global-nav .sub-menu.menu01 li:nth-child(1) a::before{background-image: url(./images/sm_img_sp07.jpg);}
  #global-nav .sub-menu.menu01 li:nth-child(2) a::before{background-image: url(./images/sm_img_sp11.jpg);}
  #global-nav .sub-menu.menu02 li:nth-child(1) a::before{background-image: url(./images/img_home03.jpg);}
  #global-nav .sub-menu.menu02 li:nth-child(2) a::before{background-image: url(./images/img_home15.jpg);}
  #global-nav .sub-menu.menu02 li:nth-child(3) a::before{background-image: url(./images/img_home01.jpg);}
  #global-nav .sub-menu.menu03 li:nth-child(1) a::before{background-image: url(./images/img_home05.jpg);}
  #global-nav .sub-menu.menu03 li:nth-child(2) a::before{background-image: url(./images/img_home13.jpg);}
  #global-nav .sub-menu.menu04 li:nth-child(1) a::before{background-image: url(./images/img_home14.jpg);}
  #global-nav .sub-menu.menu04 li:nth-child(2) a::before{background-image: url(./images/sm_img05.jpg);}
  #global-nav .sub-menu.menu04 li:nth-child(3) a::before{background-image: url(./images/sm_img08.jpg);}
  #global-nav .sub-menu a:hover{
    text-decoration: none;
    background: rgba(0, 0, 0, .2);
  }
  #global-nav .sub-menu a:hover::before{
    transform: scale(1.05,1.05);}
  #nav-toggle{
    display: none;
  }

  #conversion{
    height: 68px;
  }
  #conversion .cv-cll{
    height: 68px;
  }
  #conversion .cv-lnk{
    height: 68px;
    color:#fff;
    position: relative;
    font-size: 1.125rem;
    font-weight: 400;
  }
  .cv-cll.phone .cv-lnk{
    display: none;
    width: 201px;
    padding-left: 46px;
    padding-top: .75rem;
    line-height: 1;
    background-color: rgba(128,37,33,1);
  }
  .cv-cll.phone .cv-lnk::before,
  .cv-cll.doc .cv-lnk::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 1.375rem;
    margin: auto 0;
    display: block;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .cv-cll.phone .cv-lnk::before{
    width: 17px;
    height: 22px;
    background-image: url(./images/icon_tel.svg);
  }
  .cv-cll.phone .tel{
    margin-top: .25rem;
    font-size: 1.25rem;
    display: block;
    font-weight: 700;
    letter-spacing: 0;
  }
  .cv-cll.doc .cv-lnk{
    display: block;
    width: 224px;
    padding-left: 60px;
    line-height: 68px;
    background-color: rgba(128,37,33,1);
    transition: all .3s;
    font-size: .875rem;
  }
  .cv-cll.doc .cv-lnk::before{
    width: 20px;
    height: 28px;
    background-image: url(./images/icon_mail.svg);
  }
  .cv-cll.member .cv-lnk{
    width: 64px;
    flex-direction: column;
    justify-content:center;
    align-items: center;
    background-color:rgba(51,17,17,1);
    transition: all .3s;
  }
  .cv-cll.member .cv-lnk-icn{
    width: 15px;
    height: 20px;
    display: block;
  }
  .cv-lnk-icn.pc{
    display: block !important;
  }
  .cv-lnk-icn.sp{
    display: none !important;
  }
  .cv-cll.phone .cv-lnk:hover,
  .cv-cll.doc .cv-lnk:hover,
  .cv-cll.member .cv-lnk:hover{
    background-color: rgba(181,29,10,1);
  }
}
@media screen and (max-width:1200px){
  #mobile-head{
    padding: 0 0 0 1rem;
  }
}
@media screen and (max-width:1023px){
  #mobile-head{
    width: 100%;
    height: 60px;
    background: rgba(255, 255, 255, 1);
    z-index: 300;
    opacity: 1;
    top: 0;
    -webkit-transition: all .4s !important;
    transition: all .4s !important;
    position: fixed;
    -webkit-transform: translateZ(0);
  }
  .pc{display: none !important;}
  .sp{display: block !important;}
  
  /*conversion*/
  #conversion{
    z-index: 400;
    position: fixed;
    -webkit-transform: translateZ(0);
    top: 84px;
    right: 1rem;
    width: 48px;
    align-items: center;
    flex-direction: column;
  }
  #conversion .cv-cll{
    margin-bottom: 1rem;
  }
  .cv-cll .cv-lnk{
    padding: .5rem;
  }
  .cv-cll .cv-lnk-icn{
    object-fit: contain;
  }
  .cv-cll.doc .cv-lnk-icn{
    width: 28px;
    height: 20px;
  }
  .cv-cll.member .cv-lnk-icn{
    width: 21px;
    height: 27px;
    display: block;
  }

}
@media screen and (max-width:900px){
  #top-head .menu > li{
    margin-bottom: .5rem;
  }
  #top-head .menu > li > a{
    font-size: .875rem;
  }
}
@media screen and (max-width:768px){
  #global-nav{
    padding: 60px 1rem 32px;
  }
  #top-head .menu{
    padding-bottom: 0;
  }
  #top-head .menu a.par_menu{
    pointer-events: all;
  }
  #top-head .menu > li{
    display: block;
    margin-bottom: 0;
  }
  #top-head .menu > li > a{
    font-size: 1rem;
    line-height: 4rem;
    color: rgba(77, 77, 77, 1);
    font-weight: bolder;
    border:solid 1px rgba(77, 77, 77, .2);
    border-width: 0 0 1px;
    display: block;
  }
  .global_nav_wrap.flex.row{
    width: 100%;
    margin-bottom: 0;
    flex-direction: column;
  }
  .global_nav_wrap > *{
    height: auto;
  }
  #top-head .menu .par_menu{
    display: block;
    position: relative;
  }
  #top-head .menu .par_menu::before{
    content: '';
    display: block;
    position: absolute;
    top: 1.375rem;
    right: 1.375rem;
    margin: auto 0;
    width: .75rem;
    height: .75rem;
    border: 1px solid;
    border-color:  transparent transparent #563e20 #563e20;
    transition: all .3s;
    transition-delay: .2s;
    transform: rotate(-45deg);
    z-index: 1;
  }
  #top-head .menu .par_menu.on::before{
    top: 1.625rem;
    transform: rotate(-225deg);
  }
  #top-head .menu .sub-menu{
    display: none;
  }
}
@media screen and (max-width:600px){
  /*logo*/
  .commonLogo{
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    padding: 0 4rem 0 0;
    margin: 0;
  }
  #top-logo{
    width: 100%;
    height: auto;
  }
  #logo{
    width: 100%;
    height: auto;
    max-height: 40px;
    object-fit: contain;
  }
  #global-nav{
    padding-bottom: 64px;
  }
  
  /* Toggle Button */
  #nav-toggle{
    top: 0;
    right: 0;
    border-radius: 0;
  }
  
  /*conversion*/
  #conversion{
    flex-direction: row;
    top: calc(100vh - 48px);
    right: 0;
    width: auto;
    align-items: center;
  }
  #conversion .cv-cll{
    margin-bottom: 0;
  }
  .cv-cll .cv-lnk{
    padding: 0;
    width: 48px;
    height: 48px;
    border:solid 1px rgba(0,0,0,.4);
    border-width: 1px 0 1px 1px;
    align-items: center;
    justify-content: center;
    background-color: rgba(255,255,255,1);
  }
  .cv-cll.doc .cv-lnk-icn{
    width: 16px;
    height: 12px;
    object-fit: contain;
  }
  .cv-cll.member .cv-lnk-icn{
    width: 12px;
    height: 15px;
    display: block;
  }
}

/*.navi_index*/
.navi_info{
  flex:1.5;
  font-size: .875rem;
  margin-bottom: 0;
  justify-content: flex-end;
}
.navi_info dt{
  width: 100%;
}
.navi_info dt img{
  width:200px;
  height:92px;
  display: block;
  margin-bottom: 2rem;
}
.navi_info dd{
  margin-bottom: 0;
}
.navi_info dd address{
  margin-bottom: 0;
  line-height: 1.5;
}

.navi_index{
  justify-content: flex-end;
  margin: auto auto 0;
  max-width: 1200px;
  width: 100%;
  bottom: 0;
  right: 0;
  position: absolute;
  height: auto;
}
.navi_index a{
  color: rgba(0,0,0,1);
}
.navi_index ul{
  font-size: 12px;
  margin-bottom: 0;
  padding: 0;
}
.navi_index ul li{
  margin: 0 0 0 1rem;
}
.navi_index ul li a{
  display: block;
  width: 100%;
  height: 1.5rem;
  line-height: 1.5rem;
  font-size: .75rem;
  text-decoration: none;
}
.navi_index ul li a::before{
  content: '\3E';
  font-size: .5rem;
}

@media screen and (max-width:900px){
  .navi_info{
    flex:1;
  }
}
@media screen and (max-width:768px){
  .navi_info{
    order: 4;
    margin-top: 2rem;
    margin-bottom: 1rem;
    align-items: center;
  }
  .navi_info dt{
    width: 200px;
  }
  .navi_index{
    order: 5;
    position: relative;
    justify-content: center;
  }
}

/* content */
#body{}
#wrapper{
  width: 100%;
  margin: 0 auto;
}
#wrapper::before{
  position: fixed;
  -webkit-transform: translateZ(0);
  content: '';
  background-size: cover;
  background-position: center;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  display: block;
}
#content_wap{
  position: relative;
  z-index: 50;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  background-color: #fff;
}
.main-sbhd{
  text-align: center;
  font-size: 1.375rem;
  margin-bottom: 4rem;
  line-height: 1.25;
  color: rgba(53, 51, 49, 1);
}
.large-sbhd{
  margin-bottom: 3rem;
  padding-bottom: 1rem;
  width: 100%;
  position: relative;
  text-align: center;
}
.large-sbhd::before{
  content: '';
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  background-color: rgba(128,37,33,1);
  width: 3rem;
  height: .125rem;
}
.middle-sbhd{
  text-align: left;
  line-height: 1.8;
  font-size: 1rem;
  padding-bottom: 2rem;
  margin-bottom: 2rem;
  position: relative;
}
.middle-sbhd::before{
  content: '';
  display: block;
  width: 2rem;
  height: 3px;
  background: rgba(166, 128, 81, 1);
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0;
}
.middle-sbhd.ac::before{
  right: 0;
  left: 0;
  margin: 0 auto;
}
.caption{
  margin-bottom: 1rem;
  line-height: 1;
  font-size: 1.375rem;
  font-weight: 900;
  letter-spacing: 2px;
}
.l_title{
  position: relative;
  line-height: 2;
  font-size: .875rem;
  margin-bottom: 1rem;
  text-align: left;
  padding: 1rem;
  font-weight: 400;
  background: #663300;
  color: rgba(255, 255, 255, 1);
}
.l_title::before{
  content: "";
  position: absolute;
  top: 100%;
  left: 1.5rem;
  margin-left: -0.5rem;
  border: .5rem solid transparent;
  border-top: .5rem solid #663300;
}
@media screen and (min-width:769px){
  #wrapper::before{
    background-image: url(./images/img_slide01.jpg);
  }
}
@media screen and (max-width:768px){
  #wrapper::before{
    background-image: url(./images/img_slide_sp01.jpg);
  }

  /* contents */
  #contents{
    width: 100%;
    padding: 0;
  }
  .sub #contents #ConteBody{
    width: 100%;
    margin: 0;
  }
  .sub header{
    width: 100%;
    height: auto;
  }
  .sub #main_img{
    width: 100%;
    height: auto;
  }
  .sub #main_img img{
    width: 100%;
    height: auto;
    padding: 0;
  }
  #main_img #btn{
    display: none;
  }
  #body{
    margin: 0;
    padding: 0;
    font-size: 1rem;
    line-height: 1.5;
  }
}

/* more */
.more{
  position: relative;
  line-height: 1;
  height: .75rem;
  padding-right: 1rem;
}
.more::before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  bottom: 0;
  margin: auto 0;
  width: 0;
  height: 0;
  border-style: solid;
}

/* Billboard */
#billboard{
  overflow: hidden;
  position: relative;
  z-index: 50;
}
.blbrd-img{
  position: relative;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.6);
}
.blbrd-img::before{
  content: '';
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-image: url(./images/slide01.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-attachment: fixed;
}

/* Gallery */
#gallery{
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: -100;
  margin: auto;
  overflow: hidden;
  background-color: rgba(0, 0, 0, 1);
}
#gallery .slide{
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: bgAnime 60s infinite;
  background-position: center;
  background-size: cover;
  transition: all;
  overflow: hidden;
}
#gallery .slide1{
  background-image: url(./images/img_slide01.jpg);
  animation-delay: 0s;
  z-index: -40;
}
#gallery .slide2{
  background-image: url(./images/sm_img05.jpg);
  animation-delay: 12s;
  z-index: -41;
}
#gallery .slide3{
  background-image: url(./images/sm_img07.jpg);
  animation-delay: 24s;
  z-index: -42;
}
#gallery .slide4{
  background-image: url(./images/sm_img10.jpg);
  animation-delay: 36s;
  z-index: -43;
}
#gallery .slide5{
  background-image: url(./images/sm_img11.jpg);
  animation-delay: 48s;
  z-index: -44;
}
@keyframes bgAnime{
  0%{
    opacity: 0;
  }
  7%{
    opacity: .9;
    z-index: 40;
  }
  18%{
    opacity: .9;
    z-index: 40;
  }
  25%{
    opacity: 0;
    z-index: -50;
  }
  100%{
    opacity: 0;
  }
}
@keyframes copyAnime{
  0%{
    opacity: 0;
    filter: drop-shadow(0 0 0 rgba(0,0,0,0));
  }
  100%{
    opacity: 1;
    transform: translateX(0);
    filter: drop-shadow(0 0 8px rgba(0,0,0,1));
  }
}
@keyframes cpspAnime{
  0%{
    opacity: 0;
    filter: drop-shadow(0 0 0 rgba(0,0,0,0));
  }
  100%{
    opacity: 1;
    transform: translateY(0);
    filter: drop-shadow(0 0 8px rgba(0,0,0,1));
  }
}
.slide .more{
  filter: drop-shadow(0 0 4px rgba(0, 0, 0, .8));
  color: #fff;
  line-height: 1;
}
@media screen and (max-width:1280px){
  #gallery .slide1{
    background-image: url(./images/img_slide_pc01.jpg);
  }
  #gallery .slide5{
    background-image: url(./images/sm_img_pc11.jpg);
  }
}
@media screen and (max-width:768px){
  /* Billboard */
  #billboard{
    margin-top: 0;
  }

  #gallery .slide1{
    background-image: url(./images/img_slide_sp01.jpg);
  }
  #gallery .slide2{
    background-image: url(./images/sm_img_sp05.jpg);
  }
  #gallery .slide3{
    background-image: url(./images/sm_img_sp07.jpg);
  }
  #gallery .slide4{
    background-image: url(./images/sm_img_sp10.jpg);
  }
  #gallery .slide5{
    background-image: url(./images/sm_img_sp11.jpg);
  }
}

/*home*/
.txt-wrap .copy strong{
  color: rgba(161, 0, 0, 1);
}

.home_caption{
  position: absolute;
  z-index: 200;
  top: 0;
  left: 0;
  margin: 0;
  font-size: 1rem;
  align-items: flex-start;
}
.home_caption span{
  height: 26px;
  line-height: 26px;
  padding: 0 10px;
  display: inline-block;
  transition: all .3s;
}
.home_caption .eng2{
  background-color: rgba(128,37,33,1);
  color: rgba(255,255,255,1);
  font-weight: 100;
  letter-spacing: .1em;
}
.home_caption .jpn{
  background: rgba(255,255,255,1);
  color: rgba(51,10,8,1);
  font-weight: 600;
}
@media screen and (min-width:769px){
  .home_caption span{
    height: 36px;
    line-height: 36px;
    padding: 0 1rem;
    font-size: 1.125rem;
  }
  .home_caption span.eng2{
    font-size: 1.25rem
  }
}

/* home_news */
.home_news.flex.column{
  position: relative;
  align-items: center;
  max-width: 1200px;
  width: 100%;
  margin: 0 auto;
  padding: 0 0 80px;
}
.home_news .home_news_list{
  display: grid;
  gap: 20px;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr;
  max-width: 1200px;
  width: 100%;
  height: 744px;
  margin-bottom: 40px;
}
.home_news_list .home_news_cell {
  position: relative;
  overflow: hidden;
}

.home_news_cell .home_news_text {
  position: absolute;
  background: rgba(255,255,255,.8);
  color: rgba(0,0,0,1);
  bottom: 0;
  left: 0;
  width: 90%;
  width: calc(100% - 1.5rem);
  height: 188px;
  padding: 1.5rem 1.5rem 0;
  z-index: 10;
}
.home_news_cell:nth-child(n+3) .home_news_text {
  height: 128px;
}
.home_news_text .home_news_meta {
  font-size: 10px;
  line-height: 1;
  margin-bottom: 14px;
}
.home_news_meta .home_news_time {
  display: inline-block;
  margin-right: 20px;
}
.home_news_meta .home_news_cate {
  color: rgba(128,38,33,1);
}
.home_news_meta .home_news_cate.cate1{
  color: rgba(128,37,33,1);
}
.home_news_meta .home_news_cate.cate2{
  color: rgba(51,10,8,1);
}
.home_news_meta .home_news_cate.cate3{
  color: rgba(122,128,46,1);
}
.home_news_meta .home_news_cate.cate4{
  color: rgba(20,77,128,1);
}
.home_news_meta .home_news_cate.cate5{
  color: rgba(11,32,51,1);
}
.home_news_meta .home_news_cate.cate6{
  color: rgba(204,80,73,1);
}
.home_news_meta .home_news_cate.cate7{
  color: rgba(3,51,21,1);
}
.home_news_meta .home_news_cate.cate8{
  color: rgba(33,128,69,1);
}
.home_news_meta .home_news_cate.cate9{
  color: rgba(27,128,122,1);
}
.home_news_text .home_news_title {
  font-size: 1rem;
  margin-bottom: 8px;
  line-height: 1.5;
}
.home_news_text .home_news_excerpt {
  font-size: 1rem;
}
.home_news_cell:nth-child(n+3)  .home_news_excerpt {
  display: none;
}

.home_news_thumbnail{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.home_news_thumbnail img{
  max-width: 100%;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: bottom center;
  transition: all .3s;
  transform: scale(1,1);
}
.home_news_thumbnail figcaption{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: all .4s;
  z-index: 1;
  opacity: 0;
  color: rgba(255,255,255,1);
  background: rgba(0,0,0,.2);
  align-items: center;
  justify-content: center;
  filter: blur(24px);
}
.home_news_thumbnail figcaption span{
  font-weight: 100;
  line-height: 1;
  display: block;
  text-align: center;
  width: 100%;
}
@media screen and (min-width:769px){
  .home_news_cell .link:hover .home_news_thumbnail figcaption{
    opacity: 1;
    filter: blur(0);
  }
  .home_news_cell .link:hover .home_news_thumbnail img{
    transform: scale(1.05,1.05);
  }
}
@media screen and (min-width:841px){
  .home_news .home_news_list{
    gap: 0px;
    grid-template-columns:52%	27%	21%;
    grid-template-rows: 456px 278px;
  }
  .home_news_list .home_news_cell:nth-child(1) {
    grid-row: span 2;
  }
  .home_news_list .home_news_cell:nth-child(2) {
    grid-column: span 2;
  }

  .home_news.flex.column{
    margin-top: 109px;
  }
}
@media screen and (min-width:1024px){
  .home_news.flex.column{
    margin-top: 169px;
  }
}
@media screen and (max-width:1023px){
  .home_news_text .home_news_title,
  .home_news_text .home_news_excerpt {
    font-size: .875rem;
  }
  .home_news.flex.column{
    margin-top: 80px;
  }
}
@media screen and (max-width:840px){
  .home_news .home_news_list{
    gap: 0;
    grid-template-columns:56.25%	43.75%;
    grid-template-rows: 456px 456px 278px;
    height: auto;
  }
  .home_news_list .home_news_cell:nth-child(1),
  .home_news_list .home_news_cell:nth-child(2) {
    grid-column: span 2;
    width: 100vw;
  }
  .home_news_list .home_news_cell:nth-child(1) .home_news_thumbnail img,
  .home_news_list .home_news_cell:nth-child(2) .home_news_thumbnail img{
    max-width: 100vw !important;
    width: 100vw !important;
  }
}
@media screen and (max-width:600px){
  .home_news.flex.column{
    padding-bottom: 64px;
  }
  .home_news .home_caption{
    left: 1rem;
  }
  .home_news .home_news_list{
    display: block;
  }
  .home_news_list .home_news_cell {
    width: 100%;
    max-height: 278px;
    padding: 0 1rem;
  }
  .home_news_list .home_news_cell:first-child{
    padding: 0;
  }
  .home_news_list .home_news_cell:not(:last-child){
    margin-bottom: 1.5rem;
  }
  .home_news_cell .home_news_excerpt {
    display: none;
  }
  .home_news_cell .home_news_text,
  .home_news_cell:nth-child(n+3) .home_news_text {
    height: 108px;
    padding: 1.5rem 1rem 0;
  }
  .home_news_thumbnail{
    width: 100%;
    height: 240px;
  }
  .home_news_thumbnail img{
    height: auto;
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto;
    object-fit: cover;
    display: block;
  }
  .home_news_list .home_news_cell:nth-child(1) .home_news_thumbnail img,
  .home_news_list .home_news_cell:nth-child(2) .home_news_thumbnail img{
    max-width: 100% !important;
    width: 100% !important;
  }
}

/*mission_movinghouse*/
.home_wrap{
  max-width: 1200px;
  margin: 0 auto 40px;
  width: 100%;
  justify-content: space-between;
}
.home_wrap > section{
  padding: 0;
  margin: 0 0 40px;
  width: 48.5%;
}
.home_wrap > section > a{
  display: block;
  position: relative;
  background-color: rgba(0,0,0,0);
  color: rgba(0,0,0,1);
  width: 100%;
  height: 438px;
  overflow: hidden;
  transition: all .4s;
}
.home_wrap > section > a::before{
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  z-index: -1;
  transition: all .4s;
  transform: scale(1,1);
}
.home_wrap > section.home_youtube > a::before{
  background-image: url(./images/img_home12.jpg);
}
.home_wrap > section.home_youtube > a::after{
  content: '';
  display: block;
  position: absolute;
  width: 96px;
  height: 67px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 40%;
  right: 0;
  left: 0;
  margin: 0 auto;
  z-index: 1;
  transition: all .4s;
  transform: scale(1,1);
  background-image: url(./images/icon_youtube.svg);
}
.home_wrap > section.home_mission > a::before{
  background-image: url(./images/img_home05.jpg);
}
.home_wrap > section.home_movinghouse > a::before{
  background-image: url(./images/img_home06.jpg);
}
.home_wrap > section.home_dh_bank > a::before{
  background-image: url(./images/img_home15.jpg);
}
.home_wrap > section .read{
  position: absolute;
  bottom: 0;
  left: 0;
  background: rgba(255,255,255,.8);
  padding: 1.5rem;
  width:100%;
  margin-bottom: 0;
  font-size: .875rem;
}
.home_wrap > section .arrow{
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media screen and (max-width:1160px){
  .home_wrap > section .read br{
    display: none;
  }
}
@media screen and (max-width:1160px){
  .home_wrap > section .read{
    font-size: .875rem;
  }
  .home_wrap.flex.row{
    flex-direction: column;
  }
  .home_wrap > section{
    width: 100%;
    padding: 0 1rem;
  }
  .home_wrap > section:first-child{
    margin-bottom: 3rem;
  }
}
@media screen and (min-width:769px){
  .home_wrap > section > a:hover{
    background-color: rgba(0,0,0,.2);
  }
  .home_wrap > section > a:hover::before{
    transform: scale(1.05,1.05);
  }
}
@media screen and (max-width:768px){
  .home_wrap{
    margin: 0 auto 64px;
  }
  .home_wrap > section > a{
    padding-top: 200px;
    height: auto;
  }
  .home_wrap > section > a::before{
    bottom: auto;
    margin: 0 auto;
    height: 200px;
  }
  .home_wrap > section .read{
    position: relative;
    height: auto;
    padding: 1rem 0 32px;
    line-height: 1.8;
  }
  .home_wrap > section.home_youtube > a::after{
    transform: scale(.8);
    top: 20%;
  }
}

.home_wrap2{
  width: 100%;
  max-width: 1200px;
  justify-content: space-between;
  margin: 0 auto 40px;
}
.home_wrap2 > div{
  width: 48.5%;
  margin-bottom: 40px;
  pointer-events: none;
  position: relative;
  color:rgba(255,255,255,1);
  overflow: hidden;
}
.home_wrap2 > div section{
  padding: 6rem 1rem 1.5rem;
  background: linear-gradient(to bottom, rgba(0,0,0,.0), rgba(0,0,0,.2), rgba(0,0,0,.4));
  pointer-events: none;
}
.home_wrap2 > div::before{
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
  transition: all .3s;
  transform: scale(1,1);
  opacity: .8;
}
.home_wrap2 > div:first-child::before{background-image: url(./images/sm_img05.jpg);}
.home_wrap2 > div:last-child::before{background-image: url(./images/sm_img08.jpg);}
.home_wrap2 > div p{
  margin-bottom: 1rem;
  filter: drop-shadow(0 0 2px rgba(0,0,0,1))drop-shadow(0 0 4px rgba(0,0,0,1))drop-shadow(0 0 8px rgba(0,0,0,1));
}
.home_wrap2 > div .bt{
  pointer-events: all;
  width: 100%;
}
.home_wrap2 > div:last-child .bt::after{
  right: .5rem
}
.home_wrap2 .bt_list{
  justify-content: space-between;
}
.home_wrap2 .bt_list .bt-wrap{
  width: 32.5%;
}
.home_wrap2 .bt_list .bt-wrap:last-child{
  letter-spacing: -.05em;
}
@media screen and (max-width:1024px){
  .home_wrap2{
    flex-direction: column;
    padding: 0 1rem;
  }
  .home_wrap2 > div{
    width: 100%;
  }
  .home_wrap2 .bt_list{
    flex-direction: column;
    gap: 8px;
  }
  .home_wrap2 .bt_list .bt-wrap{
    width: 100%;
  }
}
@media screen and (min-width:769px){
  .home_wrap2 > div section{
    background: linear-gradient(to bottom, rgba(0,0,0,.2), rgba(0,0,0,.4), rgba(0,0,0,.6));
  }
  .home_wrap2 > div:hover::before{
    transform: scale(1.05,1.05);
  }
}

.about{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 80px;
  gap: 2rem 1%;
  flex-wrap: nowrap;
}
.about .abut-cll{
  flex: 1;
}
.abut-cll .abut-lnk{
  position: relative;
  width: 100%;
  height: 176px;
  overflow: hidden;
  display: block;
  position: relative;
  transition: all .3s;
  background: linear-gradient(to bottom, rgba(0,0,0,.1), rgba(0,0,0,.4));
}
.abut-cll .abut-lnk::before{
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  transition: all .3s;
  transform: scale(1,1);
}
.abut-cll .caption2{
  position: absolute;
  width: 100%;
  height: 100%;
}
.abut-cll .caption2 span{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  line-height: 176px;
  text-align: center;
  display: block;
  font-size: 1.125rem;
  transition: all .3s ease-in-out;
}
.abut-cll .caption2 span.eng2{
  opacity: 0;
  color: rgba(255,255,255,1);
  transform: translate(0,50%);
}
.abut-cll .caption2 span.jpn{
  opacity: 1;
  color: rgba(255,255,255,1);
  transform: translate(0,0);
}
.abut-cll.cll01 .abut-lnk::before{
  background-image: url(./images/img_home07.jpg);
}
.abut-cll.cll02 .abut-lnk::before{
  background-image: url(./images/img_home09.jpg);
}
.abut-cll.cll03 .abut-lnk::before{
  background-image: url(./images/img_home10.jpg);
}
.abut-cll.cll04 .abut-lnk::before{
  background-image: url(./images/img_home08.jpg);
}
.abut-cll .abut-lnk .arrow{
  position: absolute;
  right: 20px;
  bottom: 20px;
}
@media screen and (max-width:1160px){
  .about{
    padding: 0 1rem;
  }
}
@media screen and (min-width:769px){
  /*about*/
  .abut-cll .abut-lnk:hover{
    background-color: rgba(0,0,0,.4);
  }
  .abut-cll .abut-lnk:hover::before{
    transform: scale(1.05,1.05);
  }
  .abut-cll .abut-lnk:hover .caption2 span.eng2{
    opacity: 1;
    transform: translate(0,0);
  }
  .abut-cll .abut-lnk:hover .caption2 span.jpn{
    opacity: 0;
    transform: translate(0,50%);
  }
}
@media screen and (max-width:768px){
  .about.flex.row{
    margin: 0 auto 64px;
    padding: 0 1rem;
    flex-direction: row;
    gap: 4%;
    flex-wrap: wrap;
  }
  .about .abut-cll{
    width: 100%;
    height: 80px;
    flex: initial;
    margin-bottom: 1rem;
  }
  .abut-cll .abut-lnk{
    height: 80px;
    background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5), rgba(0,0,0,.6));
  }
  .abut-cll .caption2{
    width: 100%;
    height: 100%;
    justify-content: center;
  }
  .abut-cll .caption2 span{
    position: relative;
    top: inherit;
    right: inherit;
    bottom: inherit;
    left: inherit;
    margin: 0;
    width: 100%;
    line-height: 1;
  }
  .abut-cll .caption2 span.eng2{
    opacity: 1;
    transform: translate(0,0);
    height: 1.125rem;
    font-size: 1.125rem;
    margin-bottom: .25rem;
  }
  .abut-cll .caption2 span.jpn{
    transform: translate(0,0);
    height: .875rem;
    font-size: .875rem;
  }  
}

/*entry-guide*/
#entry-guide.section{
  max-width: 1200px;
  width: 100%;
  margin: 0 auto 80px;
  padding: 80px 0 0;
  align-items: center;
}
#entry-guide.section .single{
  width: 100%;
  max-width: 1200px;
  height: 100%;
  padding: 154px 1.5rem 3rem;
  overflow: hidden;
  position: relative;
  text-align: center;
  align-items: center;
  transition : all .3s;
  border-radius: 12px;
  background-color: rgba(255,255,255,1);
  filter: drop-shadow(0 0 12px rgba(0,0,0,.2));
}
#entry-guide.section .single::before{
  content: '';
  opacity: .6;
  display: block;
  position: absolute;
  z-index:-1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  background-image: url(http://localhost/jmha/_wp/wp-content/themes/jmha_demo/images/);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  transition: all .3s;
  transform: scale(1,1);
}
#entry-guide.section .single .home_caption,
#entry-guide.section .single .read{
  transition : all .3s;
  margin-bottom: 40px;  
}
.entry_guide h1.home_caption{
  width: 100%;
  align-items: center;
  top: 3rem;
  filter: drop-shadow(4px 4px 4px rgba(0,0,0,.2));
}
.entry_guide h1.home_caption .eng2{
  margin-right: 80px;
}
.entry_guide h1.home_caption .jpn{
  margin-left: 80px;
}
.entry_guide .eg_bt_wrap{
  width: 100%;
  max-width: 1000px;
}
.entry_docs{
  align-items: flex-start;
  justify-content: flex-start;
  height: 104px;
  gap: 8px;
}
.entry_docs li{
  width: 100%;
  height: 48px;
  margin: 0 auto
}
.entry_docs li:last-child{
  margin: 0 auto;
}
.entry_docs li .bt{
  width: 100%;
  margin: 0;
}
.home #entry-guide.section .bt{
  pointer-events : auto;
}
.bt.entry_bt{
  width: 100%;
  height: 104px;
  line-height: 104px;
  border: solid 1px rgba(51,51,51,.9);
  color: rgba(255,255,255,1);
  font-size: 1.25rem;
}
.bt.entry_bt::before{
  background-color: rgba(51,51,51,1);
}
.bt.entry_bt::after{
  border-color: transparent transparent transparent rgba(255,255,255,1);
}
@media screen and (min-width:769px){
  /*entry-guide*/
  .section.entry_guide,
  .home_entry_guide{}
  .single:hover::before{
    opacity: .8;
    transform: scale(1.1,1.1);
  }
  .entry_docs{
    width: 61%;
    margin: 0 auto;
    justify-content: space-between;
  }
  .entry_bt_wrap{
    width: 37%;
  }
  .bt.entry_bt:hover{
    color: rgba(51,51,51,1);
    text-decoration: none;
    background-color: rgba(255,255,255,1);
  }
  .bt.entry_bt:hover::after{
    border-color: transparent transparent transparent rgba(51,51,51,1);
  }
}
@media screen and (max-width:768px){
  #entry-guide.section .single::before{}
  .home_entry_guide h1.home_caption{
    top: 3rem;
  }
  #entry-guide.section .read.eg_read{
    text-align: left;
    line-height: 1.8;
    font-size: .875rem;
  }
  #entry-guide.section{
    width: auto;
    margin: 0 1rem 64px;
  }
  #entry-guide.section .single{
    padding: 138px 1.5rem 1.5rem;
  }
  .entry_docs{
    width: 100%;
    margin: 0 auto .5rem;
  }
  .entry_bt_wrap{
    width: 100%;
  }
  .bt.entry_bt{
    width: 100%;
    height: 80px;
    line-height: 80px;
    font-size: 1rem;
  }
}

.pageup{
  padding: 2rem 1rem;
}

/*conversion banner*/
#ftcvs{
  position: fixed;
  -webkit-transform: translateZ(0);
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  z-index: 40;
  width: 100%;
  transition: .4s;
  background: #fff;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: space-between;
}
#ftcvs .btn a{
  text-decoration: none;
  display: block;
  text-align: center;
  width: 100%;
  line-height: 1.375;
  position: relative;
}
#ftcvs .tel a{
  padding-top: .5rem;
  font-size: 1.25rem;
  font-weight: 900;
}
#ftcvs .tel a .read::before{
  content: '';
  background-image: url(./images/icon_tel.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  width: 11px;
  height: 11px;
  display: inline-block;
  margin-right: 2px;
}
#ftcvs .rsb a{
  color: #fff;
  background: #a74f25;
  padding-right: 1rem;
  padding-top: .75rem;
}
#ftcvs .rsb a::before{
  content: '';
  background-image: url(./images/icon_arrow.svg);
  background-size: 100%;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
}
#ftcvs .btn .read{
  display: block;
  font-weight: 400;
}
@media screen and (min-width:769px){
  #ftcvs{
    display: none !important;
  }
}
@media screen and (max-width:768px){
  #ftcvs{
    height: 52px;
    justify-content: space-between;
  }
  #ftcvs .tel{
    display: block;
    height: 52px;
    width: 54%;
  }
  #ftcvs .rsb{
    display: block;
    width: 44%;
  }
  #ftcvs .rsb a{
    font-size: .8rem;
    letter-spacing: 0;
  }
  #ftcvs .rsb a::before{
    width: 10px;
    height: 10px;
    right: .5rem;
  }
  #ftcvs .btn a{
    height: 52px;
  }
  #ftcvs .btn .read{
    font-size: .625rem;
  }
  #ftcvs .tel a{
    color: #fff;
    padding-top: .5rem;
    background: #ec6c00;
    font-size: 1.2475rem;
    letter-spacing: 0;
    white-space: nowrap;
  }
}

/*footer*/
footer{
  position: relative;
  z-index: 40;
  width: 100%;
  background-color: rgba(0, 0, 0, .7);
  bottom: 0;
  margin: 0 auto;
  padding: 0;
  letter-spacing: .1em;
}

/*footer wrap*/
#footer-wrap{
  position: relative;
  background-repeat: no-repeat;
  justify-content: flex-start;
  align-items: flex-start;
}

/*footer index*/
#footer-wrap #ft-index{
  position: relative;
  color: #000;
  font-size: .875rem;
  justify-content: flex-start;
  width: 285px;
}
#footer-wrap #ft-index dt{
  margin: 0 0 2rem;
}

/*footer logo*/
#footer-wrap #ft-logo{
  position: relative;
  line-height: 1;
}
#ft-logo a{
  margin: 0 auto;
}
#ft-logo .logo{
  width: 253px;
  height: auto;
  display: block;
  margin: 0;
}

#ft-index dd{
  color:rgba(255,255,255,1);
}
#ft-index dd address{
  margin-bottom: 0;
}
#ft-index a{
  color:rgba(255,255,255,1);
}
#footer-wrap #ft-index a:not(.tllnk){
  display: block;
}
#footer-wrap #ft-index a:not(.tllnk):not(.link-icon)::before{
  content: '\3E';
  font-size: .5rem;
}

/*footer nav*/
#ft-nav{
  justify-content: flex-start;
}
#ft-nav .menu{
  margin: 0;
}
#ft-nav .menu > li{
  margin-bottom: 1rem;
}
#ft-nav .menu > li > a{
  font-weight: bold;
}
#ft-nav .menu > li ul{
  padding: .6125rem 0;
  list-style-type: none;
}
#ft-nav .menu > li ul li{
  line-height: 1;
  margin-bottom: 1rem;
}
#ft-nav .menu > li:last-child,
#ft-nav .menu > li ul li:last-child{
  margin-bottom: 0;
}
#ft-nav .menu > li a{
  color:rgba(255,255,255,1);
  line-height: 1;
  padding: .375rem 0;
  font-size: 1rem;
}
#ft-nav .menu > li ul li a{
  font-size: .875rem;
}
#ft-nav .menu > li ul li a::before{
  content: '-';
  display: inline-block;
  padding-right: .5rem;
}

/*copyright*/
.copy_wrap{
  width: 100%;
  background-color: rgba(0,0,0,1);
  color: rgba(255,255,255,1);
}
.copy_wrap a{
  color: rgba(255,255,255,1);
  font-size:  .75rem;
}
@media screen and (min-width:769px){
  /*footer wrap*/
  #footer-wrap{
    width: 100%;
    margin: auto;
    padding: 5rem 3rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  #ft-nav .menu{
    padding-right: 5vw;
    margin-bottom: 0;
  }
  .copy_wrap{
    width: 100%;
    margin: auto;
    padding: 1.25rem 3rem;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .copy_wrap ul{
    order: 2;
  }
  .copy_wrap li{
    margin-left: 1rem;
    font-size: .875rem;
  }
  .copy_wrap small{
    order: 1;
  }
}
@media screen and (min-width:1024px){
  #ft-nav .menu{
    padding-right: 8vw;
  }
}
@media screen and (max-width:768px){
  footer{
    align-items: center;
  }
  #footer-wrap{
    margin-bottom: 2rem;
    padding: 4rem 1rem;
    margin: 0 auto;
    flex-direction: column;
    align-items: center;
    width: 100%;
  }
  #footer-wrap #ft-logo{
    margin: 0 auto;
    padding-bottom:0;
  }
  #footer-wrap #ft-index{
    margin: 0 auto 2rem;
    padding: 0 1rem;
  }

  /*footer navi*/
  #ft-nav{
    width: 100%;
    margin: 0;
    flex-direction: column;
  }
  #footer-wrap .menu{
    margin: 0 0 2rem;
    padding: 0;
    width: 100%;
  }
  #footer-wrap .menu:last-child{
    margin-bottom: 0;
  }
  #footer-wrap .menu a{
    font-size: 1rem;
    line-height: 2rem;
    margin-bottom: 0;
  }
  #footer-wrap .link{
    width: 50% !important;
    padding-left:1rem;
  }
  #ft-nav .banner{
    width: 50% !important;
    padding-right:1rem;
  }
  #ft-nav .banner .bnr-lnk{
    display: block;
    width: 100%;
    font-size: .875rem;
    padding-left: 2rem;
    border-left: solid 1px rgba(165,165,165,1);
  }
  #ft-nav .banner .bnr-lnk::before{
    right: auto;
    left: .5rem;
  }
  
  .copy_wrap{
    padding: 20px 1rem 64px;
    text-align: center;
    flex-direction: column;
  }
  .copy_wrap ul{
    justify-content: space-around;
    margin-bottom: 20px;
  }
  .copy_wrap ul a{
    padding: .375rem 0;
  }
  .copy_wrap small{
    font-size: .6125rem;
  }
}

/*totop*/
#page-top.totop{
  display: block;
  position: fixed;
  -webkit-transform: translateZ(0);
  bottom: 20vh;
  right: .5rem;
  z-index: 100;
  transform: rotate(90deg);
}
.totop .chevronUp{
  position: relative;
  padding: 0;
  margin: 0;
  opacity: 1;
  transition: all .6s;
  color: rgba(181,29,10,1);
  font-size: 1rem;
  line-height: .875rem;
}
.totop .chevronUp::before{
  content: '';
  display: block;
  position: absolute;
  width: 100px;
  height: 0;
  top: .25rem;
  left: -120px;
  margin: 0;
  border-bottom: solid 2px rgba(181,29,10,1);
}
@media screen and (max-width:600px){
  #page-top.totop{
    visibility: hidden;
  }
}

/*page*/
.page #billboard{
  background-color: rgba(255, 255, 255, 1);
  padding: 132px 1rem 0;
  display: block;
}
.page #billboard .copy{
  width: 100%;
  max-width: 1200px;
  padding: 0 0 .5rem;
  margin: 0 auto;
  color: rgba(0,0,0,1);
  border-bottom: solid 1px rgba(0,0,0,1);
  line-height: 1;
}
.page #billboard .copy .eng2{
  font-size: 2rem;
  letter-spacing: .1em;
}
.page #billboard .copy .jpn{
  font-size: .875rem;
}
.page #gallery{
  background-color: rgba(255, 255, 255, 1);
}
@media screen and (min-width:1024px){
  .page #billboard{
    padding-top: 192px;
  }
}
@media screen and (min-width:769px){
  .page #billboard{
    background-attachment: fixed;
  }
}
@media screen and (max-width:768px){
  .page #billboard{}
  .page #billboard .copy{}
  .page #billboard .copy .eng2{
    display: block;
  }
  .page #billboard .copy .jpn{}
}

/*Breadcrumb NavXT*/
#BrdCrmbNav{
  width: 100%;
  max-width: 1200px;
  padding: 1rem;
  text-align: right;
  font-size: .75rem;
  margin: 0 auto;
}

/*post*/
.section{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 4rem 1rem 1rem;
}
#content_wap.post h1:not(.home_caption){
  font-size:2rem;
  text-align: center;
  color:rgba(86,62,32,1);
}
#content_wap.post h1 .mini{
  font-size:1.25rem;
  display: block;
}
#content_wap.post h2,
#content_wap.post h3{
  margin-bottom: 2rem;
}
#content_wap.post p:not(:last-child){
  margin-bottom: 2rem;
}
@media screen and (max-width:768px){
  #content_wap.post h1:not(.home_caption){
    font-size:1.375rem;
    text-align: center;
    color:rgba(86,62,32,1);
  }
  #content_wap.post h1 .mini{
    font-size:1rem;
    display: block;
  }
}

.page .read-txt01{
  width: 50%;
  font-size: 1.125rem;
  margin-bottom: 6rem;
  line-height: 2;
  font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    -ms-font-feature-settings:"normal";
}
.page .read-txt01::before{
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  background-color: rgba(78,78,78,1);
  width: 40%;
  height: 1px;
}
.page .read-txt01 p:last-child{
  margin-bottom: 4rem;
}

/*smenu link*/
.page .post-menu{
  width: 100%;
  max-width: 1200px;
}
.page .post-menu .mn-cll{
  flex: 1;
}
.page .post-menu .mn-lnk{
  width: 100%;
  border: solid 1px rgba(51,51,51,1);
}
@media screen and (min-width:769px){
  .page .post-menu.menu01{
    margin-bottom: 1rem;
  }
  .page .post-menu.menu01 .mn-cll:first-child{
    margin-right: .5rem;
  }
  .page .post-menu.menu01 .mn-cll:last-child{
    margin-left: .5rem;
  }
  .page .post-menu.menu02 .mn-cll:nth-child(2){
    margin: 0 1rem;
  }
}
@media screen and (max-width:768px){
  .page .read-txt01{
    width: 100%;
    margin-bottom: 4rem;
  }
  .page .post-menu .mn-cll{
    flex: auto;
    width: 100%;
    margin-bottom: 1rem;
  }
  .page .post-menu.menu02 .mn-cll:last-child{
    margin-bottom: 0;
  }
}

/*mission*/
#mission.section{
  align-items: center;
}
#mission .mssnImg01{
  width: 100%;
  max-width: 1200px;
  margin-bottom: 4rem;
}
#mission .mssnImg01 img{
  width: 100%;
  height: 540px;
  object-fit: cover;
}
#mission .mssm-txt02{
  width: 100%;
  max-width: 1200px;
  font-size: 1.125rem;
  margin-bottom: 6rem;
  line-height: 2;
  align-items: flex-end;
}
#mission .mssm-txt02 p{
  width: 100%;
  max-width: 600px;
  background: rgba(255,255,255,.9);
}
@media screen and (min-width:769px){
  #mission .mssm-txt02::before{
      content: '';
      opacity: 1;
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      background-image: url(./images/img_mission02.jpg);
      background-size: cover;
      background-repeat: no-repeat;
      background-position: center;
      width: 40%;
      height: 400px;
      z-index: -1;
  }
}
@media screen and (max-width:768px){
  #mission .mssnImg01{
    margin-bottom: 2rem;
  }
  #mission .mssnImg01 img{
    height: 240px;
  }
  #mission .mssm-txt02{
    margin-bottom: 2rem;
  }
  .video-about{
    width: 100%;
    height: 56.25vw;
  }
  #mission .mssm-txt02 p:nth-child(2){
    position: relative;
    padding-top: 256px;
  }
  #mission .mssm-txt02 p:nth-child(2)::before{
    content: '';
    opacity: 1;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-image: url(./images/img_mission02.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 240px;
  }
  #mission .mssm-txt02 p:last-child{
    margin-bottom: 0;
  }
}

/*aboutus*/
#content_wap.post-11.flex{
  display: block !important;
}
#aboutus.flex{
  display: block !important;
}
#aboutus{}
#aboutus .table{
  width: 100%;
  max-width: 1200px;
  margin-bottom: 4rem;
}
#aboutus #baseList.table{
  margin-bottom: 2rem;
}
#aboutus .table dl{
  width: 100%;
  border-top: solid 1px rgba(86,62,32,.2);
  margin: 0;
}
#aboutus .table dl:last-child{
  border-bottom: solid 1px rgba(86,62,32,.2);
}
#aboutus .table dt{
  width: 30%;
  padding: 1rem 0;
  overflow: hidden;
  position: relative;
}
#aboutus .table dt iframe{
  width: 100%;
  max-width: 100%;
  overflow: hidden;
  height: 200px;
  position: absolute;
  top: 1rem;
  left: 0;
}
#aboutus .table dd{
  width: 70%;
  padding: 1rem 0 1rem 1rem;
}

#aboutus #baseList.table dt,
#aboutus #baseList.table dd{
  height: 232px;
}

#accessMap.map{
  margin-bottom: 4rem;
}
#baseMap.map{
  margin-bottom: 4rem;
}

@media screen and (max-width:768px){
  #aboutus .table dt{
    width: 100%;
  }
  #aboutus .table dd{
    width: 100%;
  }
}

/* 拠点一覧 */
#aboutus .base_list_wrap{
  margin-bottom: 2rem;
}
#aboutus .base_list_wrap dl{
  width: 100%;
  border-top: solid 1px rgba(86,62,32,.2);
  margin: 0;
  justify-content: space-between;
}
#aboutus .base_list_wrap dl:last-child{
  border-bottom: solid 1px rgba(86,62,32,.2);
}
#aboutus .base_list_wrap dt{
  width: 30%;
  padding: 2rem 0;
  
}
#aboutus .base_list_wrap dt iframe{
  max-width: 100%;
}
#aboutus .base_list_wrap dd{
  width: 70%;
  padding: 2rem 0 2rem 2rem;
}
#aboutus .base_list_wrap dd p{
  margin-bottom: 0;
}
@media screen and (max-width:1024px){
  #aboutus .base_list_wrap dt{
    width: 40%;
  }
  #aboutus .base_list_wrap dd{
    width: 60%;
    font-size: .875rem;
  }
  #aboutus .base_list_wrap dd h3{
    font-size: 1.125rem;
  }
}
@media screen and (max-width:1024px){
  #aboutus .base_list_wrap dl,
  #aboutus .base_list_wrap dt,
  #aboutus .base_list_wrap dd{
    width: 100%;
  }  
  #aboutus .base_list_wrap dt{
    padding: 1rem 0;
  }
  #aboutus .base_list_wrap dd{
    padding: 0 0 1rem;
  }
  #aboutus .base_list_wrap dt .map{
    height: 200px;
    padding-bottom: 200px;
  }
}

#accessMap.map{
  margin-bottom: 4rem;
}
#baseMap.map{
  margin-bottom: 4rem;
}

@media screen and (max-width:768px){
  #aboutus .table dt{
    width: 100%;
  }
  #aboutus .table dd{
    width: 100%;
  }
}

/*movinghouse*/
#movinghouse{
  align-items: center;
}
#movinghouse .mvhs-txt{
  width: 100%;
  max-width: 1200px;
  font-size: 1.125rem;
  margin-bottom: 6rem;
  line-height: 2;
}
#movinghouse .mvhs-txt::before{
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 40%;
  height: 400px;
}
.mvhs-txt.txt01::before{
  left: 0;
  background-image: url(./images/sm_img10.jpg);
}
.mvhs-txt.txt02::before{
  right: 0;
  background-image: url(./images/sm_img02.jpg);
}
.mvhs-txt.txt03::before{
  left: 0;
  background-image: url(./images/sm_img07.jpg);
}
.mvhs-txt.txt04::before{
  right: 0;
  background-image: url(./images/sm_img05.jpg);
}

#movinghouse .mvhs-txt h3,
#movinghouse .mvhs-txt p{
  max-width: 600px;
}
#movinghouse .mvhs-txt h3{
  margin-bottom: 2rem;
}
#movinghouse .mvhs-txt::after{
    content: '';
    opacity: 1;
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    background-color: rgba(78,78,78,1);
    width: 40%;
    height: 1px;
}
.mvhs-txt .note{
  background: rgba(232,232,232,1);
  padding: 2rem;
  font-size: .875rem;
  max-width: 600px;
  margin-bottom: 1rem;
}
.mvhs-txt .note p:last-child{
  margin-bottom: 0 !important;
}

#movinghouse .mvhs-sh{
  position: relative;
  height: 50px;
  line-height: 50px;
  color:#4d4d4d;
  margin: 2rem 0 4rem;
}
#movinghouse .mvhs-sh::before{
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
#movinghouse .sh01::before{
  left: -99px;
  width: 83px;
  height: 40px;
  background-image: url(./images/icon_mh01.svg);
}
#movinghouse .sh02::before{
  left: -56px;
  width: 40px;
  height: 46px;
  background-image: url(./images/icon_mh02.svg);
}
#movinghouse .sh03::before{
  left: -66px;
  width: 50px;
  height: 50px;
  background-image: url(./images/icon_mh03.svg);
}
#movinghouse .sh04::before{
  left: -74px;
  width: 58px;
  height: 46px;
  background-image: url(./images/icon_mh04.svg);
}
@media screen and (min-width:769px){
  .mvhs-txt.txt01,
  .mvhs-txt.txt03{
    -ms-align-items: flex-end;
    align-items: flex-end;
  }
  .mvhs-txt.txt02,
  .mvhs-txt.txt04{
    -ms-align-items: flex-start;
    align-items: flex-start;
  }
}
@media screen and (max-width:768px){
  #movinghouse .mvhs-txt{
    padding-top: 176px;
    margin-bottom: 4rem;
  }
  #movinghouse .mvhs-txt::before{
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    height: 160px;
  }
  #movinghouse .mvhs-sh{
    height: 100px;
    padding-top: 50px;
    line-height: 50px;
    margin: 1rem 0 2rem !important;
  }
  #movinghouse .mvhs-sh::before{
    top: 0;
    right: 0;
    bottom: auto;
    margin: 0 auto;
  }
  #movinghouse .sh01::before,
  #movinghouse .sh02::before,
  #movinghouse .sh03::before,
  #movinghouse .sh04::before{
    left: 0;
  }
  #movinghouse .mvhs-txt.txt01::before{
    background-position: 0 -90px;
  }
  .mvhs-txt .note{
    padding: 1rem;
    margin-bottom: 2rem;
  }
  .mvhs-txt .note p:last-child{
    margin-bottom: 0 !important;
  }
}

/*disasterhousebank*/
#disasterhousebank{
  align-items: center;
}
#disasterhousebank .dhb-txt01{
  width: 100%;
  max-width: 1200px;
  height: 648px;
  font-size: 1.125rem;
  margin-bottom: 6rem;
  line-height: 2;
  align-items: flex-end;
}
#disasterhousebank .dhb-txt01::before{
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(./images/sm_img11.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 60%;
  height: 600px;
}
#disasterhousebank .dhb-txt01::after{
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  background-color: rgba(78,78,78,1);
  width: 30%;
  height: 1px;
}
#disasterhousebank .dhb-txt01 .dhb-txt-wrap{
  width: 50%;
  max-width: 600px;
  background: #fff;
  margin-top: 2rem;
  padding:2rem;
}
#disasterhousebank .dhb-txt01 h2{
  margin-bottom: 2rem !important;
}
#disasterhousebank .dhb-img-wrap{
  width: 100%;
  justify-content: space-between;
  margin-bottom: 2rem;
}
.dhb-img-wrap .dhb-img{
  width: 48%;
  height: 280px;
  overflow: hidden;
}
.dhb-img img{
  width: 100%;
  height: auto;
  max-height: 100%;
  object-fit: cover;
}
.dhb-img03.dhb-img img{
  object-position: center -100px;
}
.dhb-txt03{
  margin-bottom: 2rem;
}
.dhb-txt03 .dhb-use-list{
  margin-bottom: 2rem;
}
.dhb-txt03 .dhb-use-list li{
  font-size: 1.25rem;
  font-weight: 900;
}
.dhb-txt03 .dhb-use-list li:not(:last-child){
  margin-bottom: .5rem;
}
.dhb-txt03 .dhb-use-list li span{
  background: linear-gradient(transparent 60%, rgba(255, 255, 64, 1) 60%);
}
.dhb-txt03 .note{
  background: rgba(232,232,232,1);
  padding: 2rem;
  font-size: .875rem;
  margin-bottom: 2rem;
}
.dhb-txt04{
  padding-bottom: 2rem;
  margin-bottom: 4rem;
}
.dhb-txt04::before{
  content: '';
  opacity: 1;
  display: block;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  margin: 0 auto;
  background-color: rgba(78,78,78,1);
  width: 30%;
  height: 1px;
}
.dhb-model{
  background-color: #fff;
  padding: 2rem;
  margin-bottom: 2rem;
  filter: drop-shadow(4px 4px 12px rgba(0,0,0,.3));
}
.dhb-model ul,
.dhb-model ul li:last-child{
  margin-bottom: 0;
}
.dhb-txt05{
  position: relative;
  background-color: rgba(0,0,0,1);
  padding: 2rem;
  margin-bottom: 4rem;
  width: 100%;
  text-align: center;
  pointer-events : none;
  overflow: hidden;
}
.dhb-txt05::before{
  content: '';
  opacity: .6;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background-image: url(./images/img_home06.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  width: 100%;
  height: 100%;
  transition:all .3s;
  transform: scale(1,1);
}
.dhb-txt05 p{
  line-height: 2;
  font-size: 1.25rem !important;
  margin-bottom: 0 !important;
  color: #fff;
  filter: drop-shadow(0 0 4px rgba(0,0,0,1));
}
.dhb-txt05 .bt-wrap{
  margin-top: 1rem;
}
.dhb-txt05 .bt{
  pointer-events : auto;
}
@media screen and (min-width:769px){
  .dhb-txt05:hover::before{
    opacity: .8;
    transform: scale(1.1,1.1);
  }
}
@media screen and (max-width:768px){
  #disasterhousebank .dhb-txt01{
    height: auto;
    margin-bottom: 4rem;
    line-height: 2;
    align-items: flex-start;
    padding-top: 176px;
  }
  #disasterhousebank .dhb-txt01::before{
    right: 0;
    margin: 0 auto;
    width: 100%;
    height: 160px;
  }
  #disasterhousebank .dhb-txt01 .dhb-txt-wrap{
    width: 100%;
    margin-top:0;
    padding:0;
  }
  #disasterhousebank .dhb-img-wrap{
    margin-bottom: 1rem;
    flex-direction: column;
  }
  .dhb-img-wrap .dhb-img{
    width: 100%;
    height: 160px;
    margin-bottom: 1rem;
  }
  .dhb-img img{
    width: 100%;
    object-fit: cover;
  }
  .dhb-txt03 .dhb-use-list{
    padding-left: 1rem;
  }
  .dhb-txt03 .dhb-use-list li{
    font-size: 1.125rem;
  }
  .dhb-txt03 .dhb-use-list li:not(:last-child){
    margin-bottom: 1rem;
  }

  .dhb-txt03 .note{
    padding: 1rem;
  }
  .dhb-model ul{
    padding-left: 1rem;
  }
  .dhb-model ul li{
    margin-bottom: 1rem;
  }
  .dhb-model ul li:last-child{
    margin-bottom: 0;
  }
  .dhb-txt05{
    padding: 2rem 1rem;
    margin-bottom: 4rem;
    text-align: left;
  }
  .dhb-txt05::before{
    background-image: url(./images/sm_img08.jpg);
  }
  .dhb-txt05 p{
    margin-bottom: 2rem !important;
    filter: drop-shadow(0 0 4px rgba(0,0,0,1)) drop-shadow(0 0 4px rgba(0,0,0,1));
  }
}

/*member list*/
#member .table{
  width: 100%;
  max-width: 1200px;
  margin-bottom: 4rem;
}
#member .table dl{
  width: 100%;
  border-top: solid 1px rgba(86,62,32,.2);
  margin: 0;
}
#member .table dl:last-child{
  border-bottom: solid 1px rgba(86,62,32,.2);
}
#member .table dt{
  width: 30%;
  padding: 1rem 0;
}
#member .table dd{
  width: 70%;
  padding: 1rem 0;
}
#member .bp-wrap{
  width: 100%;
  max-width: 1200px;
  padding: 0 1rem;
}
#member .bp-lst{
  width: 100%;
}
#member .bp-lst.area_kyuushuu-area{
  margin-bottom: 4rem;
}
#member .bp-lst .caption{
  font-size: 1rem;
  font-weight: 900;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: .5rem .5rem 1rem;
  position: relative;
  width: 100%;
  overflow: hidden;
}
#member .bp-lst .caption::before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: .5rem;
  width: 3rem;
  height: .125rem;
}
#member .bp-lst .caption::after{
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: .5rem;
  width: 100%;
  height: .125rem;
  background: rgba(128,37,33,.2);
}
#member .bp-lst .caption.typeA::before{background-color: #256fb3;}
#member .bp-lst .caption.typeB::before{background-color: #ff4c42;}
#member .bp-lst .caption.typeC::before{background-color: #0bb341;}
#member .bp-lst .caption.typeD::before{background-color: #802521;}

#member .bp-cll{
  width: 100%;
  margin-bottom: 0;
  font-size: .875rem;
  border-bottom: solid 1px rgba(86,62,32,.2);
}
#member .bp-cll:last-child{
  margin-bottom: 2rem;
}
#member .bp-cll dt{
  padding: .5rem;
  margin-bottom: 0;
}
#member .bp-cll dd{
  padding: .5rem;
  margin-bottom: 0;
}
#member .bp-name{
  flex:2;
  font-weight: 400;
}
#member .bp-name a{
  color: #563e20;
}
#member .bp-adrs{
  flex:2.2;
}
#member .bp-tel{
  flex:.8;
}
#member .bp-tel-lnk{}
#member .bp-rmrks{
  flex:1.5;
}
@media screen and (min-width:769px){
  #member .bp-lst.area09{
    margin-bottom: 4rem;
  }
}
@media screen and (max-width:768px){  
  #member .bp-wrap{
    padding: 0;
  }
  #member .bp-cll{
    flex-direction: column;
  }
}

/*accordion effect*/
h2.bp-area{
  margin: 0;  
  padding:0;
  font-size: 0;
  width: 100%;
  color:rgba(86,62,32,1);
  border-top: solid 1px rgba(86,62,32,.2);
  border-bottom: solid 1px rgba(86,62,32,.3);
}
.bp-area label{
  pointer-events: all;
  margin: 0;
  width: 100%;
  height: 100%;
  text-align: left;
  font-size: 1.25rem;
  padding: 1rem;
  position: relative;
  display: block;
  transition: all .4s;
}
.bp-area label::before{
  content: '';
  display: block;
  position: absolute;
  top: 1.125rem;
  right: 2rem;
  margin: auto 0;
  width: 1.25rem;
  height: 1.25rem;
  border: .25rem solid;
  border-color:  transparent transparent #563e20 #563e20;
  transition: all .3s;
  transition-delay: .2s;
  transform: rotate(-45deg);
}
.bp-lst{
  padding: 0 1rem;
  max-height: 0;
  overflow: hidden;
  transition: all .4s;
}
.bp-lst .caption,
.bp-lst .bp-cll{
  opacity: 0;
  transition: all .4s;
  transform: translateY(120px);
}
.bp-ccb{
  display: none;
  position: absolute;
}
.bp-ccb:checked + .bp-area label{
  color:rgba(86,62,32,.6);
  background-color: rgba(202,255,130,.2);
}
.bp-ccb:checked + .bp-area label::before{
  top: 1.625rem;
  transform: rotate(-945deg);
  border-color:  transparent transparent rgba(86,62,32,.4) rgba(86,62,32,.3);;
}
.bp-ccb:checked + .bp-area + .bp-lst{
  transition: all .8s;
  opacity: 1;
}
.bp-ccb:checked + .bp-area + .bp-lst .caption,
.bp-ccb:checked + .bp-area + .bp-lst .bp-cll{
  opacity: 1;
  transform: translateY(0);
}
.bp-ccb:checked + .bp-area + .bp-lst .caption{
  transition-delay: .1s;
}
.bp-ccb:checked + .bp-area + .bp-lst .bp-cll{
  transition-delay: .1s;
}
@media screen and (min-width:769px){
  #member .bp-cll:hover{
    background-color: rgba(202,255,130,.2);
  }
  .bp-ccb:checked + .bp-area + .bp-lst.area_headquarters,
  .bp-ccb:checked + .bp-area + .bp-lst.area_douou-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_doutou-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_dounan-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_touhoku-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_kantou-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_chuubu-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_kansai-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_chuugoku-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_shikoku-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_kyuushuu-area{max-height:2000px;}
}
@media screen and (max-width:768px){
  #member .table dt{
    width: 100%;
  }
  #member .table dd{
    width: 100%;
  }
  .bp-ccb:checked + .bp-area + .bp-lst.area_headquarters,
  .bp-ccb:checked + .bp-area + .bp-lst.area_douou-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_doutou-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_dounan-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_touhoku-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_kantou-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_chuubu-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_kansai-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_chuugoku-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_shikoku-area,
  .bp-ccb:checked + .bp-area + .bp-lst.area_kyuushuu-area{max-height:4000px;}
}

/*entry guide*/
#entryguide .notes{
  font-size: .875rem;
  display: block;
}
#entryguide .entry-cnvson{
  width: 100%;
  max-width: 1200px;
  margin-bottom: 4rem;
  padding: 2rem;
  background-color: #fff;
  align-items: center;
  filter: drop-shadow(4px 4px 12px rgba(0,0,0,.3));
}

.entry-cnvson .copy{
  display: inline-block;
  font-size: 1.375rem !important;
  font-weight: 900;
  text-align: center;
  margin-bottom: 2rem !important;
  position: relative;
}
.entry-cnvson .cnvson-lst{
  width: 100%;
  justify-content: center;
  align-items: center;
}
.cnvson-lst .lnk-tel{
  position: relative;
  align-items: center;
  margin-bottom: 1rem;
  width: 100%;
}
.cnvson-lst .lnk-tel p{
  font-size: 1.25rem !important;
}
.lnk-tel .lnk-txt{
  margin-bottom: 1rem !important;
  line-height: 1;
}
.cnvson-lst .lnk-tel .lnk-tel-lnk{
  color:rgba(86,62,32,1);
  line-height: 1;
  font-size: 2.5rem;
  font-weight: 900;
  display: none;
}
.lnk-tel-lnk .tel-icon{
  fill:rgba(86,62,32,1);
  width: auto;
  height: 2.5rem;
  object-fit: cover;
  transition: all .3s;
  margin-right: .75rem;
}
.cnvson-lst .form-bt{
  width: 100%;
  max-width: 680px;
  margin: 0;
}
.cnvson-lst .form-bt a{
  width: 100%;
  font-size: 1.25rem;
  color:#fff;
  margin: 0;
  line-height: 1.5;
  padding: 1rem;
  position: relative;
  display: block;
  font-weight: 900;
  border-radius: 4px;
  transition: all .3s;
  filter: drop-shadow(2px 2px 4px rgba(0,0,0,.2));
}
.cnvson-lst .form-bt a::before{
  content: '';
  width: 2.5rem;
  height: 2.5rem;
  border: 0;
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
  transform: rotate(45deg)translate(0,0);
  position: absolute;
  top: 0;
  right: 2rem;
  bottom: 0;
  margin: auto 0;
  transition: all .3s;
  opacity: .6;
}
.cnvson-lst .lnk-mail{}
.cnvson-lst .lnk-mail a{
  background: #0bb341;
}
.cnvson-lst .lnk-document a{
  background: #256fb3;
}
.cnvson-lst .lnk-mail a:hover,
.cnvson-lst .lnk-document a:hover{
  background: rgba(128,37,33,1);
}
.cnvson-lst .form-bt a:hover::before{
  opacity: 1;
  transform: rotate(45deg)translate(8px,-8px);
}
@media screen and (min-width:769px){
  .entry-cnvson .copy::before,
  .entry-cnvson .copy::after{
    content: '';
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 80px;
    height: 2px;
    background: rgba(86,62,32,1);
  }
  .entry-cnvson .copy::before{
    left: -96px;
  }
  .entry-cnvson .copy::after{
    right: -96px;
  }
}
@media screen and (max-width:768px){
  .entry-cnvson .copy{
    font-size: 1.125rem !important;
    text-align: center;
  }
  .lnk-tel-lnk .tel-icon{
    height: 1.25rem;
    margin-right: .25rem;
  }
  .cnvson-lst .lnk-tel .lnk-tel-lnk{
    line-height: 1;
    font-size: 1.5rem;
    margin-bottom: 1rem;
  }
  #entryguide .entry-cnvson{
    margin-bottom: 2rem;
  }
  .entry-cnvson .copy::before{}
  .entry-cnvson .cnvson-lst{
    flex-direction: column;
    align-items:flex-start;
  }
  .cnvson-lst .lnk-tel{
    width: 100%;
    margin: 0 !important;
    padding: 0 !important;
  }
  .cnvson-lst .form-bt{
    width: 100%;
    margin: 0;
  }
  .cnvson-lst .lnk-mail{
    margin-right: 0;
    margin-bottom: 1rem;
  }
}

/*link*/
#link .middle-sbhd{
  width: 100%;
  max-width: 1200px;
  text-align: left !important;
  font-size: 1.25rem !important;
}
#link .table{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto 3rem;
  padding-bottom: 1rem;
}
#link .table .lnk-cll{
  width: 100%;
  border-top: solid 1px rgba(86,62,32,.2);
  margin: 0;
}
#link .table .lnk-cll:last-child{
  border-bottom: solid 1px rgba(86,62,32,.2);
}
#link .table .lnk-name{
  font-weight: 900;
  padding: 1rem 0;
  width: 18rem;
}
#link .table .lnk-url{
  padding: 1rem 0;
  width: 24rem;
}
#link .table .lnk-info{
  font-size: .875rem;
  padding: 1rem 0;
}

/*sitemap*/
#sitemap .large-sbhd{
  font-size: 1.25rem !important;
}
#sitemap .large-sbhd a{
  color: #563e20;
}
#sitemap .stmp-wrap{
  width: 100%;
  max-width: 1200px;
  margin-bottom: 0;
}
#sitemap .stmp-wrap-cll{
  flex: 1;
  padding: 0 1rem;
}
#sitemap .stmp-wrap .caption{
  text-align: left;
  font-size: 1.25rem;
  font-weight: 900;
  margin-top: 2rem;
  margin-bottom: 1rem;
  padding: .5rem .5rem 1rem;
  position: relative;
  width: 100%;
  overflow: hidden;
}
#sitemap .stmp-wrap .caption::before{
  content: '';
  display: block;
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: .5rem;
  width: 3rem;
  height: .125rem;
}
#sitemap .stmp-wrap .caption::after{
  content: '';
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: .5rem;
  width: 100%;
  height: .125rem;
  background: rgba(128,37,33,.2);
}
#sitemap .stmp-wrap .caption.tyleA::before{background-color: #256fb3;}
#sitemap .stmp-wrap .caption.tyleB::before{background-color: #ff4c42;}
#sitemap .stmp-wrap .caption.tyleC::before{background-color: #0bb341;}
#sitemap .stmp-wrap .caption.tyleD::before{background-color: #802521;}
#sitemap .stmp-lst{}
#sitemap .stmp-cll:not(:last-child){
  margin-bottom: 1rem;
}
#sitemap a{
  color: #563e20;
}
@media screen and (max-width:768px){
  #sitemap .stmp-wrap{
    flex-direction: column;
  }
  #sitemap .stmp-wrap-cll{
    flex: auto;
    width: 100%;
    padding: 0;
  }
}

/*privacy-policy*/
#privacy-policy{}
#privacy-policy .middle-sbhd{
  text-align: left !important;
  line-height: 1 !important;
  margin-bottom: 2rem !important;
  padding-top: 2rem;
  padding-bottom: 2rem !important;
  border-top: solid 1px rgba(86,62,32,.4);
}
#privacy-policy p,
#privacy-policy div,
#privacy-policy ul{
  margin-bottom: 2rem !important;
}

/* case study */
.case_study_list{
  gap: 2rem 3%;
  margin-bottom: 2rem;
}
.case_study_cell{
  max-width: 32%;
}
.case_study_cell a{
  width: 100%;
  background-color: rgba(255,255,255,1);
  padding: 1rem;
  border-radius: .25rem;
  text-decoration: none;
  transition: all .3s;
  filter: drop-shadow(0 0 12px rgba(0,0,0,.1));
}
.case_study_cell figure{
  position: relative;
  overflow: hidden;
}
.case_study_cell figure img{
  transition: all .4s;
}
.case_study_cell figcaption{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: all .4s;
  z-index: 1;
  opacity: 0;
  color: rgba(255,255,255,1);
  background: rgba(0,0,0,.2);
  align-items: center;
  justify-content: center;
  filter: blur(24px);
}
h2.case_study_title{
  width: 100%;
  text-align: left;
  font-size: 1rem;
  color:rgba(51,51,51,1);
  margin-bottom: 0;
}
.case_study_btlist{
  width: 100%;
  gap: 2%;
  margin-bottom: 2rem;
}
.case_study_btlist li{
  width: 32%;
}
.case_study_btlist li .bt{
  width: 100%;
}
@media screen and (min-width:769px){
  .case_study_cell a:hover{
    filter: drop-shadow(0 0 16px rgba(0,0,0,.2));
  }
  .case_study_cell a:hover figure img{
    transform: scale(1.05,1.05);
  }
  .case_study_cell a:hover figcaption{
    opacity: 1;
    filter: blur(0);
  }
}
@media screen and (min-width:769px){}

/* case study single */
.case_main_photo{
  margin-bottom: 3rem;
}
.slider.thumb_item{}
.slider.thumb_item_nav{
  margin-bottom: 3rem;
}
.photo_cell{
  height: 360px !important;
  align-items: center;
  justify-content: center;
  display: flex !important;
  position: relative;
  background-color: rgba(0,0,0,.1);
}
.photo_cell img{
  object-fit: contain;
  height: 360px !important;
  max-height: 90%;
  max-width: 90%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.photo_cell_tn{
  display: flex !important;
  height: 80px;
  overflow: hidden;
  align-items: center;
  justify-content: center;
}
.photo_cell_tn img{
  width: 100%;
  height: 100%;
  height: 80px;
  object-fit: cover;
  object-position: center;
}
.case_drawing_wrap{
  background-color: rgba(0,0,0,.1);
  padding: 2rem;
  width: 100%;
  margin-bottom: 1rem;
  box-sizing: border-box;
}
.case_drawing_h2{
  font-size: 1.125rem;
}
.case_drawing_wrap img{
  object-fit: contain;
  width: 100%;
  height: 100%;
}
.casestudy_content{
  margin-bottom: 3rem;
}
@media screen and (max-width:768px){
  .photo_cell{
    height: 56.25vw !important;
  }
  .photo_cell img{
    height: 56.25vw !important;
  }
  .photo_cell_tn{
    height: 48px;
  }
  .photo_cell_tn img{
    height: 48px;
  }
}

/* post */
h2.info_archives_category{
  width: 100%;
  text-align: left;
  margin-bottom: 2rem;
}
#content_wap.post p.info_archives_reed{
  margin-bottom: 4rem;
  text-align: center;
}
.info_archives_list{
  width: 100%;
  margin-bottom: 2rem;
  gap: 2rem 2%;
  justify-content: flex-start;
}
.cate_link {
  padding-bottom: 2rem;
  margin-bottom: 3rem;
  border-bottom: dotted 1px rgba(51,51,51,.5);
}
.info_archives_cell{
  width: 32%;
  padding-bottom: 2rem;
  border-bottom: dotted 1px rgba(0,0,0,1);
}
.info_archives_cell a{
  color: rgba(51,51,51,1);
  width: 100%;
}
.info_archives_thumbnail{
  width: 30%;
  height: 100px;
  position: relative;
  overflow: hidden;
}
.info_archives_thumbnail figcaption{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: all .4s;
  z-index: 1;
  opacity: 0;
  color: rgba(255,255,255,1);
  background: rgba(0,0,0,.2);
  align-items: center;
  justify-content: center;
  filter: blur(24px);
}
.info_archives_thumbnail img{
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.info_archives_caption{
  width: 70%;
  padding-left: 1rem;
}
.info_archives_meta{
  font-size: .6875rem;
  line-height: 1;
}
.info_archives_meta time{
  font-size: .6875rem;
  line-height: 1;
  margin-bottom: .375rem;
  display: block;
}
#content_wap.post .info_archives_caption h2,
#content_wap.post .info_archives_caption h3{
  font-size: .875rem;
  margin-bottom: .5rem;
}
.info_archives_caption p{
  font-size: .75rem;
  line-height: 1.8;
  font-weight: 400;
  margin-bottom: 0;
}
@media screen and (min-width:769px){
  .info_archives_cell a:hover .info_archives_thumbnail figcaption{
    opacity: 1;
    filter: blur(0);
  }
}
@media screen and (max-width:1080px){
  .info_archives_list{
    gap: 2rem 4%;
  }
  .info_archives_cell{
    width: 48%;
  }
}
@media screen and (max-width:768px){
  .info_archives_cell{
    width: 100%;
  }
  .info_archives_thumbnail{
    width: 20%;
  }
  .info_archives_caption{
    width: 80%;
  }
}
@media screen and (max-width:600px){
  .info_archives_thumbnail{
    width: 30%;
  }
  .info_archives_caption{
    width: 70%;
  }
}

/*single_drawing*/
#post-thumbnail.post_thumbnail_drawing{
  background-color: rgba(0,0,0,.1);
  padding: 2rem;
  width: 100%;
  margin-bottom: 1rem;
}
#post-thumbnail.post_thumbnail_drawing img{
  object-fit: contain;
}
.drawing_photo_wrap{
  padding-top: 60px;
  margin-bottom: 1rem;
}
.drawing_photo_wrap li{
  width: 100%;
}
.drawing_photo{
  width: 100%;
  height: 240px;
  justify-content: center;
}
.drawing_photo img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}
@media screen and (min-width:769px){
  .drawing_photo_wrap{
    justify-content: space-between;
  }
  .drawing_photo_wrap li{
    width: 48%;
  }
}
@media screen and (max-width:768px){}

/*single*/
#single.section{
  width:100%;
  max-width:1200px;
  padding:0;
  margin:0 auto;
}
#single.section.single_post{
  padding: 4rem 1rem 1rem;
}
.post_all_wrap{
  width:100%;
  padding:0 1rem;
  margin:0 auto;
  align-items: flex-start;
  justify-content: space-between;
}
.post_wrap{
  width: 100%;
}
#post-header{
  position: relative;
  margin-bottom:2rem;
  padding:0 0 1rem;
  width: 100%;
}
#post-header::before{
  position: absolute;
  content: '';
  bottom:0;
  background: rgba(174, 152, 80, 1);
  width: 64px;
  height: 2px;
  display: block;
}
#post-header h1{
  margin:0 0 .5rem;
  font-size:1.25rem !important;
  line-height: 1;
  text-align: left !important;
}
#post-header time{
  line-height: 1;
  font-size:0.875rem;
  color:rgba(35, 24, 21, .8);
}

/*post body*/
.post_body{
  margin-bottom:2rem;
  width: 100%;
}
#post-thumbnail{
  max-width:100%;
  margin: 0 0 2rem;
}
#post-thumbnail img{
  width:100%;
  object-fit: contain;
}
.post_body .note{
  font-size: .75rem;
}
.wp-block-image img{
  max-width: 100%;
  object-fit: contain;
}
.single #post-thumbnail img{
  height: auto;
}

#post-navi{
  border-top:solid 1px rgba(35, 24, 21, 0.2);
  padding-top:1rem;
  width: 100%;
  justify-content: space-between;
}
#post-navi li{
  list-style-type: none;
  width:calc(50% - 0.5rem);
}
#post-navi li a{
  color: rgba(35, 24, 21, 1);
  font-size: .75rem;
}
#post-navi li:first-child{
  text-align: left;
}
#post-navi li:last-child{
  text-align: right;
}
@media screen and (min-width:1024px){
  .post_wrap{
    width: 60%;
  }
}
@media screen and (max-width:768px){
  #post-heder h1{
    line-height: 1.5;
  }
  #post-thumbnail{
    max-width:100%;
    margin-right: 0;
    float: none;
  }
  #post-navi li{
    width:100%;
  }
  #post-navi li:first-child{
    margin-bottom: 1rem;
  }
}

/*post side*/
.side_archives_wrap{
  width: 100%;
}
.side_archives{
  width: 100%;
}
.side_archives h2{
  margin: 0 auto 2rem;
  padding: 1rem 0;
  line-height: 1;
  border: solid 2px rgba(51,51,51,1);
  border-width: 2px 0;
  font-size: 1.125rem;
}
.side_archives_list{  
  width: 100%;
}
.side_archives_cell{
  margin-bottom: 2rem;
}
.side_archives_cell a{
  color: rgba(51,51,51,1);
  width: 100%;
  justify-content: space-between;
}
.side_archives_cell figure{
  position: relative;
  overflow: hidden;
  width: 30%;
}
.side_archives_cell figure img{
  transition: all .4s;
  width: 100%;
  height: 100px;
  object-fit: cover;
}
.side_archives_cell figcaption{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: 100%;
  height: 100%;
  transition: all .4s;
  z-index: 1;
  opacity: 0;
  color: rgba(255,255,255,1);
  background: rgba(0,0,0,.2);
  align-items: center;
  justify-content: center;
  filter: blur(24px);
  font-size: .875rem;
}
.side_archives_caption{
  width: 66%;
}
.side_archives_caption h3{
  font-size: .875rem;
  margin-bottom: .5rem;
}
.side_archives_caption time{
  font-size: .6875rem;
  line-height: 1;
  margin-bottom: .375rem;
  display: block;
}
.side_archive_select{}
@media screen and (min-width:1024px){
  .side_archives_wrap{
    width: 30%;
    position: sticky;
    top: 72px;
  }
}
@media screen and (min-width:769px){
  .side_archives_cell a:hover figcaption{
    opacity: 1;
    filter: blur(0);
  }
}
@media screen and (max-width:768px){
  .side_archives_wrap{
    padding-top: 60px;
  }
}

/*entryguide*/
.page #entryguide{
  align-items: center;
}
.page #entryguide .read-cell{
  max-width: 1000px;
  width: 100%;
  font-size: 1.125rem;
  margin-bottom: 6rem;
  line-height: 2;
}
.read-cell h3{
  background-color:rgba(118,117,125,.15);
  padding: .75rem 1rem;
  color:rgba(0,0,0,1);
}
.read-cell table{
  width: 100%;
}
.read-cell table:not(:last-child){
  margin-bottom: 2rem;
}
.read-cell table caption{
  caption-side: top;
}
.read-cell table thead tr{}
.read-cell table thead th{
  border-bottom:dotted 1px rgba(118,117,125,.5);
  padding:0 0 .5rem;
}
.read-cell table tbody tr{}
.read-cell table tbody th{
  font-weight: 400;
  vertical-align: top;
  padding: .5rem 0;
  border-bottom:dotted 1px rgba(118,117,125,.5);
}
.read-cell table tbody td{
  caption-side: top;
  text-align: right;
  padding: .5rem 0;
  border-bottom:dotted 1px rgba(118,117,125,.5);
}
.read-cell .img-wrapp figure{
  max-height: 240px;
}
.read-cell .img-wrapp img{
  max-width: 100%;
  max-height: 100%;
  height: auto;
  object-fit: cover;
}</p>
<p>#entryguide .read-cell01{
  position: relative;
}
#entryguide .read-cell01::before{
  position: absolute;
  display: block;
  content: '';
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  width: auto;
  height: 100%;
  object-fit: contain;
  background-image: url(https://movinghouse.or.jp/_demo/wp-content/themes/jmha/images/img_entry01.jpg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  opacity: .5;
  z-index: -1;
}
#entryguide .read-cell01 p{
  filter: drop-shadow(0 0 2px rgba(255,255,255,1))drop-shadow(0 0 2px rgba(255,255,255,1));
}
#entryguide .entry-cnvson{
  width: 100%;
  max-width: 1000px;
  margin-bottom: 4rem;
  padding: 2rem;
  background-color: #fff;
  align-items: center;
  filter: drop-shadow(4px 4px 12px rgba(0,0,0,.3));
}
.entry-cnvson .docs-info{
  border:solid 1px rgba(51,51,51,.4);
  padding: 2rem 1.5rem;
  justify-content: space-between;
  max-width: 680px;
  margin: 0 auto 2rem;
}
.entry-cnvson .docs-info p{
  width: 58%;
  margin-bottom: 0 !important;
}
.entry-cnvson .docs-info figure{
  width: 40%;
  text-align: center;
  display: block;
  margin-bottom: 0;
}
.entry-cnvson .docs-info figure img{
  max-height: 120px;
  width: auto;
  object-fit: contain;
  display: block;
  margin: 0 auto .5rem;
}
.entry-cnvson .docs-info figure figcaption{
  font-size: .875rem;
  letter-spacing: 0;
}
@media screen and (min-width:421px){
  .read-cell .img-wrapp{
    justify-content: space-between;
  }
  .read-cell .img-wrapp figure{
    background: #000;
    display: block;
    max-width: 48%;
  }
  .sp-photo{
    display: none;
  }
}
@media screen and (max-width:420px){
  .sp-photo{
    display: block;
  }
  .sp-photo img{
    display: block;
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  #entryguide .read-cell01::before{
    display: none;
  }
  .page #entryguide .read-cell p{
    font-size: .875rem !important;
  }
  .read-cell .img-wrapp figure{
    max-height: 160px;
  }
  .read-cell figure:nth-child(2){
    margin-top: 2.5rem;
  }
  #entryguide figure figcaption{
    display: block;
    font-size: .875rem;
    text-align: center;
    max-height: auto;
    height: 2rem;
    line-height: 1.5;
  }
  #entryguide .entry-cnvson{
    margin-bottom: 2rem;
    padding: 1rem;
  }
  .entry-cnvson .docs-info{
    padding: 1rem;
    flex-direction: column;
    max-width: 100%;
    margin: 0 auto 2rem;
  }
  .entry-cnvson .docs-info p{
    width: 100%;
    margin-bottom: 1rem !important;
    font-size: .875rem !important;
  }
  .entry-cnvson .docs-info figure{
    width: 100%;
    text-align: center;
    display: block;
    margin-bottom: 0;
  }
  .entry-cnvson .docs-info figure img{
    max-width: 100%;
    height: auto;
  }</p>
<p>  /*table*/
  .read-cell table,
  .read-cell caption,
  .read-cell table thead,
  .read-cell table tbody,
  .read-cell table tr,
  .read-cell table th,
  .read-cell table td{
    display: block;
  }
  .read-cell table tbody th{
    border-bottom: solid 0;
    padding-bottom: 0;
    display: block;
  }
  .read-cell table tbody th::before{
    content: attr(data-th);
    display: block;
  }
  .read-cell table tbody td{
    padding-top: 0;
  }
  .read-cell table tbody th,
  .read-cell table tbody td{
    font-size: .875rem;
  }
  .read-cell table tbody th.data-th-none{
    padding-top: 0;
  }
}

/*form*/
.wpcf7-form{
  margin-bottom: 4rem;
}
.form-table.table{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 2rem;
}
.form-table.table .form-table.table{}
.form-table.table dl{
  width: 100%;
  margin: 0;
}
.form-table.table dl:last-child{
  border-bottom: solid 1px rgba(86,62,32,.2);
}
.form-table.table dt{
  width: 30%;
  padding: 0 0 2.5rem;
  vertical-align: top;
}
.form-table.table dt span{
  color: #ff4c42;
  font-size: .875rem;
}
.form-table.table dd{
  width: 70%;
  padding: 0 0 2.5rem;
  position: relative;
}
.form-table.table .form-table.table dt{
  font-weight: 400;
}
.form-table .fitem{
  max-width: 100%;
  width: 100%;
}
.select-wrap {
  width:100%;
  position:relative;
}
.select-wrap select{
  appearance:none;
  width:100%;
  padding:.25rem 1rem;
  box-sizing:border-box;
  font-size:1rem;
  border:#767676 1px solid;
  border-radius:2px;
  background:#fff;
}
.select-wrap::after{
  content:"";
  display:block;
  width:10px;
  height:10px;
  position:absolute;
  right:5%;
  top:35%;
  border-bottom:#333 2px solid;
  border-right:#333 2px solid;
  transform:rotate(45deg)translateY(-30%);
}
.form-table textarea{
  height: 8rem;
}
.form-table input[type="text"],
.form-table input[type="txtarea"],
.form-table input[type="tel"],
.form-table input[type="email"]{
  padding: 4px 16px;
}
.wpcf7-not-valid-tip{
  margin-top: 4px;
  display: block;
  color: red;
  font-weight: 600;
}
.screen-reader-response{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 32px;
  color: red;
  font-weight: 600;
}
.screen-reader-response a{
  color: red;
  font-weight: 600;
}
.form_consent{
  display: flex;
  flex-direction: column;
  gap: 16px;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 2rem
}
.form_consent li label{
  display: flex;
  align-items: flex-start;
  gap: 1rem;
}
.form_consent li label input{
  display: block;
  margin-top: 7px;
}
.form_consent li{
  font-size: .875rem;
  padding: 0;
}

.form-bt{
  justify-content: center;
  align-items: center;
}
input[type="submit"]{
  transition: opacity .4s;
}
input[type="submit"][disabled]{
  opacity: .4;
  cursor:not-allowed;
}
@media screen and (min-width:769px){
  span.wpcf7-not-valid-tip{
    position: absolute !important;
    bottom: -2rem;
  }
}
@media screen and (max-width:768px){
  .form-table.table{
    display: flex;
    flex-direction: column;
    padding: 0 1rem !important;
  }
  .form-table.table dt{
    width: 100%;
    padding-bottom: .5rem;
  }
  .form-table.table dd{
    width: 100%;
    padding-bottom: 1rem;
  }
  .form-table.table dd .fitem{
    width: 100% !important;
    background-color: rgba(239,239,239,1);
  }
}

/*パスワード*/
.post-password-form p:has(label){
  display: flex;
  align-items: center;
  gap: 12px;
}
.post-password-form p label {
  display: flex;
  align-items: center;
  gap: 12px;
}
.post-password-form p input[type="bpassword"] {}
.post-password-form p input[type="submit"] {
  padding: 0 12px;
  font-size: 1rem;
  line-height: 34px;
  font-weight: bold;
  color: #fff;
  background-color: #333;
  border: none;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s, opacity 0.3s;
}
.post-password-form p input[type="submit"]:hover {
  background-color: #24733D;
}

.docs_info{
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 3rem;
  justify-content: center;
  gap:.5rem;
}
.docs_info li{
  flex: 1;
}
.docs_info .bt{
  width: 100%;
}
@media screen and (max-width:350px){  
  .docs_info{
    flex-direction: column;
  }
}

.has-small-font-size{
  font-size: .75rem;
}

/*anchor*/
.anchor{
  margin-top: -160px !important;
  padding-top: 160px !important;
}

/*home video*/
@media screen and (min-width:769px){
  #billboard{display: none;}
  #hm-video-bg{
    position: relative;
    top: 0;
    left: 0;
    min-width: 100vh;
    z-index: auto;
    min-height: 540px;
    overflow: hidden;
    background-color: rgba(0, 0, 0, 1);
  }
  .video-home{
    position: fixed;
    -webkit-transform: translateZ(0);
    top: -140px;
    left: 0;
    width: 100vw;
    height: 100vh;
    min-width: 100vw;
    min-height: 100vh;
    opacity: .9;
    margin: 0 auto;
  }
  .hm-video-wrap{
    position: absolute;
    width: 100%;
    height: 100%;
    display: none;
    background-image: url(./images/mesh.png);
    justify-content: center;
    align-items: center;
    color: #fff;
    z-index: 1;
  }
  .hm-video-wrap::before{
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    height: 100%;
    display: block;
    background-image: url(./images/img_slide01.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    z-index: -1;
    opacity: 0;
    animation: vcopyAnime01 32s forwards;
  }
  .hm-video-wrap .vcopy{
    color: #fff;
    display: inline-block;
    margin: auto;
    text-align: center;
    width: 100%;
    height: 152px;
    line-height: 1;
    padding-top: 120px;
    filter:drop-shadow(0 0 8px rgba(0,0,0,.4));
    opacity: 0;
    font-size: 2rem;
    transform: translateX(40px);
    animation: vcopyAnime02 35s forwards;
  }
  @keyframes vcopyAnime01{
    0%{
      opacity: 0;
    }
    80%{
      opacity: 0;
    }
    85%{
      opacity: .7;
    }
    100%{
      opacity: .7;
    }
  }
  @keyframes vcopyAnime02{
    0%{
      opacity: 0;
    }
    80%{
      opacity: 0;
      transform: translateX(40px);
    }
    85%{
      opacity: 1;
      transform: translateX(0);
      filter:drop-shadow(0 0 8px rgba(0,0,0,.4));
    }
    100%{
      opacity: 1;
      transform: translateX(0);
      filter:drop-shadow(0 0 8px rgba(0,0,0,.4));
    }
  }
}
@media screen and (min-width:1023px){
  #hm-video-bg{
    min-height: 720px;
  }
  .video-home{
    top: -16px;
  }
}
@media screen and (min-width:1280px){
  #hm-video-bg{
    min-height: 840px;
  }
  .video-home{
    top: 40px;
  }
}

@media screen and (min-width:1854px){
  #hm-video-bg{
    min-height: 100vh;
  }
  .video-home{
    top: 72px;
  }
}
@media screen and (max-width:768px){
  #hm-video-bg,
  #hm-video-bg *{
    display: none !important;
  }  
}

/*navigation*/
.wp-pagenavi {
  text-align: center;
  margin: 0 auto;
  padding: 2rem 0;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}
.wp-pagenavi a,
.wp-pagenavi span:not(.extend) {
  display: inline-block;
  color: rgba(51,51,51,1);
  background-color: rgba(255, 255, 255, 1);
  border: solid 1px rgba(51,51,51,1);
  padding: 0;
  line-height: 2.75rem;
  height: 3rem;
  width: 3rem;
  margin: 0 4px;
  letter-spacing: 0;
  white-space: nowrap;
  border-radius: 50%;
  transition: .2s ease-in-out;
  text-align: center;
  text-decoration: none;
}
.wp-pagenavi span.extend {
  padding: 0;
  line-height: 3rem;
  height: 3rem;
  width: 3rem;
  margin: 0 0;
  transition: .2s ease-in-out;
  text-align: center;
  text-decoration: none;
}
.wp-pagenavi a:hover {
  color: rgba(255,255,255,1);
  background-color: rgba(128,37,33,1);
  border-color: rgba(51,51,51,1);
}
.wp-pagenavi span.current {
  color: rgba(255,255,255,1);
  background-color: rgba(128,37,33,1);
  border-color: rgba(51,51,51,1);
  font-weight: bold;
}
@media screen and (max-width:768px) {
  /*navigation*/
  .wp-pagenavi {
    width: 100%;
  }
  .wp-pagenavi .pages {
    width: 100%;
    border: none;
  }
  .wp-pagenavi .current,
  .wp-pagenavi .page,
  .wp-pagenavi span.extend {
    display: none;
  }
  .wp-pagenavi .prevpostslink {
    width: 3rem;
  }
  .wp-pagenavi .nextpostslink {
    width: 3rem;
  }
}

.wp-block-gallery