@charset "utf-8";

/* ----------------------------------------------------------

Common Setting

---------------------------------------------------------- */
/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
@media only screen and (max-width:520px) {
.pc   {display:none}
.sp   {display:block}
}

div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd  {
  position: relative;
  overflow-wrap:break-word;
  word-wrap:break-word;
  padding:0;
  margin:0;
  box-sizing:border-box;
  outline:none;
  font-family: "Arial","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic" , sans-serif;
}

h1,h2,h3,h4,h5,h6   {
  font-weight:normal;
  font-size: inherit;
  line-height: inherit;
  padding:0;
  margin:0
}


/*times*/
.times {
  font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

/*din*/
.din {
  font-family: din-2014, sans-serif;
  font-weight: 400;
  font-style: normal;font-display: swap;
}

/*futura-pt*/
.futura  {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.futura.italic  {
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.futura.heavy  {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.futura.heavy.italic  {
  font-family: "futura-pt", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.futura.bold {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.futura.bold.italic  {
  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;;
  font-style: italic;
}


/*ul dl*/
ul,
ul li {
  list-style:none;
  padding:0;
  margin:0
}

ul.disc li {
  list-style: disc;
  margin-left: 1em;
}

ul.check li  {
  background-image: url(../img/icon__check1.png);
  background-position: 0 45.5%;
  background-repeat: no-repeat;
  background-size: calc(21px / 2);
  padding-left: 18px;
}

ul.check2.large li  {
  background-image: url(../img/icon__check2.png);
  background-position: 0 45.5%;
  background-repeat: no-repeat;
  background-size: calc(38px / 2);
  line-height: 2;
  padding-left: 27px;
}


ol  {
  margin-left: 1em;
}

/*position*/
.center {
  text-align:center
}

.left {
  text-align:left
}

.right  {
  text-align:right
}

.block  {
  display: block;
}

.large {
  font-size: calc(18px + 2px);
}

.xlarge {
  font-size: calc(18px + 4px);
}

.small {
  font-size: calc(18px - 2px);
}

.bold {
  font-weight: bold;
}

@media only screen and (max-width:520px) {
  .large {
    font-size: calc(calc(18px + 2px) / 1.25);
  }

  .xlarge {
    font-size: calc(calc(18px + 4px) / 1.35);
  }

  .small {
    font-size: calc(calc(18px - 2px) / 1.1);
  }

}


/*padding margin*/
.mt-9  {
  margin-top: -9px
}

.mt-18  {
  margin-top: -18px
}

.mt-27  {
  margin-top: -27px
}

.mt-36 {
  margin-top: -36px
}

.mt-45 {
  margin-top: -45px
}

.mt-54 {
  margin-top: -54px
}

.mt-63 {
  margin-top: -63px
}

.mt-72 {
  margin-top: -72px
}

.mt-81 {
  margin-top: -81px
}

.mt-90 {
  margin-top: -90px
}

.mb-9  {
  margin-bottom: -9px
}

.mb-18  {
  margin-bottom: -18px
}

.mb-27  {
  margin-bottom: -27px
}

.mb-36 {
  margin-bottom: -36px
}

.mb-45 {
  margin-bottom: -45px
}

.mb-54 {
  margin-bottom: -54px
}

.mb-63 {
  margin-bottom: -63px
}

.mb-72 {
  margin-bottom: -72px
}

.mb-81 {
  margin-bottom: -81px
}

.mb-90 {
  margin-bottom: -90px
}

.mt9 {
  margin-top: 9px;
}

.mt18 {
  margin-top: 18px;
}

.mt27 {
  margin-top: 27px;
}

.mt36 {
  margin-top: 36px;
}

.mt45 {
  margin-top: 45px;
}

.mt54 {
  margin-top: 54px;
}

.mt63 {
  margin-top: 63px;
}

.mt72 {
  margin-top: 72px;
}

.mt81 {
  margin-top: 81px;
}

.mt90 {
  margin-top: 90px;
}

.mb9 {
  margin-bottom: 9px;
}

.mb18 {
  margin-bottom: 18px;
}

.mb27 {
  margin-bottom: 27px;
}

.mb36 {
  margin-bottom: 36px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb54 {
  margin-bottom: 54px;
}

.mb63 {
  margin-bottom: 63px;
}

.mb72 {
  margin-bottom: 72px;
}

.mb81 {
  margin-bottom: 81px;
}

.mb90 {
  margin-bottom: 90px;
}

.pt9 {
  padding-top: 9px;
}

.pt18 {
  padding-top: 18px;
}

.pt27 {
  padding-top: 27px;
}

.pt36 {
  padding-top: 36px;
}

.pt45 {
  padding-top: 45px;
}

.pt54 {
  padding-top: 54px;
}

.pt63 {
  padding-top: 63px;
}

.pt72 {
  padding-top: 72px;
}

.pt81 {
  padding-top: 81px;
}

.pt90 {
  padding-top: 90px;
}

.pb9 {
  padding-bottom: 9px;
}

.pb18 {
  padding-bottom: 18px;
}

.pb27{
  padding-bottom: 27px;
}

.pb36 {
  padding-bottom: 36px;
}

.pb45 {
  padding-bottom: 45px;
}

.pb54 {
  padding-bottom: 54px;
}

.pb63 {
  padding-bottom: 63px;
}

.pb72 {
  padding-bottom: 72px;
}

.pb81 {
  padding-bottom: 81px;
}

.pb90 {
  padding-bottom: 90px;
}

.pl36 {
  padding-left: 36px;
}

.pl90 {
  padding-left: 90px;
}

.pr36 {
  padding-right: 36px;
}

.pr90 {
  padding-right: 90px;
}

@media only screen and (max-width:520px) {
  .mt-9  {
    margin-top: calc(-9px / 2)
  }

  .mt-18  {
    margin-top: calc(-18px / 2)
  }

  .mt-27  {
    margin-top: calc(-27px / 2)
  }

  .mt-36 {
    margin-top: calc(-36px / 2)
  }

  .mt-45 {
    margin-top: calc(-45px / 2)
  }

  .mt-54 {
    margin-top: calc(-54px / 2)
  }

  .mt-63 {
    margin-top: calc(-63px / 2)
  }

  .mt-72 {
    margin-top: calc(-72px / 2)
  }

  .mt-81 {
    margin-top: calc(-81px / 2)
  }

  .mt-90 {
    margin-top: calc(-90px / 2)
  }

  .mb-9  {
    margin-bottom: calc(-9px / 2)
  }

  .mb-18  {
    margin-bottom: calc(-18px / 2)
  }

  .mb-27  {
    margin-bottom: calc(-27px / 2)
  }

  .mb-36 {
    margin-bottom: calc(-36px / 2)
  }

  .mb-45 {
    margin-bottom: calc(-45px / 2)
  }

  .mb-54 {
    margin-bottom: calc(-54px / 2)
  }

  .mb-63 {
    margin-bottom: calc(-63px / 2)
  }

  .mb-72 {
    margin-bottom: calc(-72px / 2)
  }

  .mb-81 {
    margin-bottom: calc(-81px / 2)
  }

  .mb-90 {
    margin-bottom: calc(-90px / 2)
  }

  .mt9 {
    margin-top: calc(9px / 2)
  }

  .mt18 {
    margin-top: calc(18px / 2)
  }

  .mt27 {
    margin-top: calc(27px / 2)
  }

  .mt36 {
    margin-top: calc(36px / 2)
  }

  .mt45 {
    margin-top: calc(45px / 2)
  }

  .mt54 {
    margin-top: calc(54px / 2)
  }

  .mt63 {
    margin-top: calc(63px / 2)
  }

  .mt72 {
    margin-top: calc(72px / 2)
  }

  .mt81 {
    margin-top: calc(81px / 2)
  }

  .mt90 {
    margin-top: calc(90px / 2)
  }

  .mb9 {
    margin-bottom: calc(9px / 2)
  }

  .mb18 {
    margin-bottom: calc(18px / 2)
  }

  .mb27 {
    margin-bottom: calc(27px / 2)
  }

  .mb36 {
    margin-bottom: calc(36px / 2)
  }

  .mb45 {
    margin-bottom: calc(45px / 2)
  }

  .mb54 {
    margin-bottom: calc(54px / 2)
  }

  .mb63 {
    margin-bottom: calc(63px / 2)
  }

  .mb72 {
    margin-bottom: calc(72px / 2)
  }

  .mb81 {
    margin-bottom: calc(81px / 2)
  }

  .mb90 {
    margin-bottom: calc(90px / 2)
  }

  .pt9 {
    padding-top: calc(9px / 2)
  }

  .pt18 {
    padding-top: calc(18px / 2)
  }

  .pt27 {
    padding-top: calc(27px / 2)
  }

  .pt36 {
    padding-top: calc(36px / 2)
  }

  .pt45 {
    padding-top: calc(45px / 2)
  }

  .pt54 {
    padding-top: calc(54px / 2)
  }

  .pt63 {
    padding-top: calc(63px / 2)
  }

  .pt72 {
    padding-top: calc(72px / 2)
  }

  .pt81 {
    padding-top: calc(81px / 2)
  }

  .pt90 {
    padding-top: calc(90px / 2)
  }

  .pb9 {
    padding-bottom: calc(9px / 2)
  }

  .pb18 {
    padding-bottom: calc(18px / 2)
  }

  .pb27{
    padding-bottom: calc(27px / 2)
  }

  .pb36 {
    padding-bottom: calc(36px / 2)
  }

  .pb45 {
    padding-bottom: calc(45px / 2)
  }

  .pb54 {
    padding-bottom: calc(54px / 2)
  }

  .pb63 {
    padding-bottom: calc(63px / 2)
  }

  .pb72 {
    padding-bottom: calc(72px / 2)
  }

  .pb81 {
    padding-bottom: calc(81px / 2)
  }

  .pl36 {
    padding-left:calc(36px / 2)
  }

  .pb90 {
    padding-bottom: calc(90px / 2)
  }

  .pr90 {
    padding-left:calc(90px / 2)
  }

  .pr36 {
    padding-right:calc(36px / 2)
  }

  .pr90 {
    padding-right:calc(90px / 2)
  }
}

/*flex*/
.flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
}
  
  .flex.alignitems__center {
    align-items: center;
  }

  .flex.space__between {
    justify-content: space-between;
  }

  .flex.center {
    justify-content: center;
  }

  .flex.left {
    justify-content: left;
  }

  .flex.right {
    justify-content: right;
  }

.flex.divided2 .flex__list {
  flex-basis: 48%;
  margin-bottom: 4%;
}

  .flex.divided2 .flex__list:nth-child(even) {
    margin-left: 2%;
  }

.flex.divided3 .flex__list {
  flex-basis: 32%;
  margin-bottom: 4%;
}

  .flex.divided3 .flex__list:nth-child(3n-1) {
    margin-left: 1%;
    margin-right: 1%;
  }

.flex__list.border__right__dotted {
  border-right: 1.5px dashed #555
}

.flex .flex__list.w10 {
  flex-basis: 10%;
}

.flex .flex__list.w15 {
  flex-basis: 15%;
}

.flex .flex__list.w20 {
  flex-basis: 20%;
}

.flex .flex__list.w21 {
  flex-basis: 21%;
}

.flex .flex__list.w22 {
  flex-basis: 22%;
}

.flex .flex__list.w23 {
  flex-basis: 23%;
}

.flex .flex__list.w24 {
  flex-basis: 24%;
}

.flex .flex__list.w25 {
  flex-basis: 25%;
}

.flex .flex__list.w30 {
  flex-basis: 30%
}

.flex .flex__list.w31 {
  flex-basis: 31%
}

.flex .flex__list.w32 {
  flex-basis: 32%
}

.flex .flex__list.w33 {
  flex-basis: 33%
}

.flex .flex__list.w35 {
  flex-basis: 35%
}

.flex .flex__list.w40 {
  flex-basis: 40%;
}

.flex .flex__list.w45 {
  flex-basis: 45%;
}

.flex .flex__list.w50 {
  flex-basis: 50%;
}

.flex .flex__list.w55 {
  flex-basis: 55%;
}

.flex .flex__list.w60 {
  flex-basis: 60%;
}

.flex .flex__list.w65 {
  flex-basis: 65%;
}

.flex .flex__list.w70 {
  flex-basis: 70%;
}

.flex__list a {
  text-decoration: none!important
}

@media only screen and (max-width:520px) {
  .flex.divided2 ,
  .flex.divided3  {
    margin-left: auto;
    margin-right: auto;
  }
  
  .flex.space__between {
    justify-content: center;
  }

  .flex .flex__list,
  .flex.divided2 .flex__list,
  .flex.divided3 .flex__list,
  .flex.divided2 .flex__list:nth-child(even),
  .flex.divided3 .flex__list:nth-child(even),
  .flex.divided3 .flex__list:nth-child(3n-1) {
    flex-basis: 100%;
    width: 100%;
    margin-bottom: 4%;
    margin-left: auto;
    margin-right: auto;
  }

  .flex .flex__list.w10,
  .flex .flex__list.w15,
  .flex .flex__list.w20,
  .flex .flex__list.w21,
  .flex .flex__list.w22,
  .flex .flex__list.w23,
  .flex .flex__list.w24,
  .flex .flex__list.w25,
  .flex .flex__list.w30 ,
  .flex .flex__list.w31,
  .flex .flex__list.w32,
  .flex .flex__list.w33,
  .flex .flex__list.w35,
  .flex .flex__list.w40,
  .flex .flex__list.w45,
  .flex .flex__list.w50,
  .flex .flex__list.w55 ,
  .flex .flex__list.w60,
  .flex .flex__list.w65 ,
  .flex .flex__list.w70 {
    flex-basis: 100%;
    margin-left: auto;
    margin-right: auto;
  }

}


/*link*/
a,
a:hover {
  cursor:pointer;
  color: inherit;
  transition-property: opacity;
  transition-duration: 0.5s;
  transition: 0.2s all;
}

a:hover {
  opacity: 0.7; 
}

@media (min-width: 520px) {
  a[href^="tel:"] {
      pointer-events: none;
      cursor: default;
  }
}

@media only screen and (max-width: 520px) {
  a:hover {
    opacity: 1.0; 
  }
}


a.a__blue {
  color: #097FDC;
}

a.a__arrow {
  /*
  background-image: url(../img/icon__arrow6.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: calc(15px / 2);
  padding-right: 16px;*/
  position: relative;
  text-decoration: none;
  padding-right: 15px;
}

a.a__arrow::after {
  position: absolute;
  content: '';
  /*s
  top: 11px;
  */
  top: 4.5px;
  right: 0;
  display: inline-block;
  vertical-align: middle;
  color: #222;
  line-height: 1;
  width: 9px;
  height: 9px;
  border: 0.125em solid #809FBE;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  text-align: left;
  margin-left: 9px;
}


/*img*/
img {
  vertical-align:middle;
  -ms-interpolation-mode:bicubic;
  max-width:100%
}

.alignnone,
.alignleft,
.alignright,
.aligncenter  {
  max-width:100%;
  margin:0;
  width:auto
}

.alignnone  {
  margin-bottom:5px
} 

.alignleft  {
  display:inline;
  float:left;
  margin-top:5px;
  margin-right:50px;
  margin-bottom:50px
}

.alignright {
  display:inline;
  float:right;
  margin-top:5px;
  margin-left:50px;
  margin-bottom:50px
}

.aligncenter  {
  clear:both;
  display:block;
  margin-left:auto;
  margin-right:auto;
  text-align:center
}

@media only screen and (max-width:520px) {
  .alignnone,
  .alignleft,
  .alignright,
  .aligncenter  {
    display:block;
    float:none;t
    ext-align:center;
    margin:1em auto
  }
}


/*loading */
.loader-bg {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 123456789;
  background-color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
}

.loader {
  font-size: 10px;
  margin: auto;
  text-indent: -9999em;
  width: 5em;
  height: 5em;
  border-radius: 50%;
  background: #ffffff;
  background: -moz-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: -webkit-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: -o-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: -ms-linear-gradient(left, #999 10%, rgba(255, 255, 255, 0) 42%);
  background: linear-gradient(to right, #999 10%, rgba(255, 255, 255, 0) 42%);
  position: relative;
  -webkit-animation: load3 1.4s infinite linear;
  animation: load3 1.4s infinite linear;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
}

.loader:before {
  width: 50%;
  height: 50%;
  background: #fff;
  border-radius: 100% 0 0 0;
  position: absolute;
  top: 0;
  left: 0;
  content: '';
}

.loader:after {
  background: #fff;
  width: 75%;
  height: 75%;
  border-radius: 50%;
  content: '';
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
@-webkit-keyframes load3 {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}
@keyframes load3 {
  0% {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  }
  100% {
  -webkit-transform: rotate(360deg);
  transform: rotate(360deg);
  }
}

/*grecaptcha-badge
.grecaptcha-badge {
  visibility: hidden
}
*/
/*post-password-form*/
.post-password-form {
  margin: auto;
  padding: 45px 1em;
  text-align: center;
}

.post-password-form p {
  margin:9px auto;
  text-align: center;
}

.post-password-form input[type="password"] {
  appearance:none;
  outline:none;
  border-radius: 9px;
  border:transparent;
  padding: 18px;
  box-sizing:border-box;
  background: #EDEDED;
  max-width: 100%;
  font-size: 18px;
  margin-top: 2.25px;
  margin-bottom: 2.25px;
}

.post-password-form input[type="submit"] {
  background: #333;
  border: 1.5px solid #333;
  line-height: normal;
  text-align: center;
  color: #fff;
  padding:13.5px 18px;
  margin:18px auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 256px;
}


/* ----------------------------------------------------------

Btn Setting

---------------------------------------------------------- */
/*btn*/
.btn, 
button[type="submit"], 
input[type="submit"]  {
  display:block;
  text-decoration: none;
  text-align:center;
  text-decoration:none;
  box-sizing:border-box;
  position:relative;
  cursor:pointer;
  box-shadow:none;
  outline:none;
  appearance:none;
  font-weight: 600;
}


/*btn__primary*/
.btn__primary {
  background: transparent;
  border: 1px solid #152D47;
  line-height: normal;
  text-align: center;
  color: #152D47;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
}

  .btn__primary:hover ,
  .btn__primary:focus {
    color: #152D47!important;
  }

/*btn__secondary*/
.btn__secondary {
  background: #152D47;
  border: 1px solid #152D47;
  line-height: normal;
  text-align: center;
  color: #fff;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
}

  .btn__secondary:hover ,
  .btn__secondary:focus {
    color: #fff;
  }



/*
.btn__white {
  background: #fff;
  border: 1.5px solid #fff;
  line-height: normal;
  text-align: center;
  color: #333;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}

  .btn__white:hover ,
  .btn__white:focus {
    color: #333;
  }
/*


.btn__black {
  background-color:#222;
  border: 1px solid #fff;
  text-align: center;
  color: #fff!important;
  padding:23.5px 18px;
  border-radius: 200px;
}

/*

  .btn__black.btn__arrow {
    background-image: url(../img/icon__arrow2.png);
  }
*/

/*btn__link
.btn__link,
.btn__link__list {
  text-align: center;
  margin: 36px auto auto;
  z-index: 123;
}

.btn__link__list ul li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  padding: 0 9px;
  margin: auto;
}

.btn__link__list ul  {
  text-align: center;
  margin: auto;
}

.btn__link__list .btn__middle,
.btn__link .btn__middle {
  display: block;
  width:375px;
  padding:13.5px 18px;
  margin: auto;
  text-align: center;
}

.btn__link__list .btn__large,
.btn__link .btn__large {
  display: block;
  width:468px;
  padding:18px;
  margin: auto;
  text-align: center;
}
*/
/*
.btn__link__large {
  width: 512px;
  text-align: center;
  margin:  auto;
}

.btn__link__large a {
  display: block;
  font-size: 24px;
  line-height: normal;
  padding:36px 18px;
  text-decoration: none;
  text-align: center;
  margin: auto;
}

.btn__link {
  width: 400px;
  text-align: center;
  margin:  auto;
}

.btn__link a {
  display: block;
  text-decoration: none;
  text-align: center;
  margin: auto;
  background-size: 30px;
}
*/

.btn__arrow {
  background-position:95% 50% ;
  background-repeat: no-repeat;
}

  .btn__primary.btn__arrow {
    /*
    background-image: url(../img/icon__arrow2.png);
    background-size: calc(15px / 2);
    */
    position: relative;
  }

  .btn__primary.btn__arrow::after {
    position: absolute;
    content: '';
    /*s
    top: 11px;
    */
    top: 42.50%;
    right: 9px;
    display: inline-block;
    vertical-align: middle;
    color: #222;
    line-height: 1;
    width: 9px;
    height: 9px;
    border: 0.125em solid  #222;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    text-align: left;
    margin-left: 9px;
  }


  .btn__secondary.btn__arrow {
    background-image: url(../img/icon__arrow4.png);
    background-size: calc(17px / 2);
  }

    .home .btn__secondary.btn__arrow {
      background-image: url(../img/icon__arrow5.png);
      background-size: calc(42px / 2);
    }

  .btn__white.btn__arrow {
    background-image: url(../img/icon__arrow2.png);
    background-size: calc(17px / 2);
  }

.btn__radius {
  border-radius: 9px;
}

/*btn__link*/
.btn__link,
.btn__link__list {
  text-align: center;
  margin: 27px auto ;
  z-index: 2;
}

.btn__large {
  width: 330px;
}

.btn__middle {
  width: 276px;
}

.btn__bold {
  font-weight: 800;
}

@media only screen and (max-width:520px) {
  /*
  .btn__primary,
  .btn__white,
  .btn__black {

  }

  .btn__white.btn__arrow,
  .btn__black.btn__arrow ,
  .btn__black.btn__arrow  {
    background-size: 18px;
    background-position: 96.5% 50%;
  }

  .btn__link {
    margin: 18px auto auto;
  }

  .btn__link__list {
    margin: 18px auto;
  }

  .btn__link__list ul li {
    padding: 0 ;
    display: block;
    margin:18px auto 9px;
    box-sizing: border-box;
  }

  .btn__link__list .btn__middle,
  .btn__link .btn__middle ,
  .btn__link__list .btn__large,
  .btn__link .btn__large {
    width:100%;
    padding:9px;
    box-sizing: border-box;
  }

  .btn__link input[type="submit"].btn__large {
    width:100%;
    padding:18px;
    font-size: inherit;
  }*/


}


/* ----------------------------------------------------------

Table Setting

---------------------------------------------------------- */
/*table*/
table {
  width: 100%;
}

table.w15 tr th {
  width: 15%;
}

table.w20 tr th {
  width: 20%;
}

table.w25 tr th {
  width: 25%;
}

table.w30 tr th {
  width: 30%;
}

table.w35 tr th {
  width: 35%;
}

table.w40 tr th {
  width: 40%;
}

table.w45 tr th {
  width: 45%;
}

table.w50 tr th {
  width: 50%;
}

table.w60 tr th {
  width: 60%;
}


@media only screen and (max-width:520px) {
  table,
  table.w15 tr th ,
  table.w20 tr th ,
  table.w25 tr th ,
  table.w30 tr th  ,
  table.w35 tr th  ,
  table.w40 tr th  ,
  table.w45 tr th  ,
  table.w50 tr th  ,
  table.w60 tr th {
    width: 100%;
  }
}


/*table__default*/
table.table__default {
  font-size: calc(18px / 1.125);
  border: 1px solid #333;
  border-collapse: collapse;
}

.table__default tr th {
  font-weight:500;
  text-align: left;
  background-color: #223F60;
  vertical-align: middle;
  border-bottom: 1px solid #fff;
  padding: 4.75px 18px;
  color: #fff;
}

  .table__default2 tr th {
    background-color: #333;
  }

.table__default tr td {
  text-align: left;
  font-weight:normal;
  background-color: #fff;
  vertical-align: middle;
  border-bottom: 1px solid #333;
  padding: 4.75px 18px;
}

  .table__default tr:nth-last-child(1) th,
  .table__default tr:nth-last-child(1) td {
    border-bottom: none;
  }

@media only screen and (max-width:520px) {
  /*table__responsive*/
  .table__responsive {
    table-layout: fixed;
  }

  .table__default.table__responsive {
    border: none;
  }

  .table__default.table__responsive tr th,
  .table__default.table__responsive tr td {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    padding:calc(4.75px / 1) calc(18px / 1.5);
  }

  .table__default.table__responsive tr th {
    padding-bottom: calc(4.75px / 1);
    border-bottom: none;
  }

  .table__default.table__responsive tr td {
    padding-top: calc(4.75px / 1);
    /*
    background: #E4E4E4;
    */
  }

}


/*table__noborder*/
.table__noborder {
  border-collapse: collapse;
  border: 1px solid #ccc;
}

.table__noborder tr th {
  font-weight:500;
  text-align: left;
  border: none;
  vertical-align: middle;
  position: relative;
  font-weight: bold;
  background: #fff;
  padding: 27px ;
}

  .table__noborder tr th small {
    display: block;
    font-weight: 400;
    font-size: 14px;
  }

.table__noborder tr td {
  text-align: left;
  border: none;
  font-weight:normal;
  vertical-align: middle;
  background: #fff;
  padding: 27px ;
}



/*table__bordered*/
.table__bordered {
  border: 1px solid #C1C1C1;
  border-collapse: collapse;
}

.table__bordered tr th {
  font-weight:500;
  text-align: left;
  vertical-align: middle;
  background-color: #DEDBDB;
  border: 1px solid #C1C1C1;
  border-bottom: 1px solid #fff;
  position: relative;
  font-weight: bold;
  padding: 27px ;
}

  .table__bordered tr th small {
    display: block;
    font-weight: 400;
    font-size: 14px;
  }

.table__bordered tr td {
  text-align: left;
  font-weight:normal;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #C1C1C1;
  padding: 27px 
}

  .table__bordered tr:nth-last-child(1) th,
  .table__bordered tr:nth-last-child(1) td {
    border-bottom: none;
  }

@media only screen and (max-width:520px) {
  /*table__responsive*/
  .table__responsive {
    table-layout: fixed;
  }

  .table__bordered.table__responsive tr th,
  .table__bordered.table__responsive tr td {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    padding:calc(22.5px / 1.5) ;
    border: none;
  }

  .table__bordered.table__responsive tr th {
    padding-bottom:calc(22.5px / 2.15) 
  }

  .table__bordered.table__responsive tr td {
    /*padding-top: calc(22.5px / 2) */
  }

}



/*table__bordered2*/
.table__bordered2 {
  border: 1px solid #fff;
  border-collapse: collapse;
}

.table__bordered2 tr th {
  font-weight:500;
  text-align: left;
  vertical-align: middle;
  background-color: #152D47;
  border: 1px solid #fff;
  color: #fff;
  border-bottom: 1px solid #fff;
  position: relative;
  font-weight: bold;
  padding: 27px ;
}

  .table__bordered2 tr th small {
    display: block;
    font-weight: 400;
    font-size: 14px;
  }

.table__bordered2 tr td {
  text-align: left;
  font-weight:normal;
  vertical-align: middle;
  background-color: #fff;
  border: 1px solid #C1C1C1;
  padding: 27px 
}

  .table__bordered2 tr:nth-last-child(1) th,
  .table__bordered2 tr:nth-last-child(1) td {
    border-bottom: none;
  }

.table__bordered2 .table__noborder th {
  background: #fff;
  color: inherit;
}


@media only screen and (max-width:520px) {
  /*table__responsive*/
  .table__responsive {
    table-layout: fixed;
  }

  .table__bordered2.table__responsive tr th,
  .table__bordered2.table__responsive tr td {
    width: 100%;
    box-sizing: border-box;
    position: relative;
    display: block;
    padding:calc(22.5px / 1.5) ;
    border: none;
  }

  .table__bordered2.table__responsive tr th {
    padding-bottom:calc(22.5px / 2.15) 
  }

  .table__bordered2.table__responsive tr td {
    /*padding-top: calc(22.5px / 2) */
  }

}


/*definition__list*/
.definition__list dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items:center;
  border-bottom: 1px solid #ccc;
}

  .definition__list dl:last-of-type {
    border-bottom: none!important;
  }

.definition__list dl dt {
  flex-basis: 23%;
  padding: 36px 0;
  font-weight: 500;
}

.definition__list dl dd {
  flex-basis: 77%;
  padding: 36px 0;
}


@media only screen and (max-width:520px) {
  .definition__list dl dt {
    flex-basis: 100%;
    padding: 18px 0 0;
  }

  .definition__list dl dd {
    flex-basis: 100%;
    padding: 2.25px 0 18px
  }

}





/* ----------------------------------------------------------

Layout Setting

---------------------------------------------------------- */
body        {
  position: relative;
  font-feature-settings:"palt" 1;
  line-break:strict!important;
  /*
  overflow-wrap:break-word!important;
  word-wrap:break-word!important;
  */
  box-sizing:border-box;
  width:100%;
  min-width: 1280px;
  color: #222;
  font-weight: normal;
  font-size:16px;
  line-height:1.789;
  padding:0;
  margin:auto;
}

#wrapper {
  overflow-x: hidden
}

main {
  position: relative;
  z-index: 12;
  padding-bottom: 45px;
}


.container__fluid  {
  width:100%;
  margin:auto;
  max-width: 1980px;
}

.container__wide  {
  width:100%;
  margin:auto;
  padding-left: 1em;
  padding-right: 1em;
  box-sizing: border-box;
  max-width: 1980px;
}

.container  {
  width:1180px;
  max-width: 1980px;
  margin:auto;
}

.container__middle {
  max-width:1100px;
  margin:auto;
}

.container__narrow {
  max-width:1024px;
  margin:auto;
}

.container__xnarrow  {
  max-width:980px;
  margin:auto;
}

.container__xxnarrow {
  max-width:880px;
  margin:auto;
}

.container__xxxnarrow {
  max-width:840px;
  margin:auto;
}

.container__xxxxnarrow {
  max-width:682px;
  margin:auto;
}

.container__xxxxxxnarrow {
  max-width:420px;
  margin:auto;
}

@media only screen and (max-width:520px) {
  body  {
    min-width:1px;
    font-size:calc(18px / 1.15);
    -webkit-text-size-adjust:100%;
    -webkit-overflow-scrolling:touch;
  }

  .container_wide,
  .container,
  .container__middle,
  .container__narrow,
  .container__xnarrow,
  .container__xxnarrow,
  .container__xxxnarrow,
  .container__xxxxnarrow,
  .container__xxxxxxnarrow {
    width:100%;
    max-width:100%;
    padding-left:1em;
    padding-right:1em;
    box-sizing:border-box
  }

  .home main {
    padding-bottom: calC(90px / 2);
  }

  main {
    overflow-x: hidden;
  }
}

/*iPhone横*/
@media (orientation: landscape) and (max-width:900px)　{
  body  {
    min-width:1180px;
  }
}

/*iPad用*/
@media screen and (device- width : 768px ) and (device- height : 1024px ) and (-webkit-device-pixel-ratio: 2 ) {
  body  {
    min-width: 1024px;
  }
}

/* ----------------------------------------------------------

Header Setting

---------------------------------------------------------- */
/*header*/
.header {
  width: 100%;
  display: block;
  position: relative;
  z-index: 1234;
}

/*topbar*/
.topbar {
  position: absolute;
  top: 0;
  text-align: center;
  margin: auto;
  z-index: 123;
}

.topbar__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0;
}

.topbar__container .logo {
  flex-basis: 350px;
  text-align: left;
}

.topbar__container .logo img {
  width: 130px;
}

.topbar__container .logo a {
  text-decoration:none;
  color: #fff;
}

.topbar__menu {
  flex-basis:calc(100% - 350px);
  text-align: right;
}

.logo__img {
  display: inline-block;
  vertical-align: middle;
  width: 94px;
}

.logo__text {
  display: inline-block;
  vertical-align: middle;
  margin-left:9px;
  font-size: 12px;
  line-height: normal;
  font-weight: bold;
}

.topbar__menu ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
  margin-top: 9px;
}

.topbar__menu ul li  {
  font-size: inherit;
  font-weight: bold;
  font-size: 15px;
  margin-right: 27px;
  letter-spacing: 0.15em;
}

.topbar__menu ul li a {
  display: block;
  color: #fff;
  text-decoration: none;
}

@media only screen and (max-width:520px) {
  .topbar {
    position: fixed;
    background: #223F60;
  }

  .topbar__container {
    padding: 18px 0;
  }

  .topbar__container .logo {
    flex-basis: 300px;
    text-align: left;
  }

  .topbar__menu {
    display: none;
  }

  .logo__img {
    display: inline-block;
    vertical-align: middle;
    width: 110px
  }

  .logo__text {
    margin-left:9px;
    font-size: 12px;
  }

  .topbar__menu ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: right;
    align-items: center;
    margin-top: 9px;
  }

  .topbar__menu ul li  {
    font-size: inherit;
    font-weight: bold;
    font-size: 15px;
    margin-right: 27px;
    letter-spacing: 0.15em;
  }

  .topbar__menu ul li a {
    display: block;
    color: #fff;
    text-decoration: none;
  }

}

/*dropmenu*/
.menu__item {
  position: relative;
}

.menu__item:hover .dropmenu__list {
  visibility: visible;
}

.menu__item a {
  align-items: center;
  display: flex;
  height: auto;
  text-decoration: none;
}

  .menu__item a.drop__menu__item {
    pointer-events: none;
  }

.drop__menu {
  position: relative;
}

.dropmenu__list {
  background-color: #223F60;
  position: absolute;
  left: 0;/*
  top: 100%;*/
  top: 18px;
  visibility: hidden;
  width: max-content;
  width: 200px;
  text-align: left;
  z-index: 1;
  transition: 0;
  padding-top: 9px;
  padding-bottom: 9px;
}

  .menu__item__about .dropmenu__list {
    left: -54px;
  }

.dropmenu__list li {
  display: block;
  width: 100%;
  display: block;
}

.dropmenu__list li a {
  display: block;
  color: #fff;
  width: 100%;
  text-align: left;
  padding: 4.5px 18px ;
  font-size: 15px;
}

  .dropmenu__list li a,
  .dropmenu__list li a:hover {
    transition-property: opacity;
    transition-duration: 0;
    transition: 0;
  }


/*gnav_pc*/
nav.gnav__sp {
  display: none;
}

@media only screen and (max-width:520px) {
  .topbar__menu,
  .topbar__contact {
    display: none;
  }

  nav.gnav__sp  {
    display:block;
    position:fixed;
    top:0;
    right:-100%;
    bottom:0;
    width:100%;
    overflow-x:hidden;
    overflow-y:auto;
    -webkit-overflow-scrolling:touch;
    transition:all .5s;
    opacity:0;
    background: #223F60;
    z-index: 123456789;
  }

  .open nav.gnav__sp  {
    right:0;
    opacity:1
  }

  nav.gnav__sp .inner {
    padding:36px 18px 
  }

  nav.gnav__sp .logo {
    text-align: center;
    margin: 0 auto;
    padding:18px 0 ;
    color: #fff;
  }

  nav.gnav__sp .logo a {
    text-decoration: none;
  }

  nav.gnav__sp .gnav__sp__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: top;
    padding:18px 0 36px;
  }

  nav.gnav__sp ul.gnav__sp__list {
    flex-basis: 49%;
    text-align: left;
    box-sizing: border-box;
  }

  nav.gnav__sp ul.gnav__sp__list ul.child li {
    margin-left: 2em;
    border-bottom: none;
  }

  nav.gnav__sp ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    font-size: 13px;
    padding: 9px 0 ;
  }

  nav.gnav__sp ul li.sitemap {
    margin-top:0.9em;
  }

  nav.gnav__sp ul.gnav__sp__list ul.child li a {
    border-bottom: none;
    padding: 4.5px 0;
    color: rgba(255, 255, 255, 0.75);
  }

  nav.gnav__sp ul.child li:before {
    content: '−';
    position: absolute;
    top: 4.5px;
    color: rgba(255, 255, 255, 0.75);
    left: -18px;
    text-align: left;
    margin: 0;
    width: 25px;
  }
/*
  nav.gnav__sp .gnav__sp__sns   {
    border-top: 0.5px solid #fff;
    padding: 27px 0 9px;
  }

  nav.gnav__sp .gnav__sp__sns ul  {
    text-align: center;
    margin: auto;
  }

  nav.gnav__sp .gnav__sp__sns ul li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 9px;
  }

  nav.gnav__sp .gnav__sp__sns ul li img {
    width:45px;
    height: auto;
  }
*/
  nav.gnav__sp .gnav__sp__link  {
    text-align: center;
    color: #fff;
    margin:18px auto!important
  }

  nav.gnav__sp .gnav__sp__contact li {
    margin: 9px auto;
  }

  nav.gnav__sp .gnav__sp__contact a {
    display: block;
    text-align: center;
    text-decoration: none;
    margin: auto;    
    font-weight: bold;
    font-size: 15px;
    padding:13.5px 9px;
  }

  nav.gnav__sp .gnav__sp__contact .contact a {
    background: transparent;
    color: #fff;
    border: 1px solid #fff;
  }
/*
    nav.gnav__sp .gnav__sp__contact .tenants a {
      background: #fff;
      border: 1px solid #fff;
    }

    nav.gnav__sp .gnav__sp__contact .brokerage a {
      background: #808080;
      border: 1px solid #808080;
    }
*/
  nav.gnav__sp .gnav__sp__contact img {
    width: calc(281px /2);
  }

  /*toggle__btn*/
  .toggle__btn {
    display:block;
    position:fixed;
    top:18px;
    right:1em;
    width:30px;
    height:30px;
    transition:all .5s;
    cursor:pointer;
    z-index: 123456789012
  }

  .toggle__btn span {
    display:block;
    position:absolute;
    right:0;
    width:30px;
    height:1.5px;
    background-color:#fff;
    border-radius:0;
    transition:all .5s;
  }

  .toggle__btn span:nth-child(1) {
    top:4px
  }

  .toggle__btn span:nth-child(2) {
    top:12px
  }

  .toggle__btn span:nth-child(3)  {
    bottom:8px
  }

  .open .toggle__btn span {
    background-color:#fff
  }

  .open .toggle__btn span:nth-child(1) {
    -webkit-transform:translateY(8px) rotate(-315deg);
    transform:translateY(8px) rotate(-315deg)
  }

  .open .toggle__btn span:nth-child(2) {
    opacity:0
  }

  .open .toggle__btn span:nth-child(3) {
    -webkit-transform:translateY(-8px) rotate(315deg);
    transform:translateY(-8px) rotate(315deg)
  }
}


/* ----------------------------------------------------------

Section Setting

---------------------------------------------------------- */
/*bg*/
.bg1 {
  background: #fff;
}

.bg2 {
  background: #EFEFEF;
}
/*
.bg3 {
  background: rgba(219, 219, 219, 0.43);
}

.bg4 {
  background:#F2F2F2;
}
*/
.bg5 {
  background: #F2F5F8;
}

.bg6 {
  background: rgba(224, 232, 239, 0.43);
}


.color1 {
  color: #fff;
}

.color2,
.blue {
  color: #223F60;
}

.color3 ,
.color3.a__arrow:hover,
.color3.a__arrow:focus  {
  color: #809FBE
}

/*section*/
.section {/*
  padding:90px 0 0;
    */
}

  .home .section {/*
    padding:90px 0 0;
    */
  }

.section.border__bottom {
  border-bottom: 1px solid #ccc;
}


p.leed {
  font-size: 17.5689px;
}

p.leed.center {
  text-align: center;
}

@media only screen and (max-width:520px) {
}


/*section__title*/
.section__title {
  text-align: left;
  margin-bottom: 9px;
}

.section__title span {
  display: block;
  font-size: 25px;
  font-weight: bold;
  text-align: left;
}

  .section__title span.large {
    font-size: 28px;
  }

  .section__title center span.small {
    font-size: 22px;
  }

  .section__title center span.xsmall {
    font-size: 20px;
  }

  .section__title.center,
  .section__title.center span {
    text-align: center;
  }

.section__subtitle {
  text-align: left;
  margin-bottom: 9px;
}

.section__subtitle.border__left span ,
.section__subtitle span {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 9px;
}

.section__subtitle.border__left span:before {
  content: '';
  margin-right: 13.5px;
  padding: 2.25px 0;
  border-left: 10px solid #097FDC;
}

.section__subtitle span.large {
  font-size: calc(20px + 2px);
}

.section__subtitle span.xlarge {
  font-size: calc(20px + 3px);
  letter-spacing: 0.12345em;
}

.section__title.border__bottom__dotted {
  background-image : linear-gradient(to right, #333 4px, transparent 4px);
  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: bottom;
  padding-bottom: 9px;
}

.section__subtitle.center {
  text-align: center;
}

@media only screen and (max-width:520px) {
  .section__title {
    margin-bottom: 9px;
  }

  .section__title span {
    font-size: 18px
  }

  .section__title span.large {
    font-size: 18px
  }

  .section__title center span.small {
    font-size: 18px
  }

  .section__title span.small {
    font-size: 18px
  }

  .section__subtitle.border__left span ,
  .section__subtitle span {
    font-size: calc(20px / 1.15);
    margin-bottom: calc(9px /2);
  }

  .section__subtitle.border__left span:before {
    margin-right: calc(13.5px /2);
    padding: calc(2.25px /2)  0;
    border-left: calc(10px / 1.75) solid #097FDC;
  }

  .section__subtitle span.large {
    font-size: calc(calc(20px + 2px) / 1.25);
  }

  .section__title.border__bottom__dotted {
    background-size: 10px 2px;
    padding-bottom:calc(9px /2);
  }


}


/*breadnav*/
.breadnav {
  padding: 22.5px 0 ;
  z-index: 12;
}

.breadnav span ,
.breadnav p {
  font-size: 15px;
  line-height: inherit;
}

.breadnav a {
  text-decoration: underline!important;
}

  .breadnav a:focus ,
  .breadnav a:hover  {
    text-decoration: none!important;
    transition: 0.3s;
  }

@media only screen and (max-width:520px) {
  .breadnav {
    padding: 18px 0 ;
  }

  .breadnav span ,
  .breadnav p {
    font-size: calc(15px /1.1);
  }
}


/*cta*/
.section.cta {
  margin-top: 45px
}

  .home .section.cta {
    margin-top: 27px;
  }

.cta__container {
  border: 3px solid #252525;
  position: relative;
  padding: calc(90px + 18px) 0 ;
}

.cta__title {
  position: relative;
  margin: 0;
  text-align: left: ;
  line-height: 1;
}

.cta__title:before {
  position: absolute;
  content: '';
  top: 9px;
  left: 0;
  margin: 0;
  width: calc(55px /2);
  height: calc(90px /2);
  background-image: url(../img/icon__contact.png);
  background-size: calc(55px /2);
  background-position: left center;
  background-repeat: no-repeat;
}

.cta__title span.en {
  font-size: 63px;
  font-weight: bold;
  text-align: left;
  margin: 0;
  margin-left:calc(calc(55px /2) + 9px);
  line-height: 1;
}

.cta__leed {
  font-weight: 600;
  font-size: 19px;
  margin: 9px 0;
  letter-spacing: 0.05em;
}

.cta__contact__list {
  padding: 36px 0 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.cta__mail {
  flex-basis: 320px;
}

.cta__tel {
  flex-basis:calc(100% - 390px);
}

.cta__tel img {
  display: inline-block;
  vertical-align: middle;
  width: calc(92px/ 2);
  margin-right: 4.5px;
}

.cta__tel a.en {
  line-height: 1;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  font-size: 39px;
  font-weight: bold
}

.cta__tel__text {
  text-align: left;
  margin-top: 9px;
  line-height: 1.456789;
  font-weight: bold;
}

.cta__mail a.btn {
  padding: 30.5px 0;
  font-size: 20px;
  font-weight: bold;
  background-color: #fff;
  border-width: 2px;
}

@media only screen and (max-width:520px) {
  .section.cta {
    margin-top: calc(45px / 1.5);
    margin-bottom: 18px;
  }

  .home .section.cta {
    margin-top: calc(27px / 1.5);
    margin-bottom: auto;
  }

  .cta__container {
    padding: calc(90px / 2) 18px;
  }

  .cta__title {
    text-align: center;
    margin: auto;
    position: relative;
  }

  .cta__title:before {
    margin: 0;
    top: 0;
    position: relative;
    display: inline-block;
    width: calc(calc(55px /2) / 1.75);
    height: calc(calc(90px /2) / 1.75);
    background-size: calc(calc(55px /2)/ 1.75);
  }

  .cta__title span.en {
    font-size: 43px;
    margin-left:0
  }

  .cta__leed {
    font-size: calc(19px / 1.19);
    text-align: center;
    margin: calc(9px * 2) auto auto;
    letter-spacing:calc(0.05em / 1.5);
  }

  .cta__contact__list {
    padding: calc(36px / 1.5)  0 0;
  }

  .cta__mail {
    flex-basis: 100%;
    text-align: center;
    margin: auto;
  }

  .cta__tel {
    flex-basis: 100%;
    margin: 24.5px auto auto;
  }

  .cta__tel img {
    width: calc(92px/ 2.5);
    margin-right:calc(4.5px / 1.5);
    vertical-align:middle;
  }

  .cta__tel a.en {
    line-height: 1;
    font-size: 34px;
    text-align: center;
  }

  .cta__tel__text {
    margin-top: calc(9px / 1.5);
  }

  .cta__mail a.btn {
    padding: calc(30.5px / 1.5) 0;
    font-size: calc(20px / 1.2);
  }


}


/*single__property cta*/
.single__property .section.cta {
  background-image: url(../img/cta.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.single__property .section.cta .container {
  width: 100%;
}

.single__property .section.cta .container__xxxxnarrow {
  padding-left: 2em;
  padding-right: 2em;
}

.single__property .section.cta .cta__mail {
  flex-basis: 240px;
}

.single__property .section.cta .cta__tel {
  flex-basis:calc(100% - 290px);
}

@media only screen and (max-width:520px) {
  .single__property .section.cta .container {
    width: 100%;
    padding: 0;
    margin: 0;
  }

  .single__property .section.cta .container__xxxxnarrow {
    padding-left: 1em;
    padding-right: 1em;
  }

  .single__property .section.cta .cta__tel {
    flex-basis: 100%;
    margin: 24.5px auto auto;
  }

  .single__property .section.cta .cta__tel img {
    width: calc(92px/ 2.5);
    margin-right:calc(4.5px / 1.5);
    vertical-align:middle;
  }

  .single__property .section.cta .cta__tel a.en {
    line-height: 1;
    font-size: 34px;
    text-align: center;
  }

  .single__property .section.cta .cta__tel__text {
    margin-top: calc(9px / 1.5);
  }

  .cta__mail a.btn {
    padding: calc(30.5px / 1.5) 0;
    font-size: calc(20px / 1.2);
  }


}


/*wp-pagenavi*/
.pagination {
  margin: 90px auto auto;
  position: relative;
  z-index: 123;
}

  .section.info .pagination {
    margin: 36px auto 90px;
  }

.wp-pagenavi  {
  clear:both;
  margin: auto;
  text-align:center
}

.wp-pagenavi a,
.wp-pagenavi span {
  background-color:#DEDEDE;
  color:#223F60;
  padding:0.75em;
  font-size: 18px;
  margin:0 4.5px;
  white-space:nowrap;
  transition:0.3s all;
  text-align:center;
  text-decoration:none;
  border:none!important;
 }

  .wp-pagenavi a.page:hover  {
    color:#fff;
    background-color:#223F60;
    border:none!important;
  }

  .wp-pagenavi a.nextpostslink:hover,
  .wp-pagenavi a.previouspostslink:hover   {
    background-color: none!important;
    border:none!important;
  }

.wp-pagenavi span.current   {
  color:#fff;
  background-color:#223F60;
  border:none!important;
  font-weight:bold
}

.wp-pagenavi .extend,
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  background-color:#fff;
  border:none!important;
}

@media only screen and (max-width:520px) {
  .pagination {
    margin: calc(90px / 1.5) auto auto;
    padding-bottom: 0;
  }

    .section.info .pagination {
      margin: calc(36px / 1.5) auto calc(90px / 1.5)
    }

  .wp-pagenavi a,
  .wp-pagenavi span {
    padding:calc(0.75em / 1.1);
    font-size: calc(18px / 1.1);
    margin:0 calc(4.5px / 1);
   }

} 

/* ----------------------------------------------------------

Home Setting

---------------------------------------------------------- */
.home__mainvisual {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #E3E3E3;
}

.movie__container video {
  width: 100%;
}

.home__mainvisual video {
  pointer-events: none;
}

.home__mainvisual .home__mainvisual__text {
  position: absolute;
  top: 75%;
  left:2em;
  transform: translateY(-50%);
  z-index: 1;
  width: 100%;
}

.home__mainvisual .home__mainvisual__text span ,
.home__mainvisual .home__mainvisual__text p {
  display: block;
  color: #fff;
  text-align: left;
}

.home__mainvisual .home__mainvisual__title span.en {
  display: block;
  line-height: 1.3456789;
  font-weight: bold;
  font-size: 60px;
}

.home__mainvisual .home__mainvisual__subtitle span.ja {
  display: block;
  line-height: 1.3456789;
  font-weight: 500;
  font-size: 30.5px;
}

.home__mainvisual .home__mainvisual__text p {
  line-height: 1.89;
  margin-top: 9px;
  text-align: justify;
  font-weight: 200;
}
/*
@media only screen and (min-width:521px) and (max-width:1024px) {
  .movie__container video {
    width: 100%;
  }

}
*/
@media only screen and (max-width:520px) {
  .home__mainvisual .home__mainvisual__text {
    position: absolute;
    top: 75%;
    left:1em;
    transform: translateY(-50%);
    z-index: 1;
    width: calc(100% - 1em);
    box-sizing: border-box;
    padding-right: 1em;
  }

  .home__mainvisual .home__mainvisual__title span.en {
    font-size: calc(60px / 1.7);
  }

  .home__mainvisual .home__mainvisual__subtitle span.ja {
    font-size: calc(30.5px / 1.405);
  }

  .home__mainvisual .home__mainvisual__text p {
    font-size: 14px;
    line-height: 1.6789;
  }

}


/*home__information*/
.home__information {
  padding: calc(90px + 45px) 0 81px;
  background:#E3E3E3
}

.home__information__title {
  display:flex;
  flex-wrap:wrap;
  justify-content: flex-start;
  align-items: center;
}

.home__information__title .title {
  text-align: left;
}

.home__information__title .title span {
  display: block;
  line-height: 1.123456789;
  text-align: left;
}

.home__information__title .title span.en {
  font-size: 63px;
  font-weight: bold;
}

.home__information__title .title span.ja {
  font-size: 15px;
  font-weight: 500;
}

.home__information__title .text {
  font-size: 16px;
  text-align: left;
  margin-left:27px;
  margin-top: -11.25px;
}

.home__information__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  padding: 36px 0 0;
}

.information__list {
  flex-basis: 23.5%;
  margin: 0 1% 50px;
}

  .information__list:nth-child(4n-3) {
    margin-left: 0;
  }

  .information__list:nth-child(4n) {
    margin-right: 0;
  }

.information__list a {
  display: block;
  text-decoration: none;
}

.information__list .meta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-top: 9px;
}

.information__list .meta span {
  display: block;
}

.information__list .meta span.date {
  text-align: left;
  color: #7F7F7F;
  font-size: 14px;
}

.information__list .meta span.cat {
  text-align: center;
  font-size: 13px;
  line-height: 1;
  padding: 4.5px 9px;
  border: 1px solid #fff;
  min-width: 128px;
  box-sizing: border-box;
}

  .information__list .meta span.cat.news {
    color: #2A2A2A;
    background: transparent;
    border-color: #2A2A2A;
  }

  .information__list .meta span.cat.new_detached_house {
    color: #fff;
    background: #152D47;
    border-color: #152D47;
  }

  .information__list .meta span.cat.sales_land {
    color: #fff;
    background: #70988A;
    border-color: #70988A;
  }

  .information__list .meta span.cat.used_apartment {
    color: #fff;
    background:#809FBE;
    border-color:#809FBE;
  }

.information__list .title {
  margin-top: 9px;
  font-weight: bold;
}

.home__information__btn {
  margin: 45px auto auto;
  text-align: center;
  width: 276px;
}

.home__information__btn a {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width:520px) {
  .home__information {
    padding: calc(90px / 2) 0 calc(81px / 2);
  }

  .home__information__title .title span.en {
    font-size: calc(63px / 1.63);
    line-height: 1.4567;
  }

  .home__information__title .title span.ja {
    font-size: calc(15px / 1.15);
  }

  .home__information__title .text {
    font-size: calc(16px / 1.16);
    margin-left: 0;
    margin-top: 18px;
  }

  .home__information__container {
    padding: calc(36px /2) 0 0;
    justify-content: flex-start;
  }

  .information__list {
    flex-basis: 48%;
    margin: 0 1.5% 1.5%;
  }

    .information__list:nth-child(4n-3) ,
    .information__list:nth-child(4n) {
      margin-left:auto;
      margin-right:auto;
    }

    .information__list:nth-child(odd) {
      margin-left: 0;
    }

    .information__list:nth-child(even) {
      margin-right: 0;
    }

  .information__list .meta {
    margin-top: 9px;
  }

  .information__list .meta span.date {
    font-size: calc(14px / 1.1);
  }

  .information__list .meta span.cat {
    font-size: calc(13px / 1.1);
    padding: 4.5px 9px;
    min-width: 100%;
  }

  .information__list .meta span.cat.information {
    color: #2A2A2A;
    background: transparent;
    border-color: #2A2A2A;
  }

  .information__list .meta span.cat.new_detached_house {
    color: #fff;
    background: #152D47;
    border-color: #152D47;
  }

  .information__list .meta span.cat.sales_land {
    color: #fff;
    background: #70988A;
    border-color: #70988A;
  }

  .information__list .meta span.cat.used {
    color: #fff;
    background:#809FBE;
    border-color:#809FBE;
  }

  .information__list .title {
    margin-top: 9px;
  }

  .home__information__btn {
    margin: auto auto;
    text-align: center;
    width: 100%;
  }

  .home__information__btn a {
    font-size: calc(18px / 1.18);
  }

}


/*home__about*/
.home__about {
  padding-top: 0;
  padding-bottom: 90px;
}

.home__about__head {
  margin: auto;
  padding: 0;
  z-index: 12;
}

.home__about__title  {
  text-align: left;
  margin: 0;
}

.home__about__title span {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.789
}

.home__about__text {
  margin-top: calc(-90px - 72px);
  position: relative;
  z-index: 34;
  background: linear-gradient(90deg, #fff 0%, #fff 70%, transparent 30%, transparent 100%);
  padding: calc(90px + 18px) 0 0;
  width: 100%;
}

.home__about__text p {
  width:calc(70% - 45px);
  margin-top: 13.5px;
  text-align: justify;
}

.home__about__btn {
  margin:27px auto auto;
  text-align: center;
  width: 276px;
}

.home__about__btn a {
  text-align: center;
  font-size: 18px;
  font-weight: 500;
}

@media only screen and (max-width:520px) {
  .home__about {
    padding-bottom: calc(90px / 2);
  }

  .home__about__text {
    margin-top: auto;
    background: #fff;
    padding: calc(90px / 2) 0 0;
  }

  .home__about__title  {
    text-align: justify;
  }

  .home__about__title span {
    font-size: calc(25px / 1.25);
    line-height: 1.456789;
  }

  .home__about__text p {
    width:100%;
    margin-top: 13.5px;
    text-align: justify;
  }

  .home__about__btn {
    margin:calc(27px / 1.5) auto auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em;
  }

  .home__about__btn a {
    font-size: calc(18px / 1.18);
  }
}


/*home__slide*/
.home__slide {
  margin-top: 18px;
}

.home__slide .image__slider div {
  margin: 0 9px;
}

@media only screen and (max-width:520px) {
  .home__slide {
    margin-top:calc(18px / 1.5);
  }

  .home__slide .image__slider div {
    margin: 0 calc(9px / 1.5);
  }
}


/*home__renovation*/
.home__renovation {
  margin-top: 90px;
  padding-bottom: 90px;
}

.home__renovation__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  background-color: #E0E8EF;
}

.home__renovation__img {
  order: 2;
  flex-basis: 55%;
}

.home__renovation__text {
  order: 1;
  flex-basis: 45%;
  padding: 90px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.home__renovation__title  {
  text-align: center;
  margin: 9px auto;
}

.home__renovation__title span {
  font-size: 25px;
  font-weight: bold;
  line-height: 1.789
}

.home__renovation__text p {
  font-size: 16px;
  margin-top:45px auto;
  text-align: left;
  line-height: 2.2345678;
}

.home__renovation__btn {
  margin:54px auto auto;
  text-align: center;
  width: 276px;
}

.home__renovation__btn a {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  border-width: 1.5px;
}

@media only screen and (max-width:520px) {
  .home__renovation {
    margin-top: calc(90px / 2);
    padding-bottom: calc(90px / 2);;
  }

  .home__renovation__img {
    order: 1;
    flex-basis: 100%;
  }

  .home__renovation__text {
    order: 2;
    flex-basis: 100%;
    padding: calc(90px / 4) 18px calc(90px / 2);
  }

  .home__renovation__title  {
    margin: 9px auto;
  }

  .home__renovation__title span {
    font-size: calc(25px / 1.25);
  }

  .home__renovation__text p {
    font-size: calc(16px / 1.16);
    margin-top:calc(45px / 1.5) auto;
  }

  .home__renovation__btn {
    margin:calc(54px / 3) auto auto;
    width: 100%;
  }

  .home__renovation__btn a {
    background: #fff;
    font-size: calc(16px / 1.16);
  }
}


/* ----------------------------------------------------------

Page Setting

---------------------------------------------------------- */
/*mainvisual*/
.mainvisual {
  width: 100%;
  height: 256px;
  background-image: url(../img/mainvisual.jpg);
  background-position:top center ;
  background-repeat: no-repeat;
  background-size: cover;
}

.mainvisual__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  height: 100%;
  z-index: 1;
  padding-top: 90px;
  padding-bottom: 72px;
  text-align: center;
  margin: auto;
}

.mainvisual__title span,
.mainvisual__map {
  display: block;
  color: #fff;
  letter-spacing: 0.2345em;
}

.mainvisual__title span.ja {
  font-size: 30px;
  line-height: normal;
  font-weight: 600;
}

@media only screen and (max-width:520px) {
  .mainvisual {
    width: 100%;
    height: 128px;
    margin-top: 64px;
  }

  .mainvisual__container {
    padding-top: calc(90px / 2.25);
    padding-bottom: calc(72px / 2);
  }

  .mainvisual__title span,
  .mainvisual__map {
    letter-spacing:calc(0.2345em / 2);
  }

  .mainvisual__title span.ja {
    font-size: 20px;
  }

}



/* ----------------------------------------------------------

Card Setting

---------------------------------------------------------- */
/*card__list*/
.card__title {
  position: relative;
}

.card__title span {
  display: block;
  font-size: 25px;
  font-weight: bold;
  margin-bottom: 18px;
}

.card__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  background: #F2F2F2;
  margin-bottom: 36px;
}

  .card__list:nth-last-child,
  .card__list:last-of-type {
    margin-bottom: 0;
  }

.card__img {
  flex-basis: 620px;
}

.card__text {
  flex-basis:calc(100% - 620px);
  padding:40px 45px;
  text-align: left;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.card__list__title  {
  flex-basis: 100%;
  margin-bottom: 9px;
  display: block;
}

.card__list__title span {
  display: block;
}

  .card__list__title span.en {
    font-size: 14px;
    line-height: 1;
    color:#9A9A9A;
    letter-spacing: 0.05em;
  }

  .card__list__title span.ja {
    font-size: 25px;
    line-height: inherit;
    font-weight: bold;
    letter-spacing: 0.075em;
  }

.card__text p  {
  display: none ;
  /*
  font-size: 18px;
  line-height: inherit;
  margin-bottom: 18px;
    letter-spacing: 0.075em;
    */
}

.card__btn {
  text-align: center;
  margin: 0;
  width: 290px;
}

.card__btn a.btn {
  margin: auto;
  display: block;
  font-size: 16px;
  font-weight: 500;
  padding:  9px;
}

@media only screen and (max-width:520px) {
  .card__title span {
    font-size: calc(25px / 1.25);
    margin-bottom: calc(18px / 2);
  }

  .card__list {
    margin-bottom: calc(36px / 2);
  }

  .card__img {
    flex-basis: 100%;
  }

  .card__text {
    flex-basis:100%;
    padding: calc(40px / 2) calc(45px / 2);
  }

  .card__list__title  {
    margin-bottom: calc(9px / 2);
  }

  .card__list__title span.en {
    font-size: calc(14px / 1.1);
    letter-spacing:calc(0.05em / 2);
  }

  .card__list__title span.ja {
    font-size: calc(25px / 1.25);
    letter-spacing:calc(0.075em / 2);
  }

  .card__text p  {
    font-size: calc(18px / 1.25);
    margin-bottom: calc(18px / 2);
    letter-spacing:calc(0.075em / 2);
  }

  .card__btn {
    width: 100%;
  }

  .card__btn a.btn {
    font-size: calc(16px / 1.1);
    padding: calc(6px * 1.5) calc(9px * 1.5);
  }

}


/* ----------------------------------------------------------

Archive Property Setting

---------------------------------------------------------- */
/*property__archive__list*/
.property__archive__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
  padding-bottom: 45px;
}

.property__archive__list__img {
  flex-basis:25%;
  background: #EBEBEB;
  width:100%;
  height:224px;
  position: relative;
  text-align: center
}

.property__archive__list__img img {
  object-fit: cover;
  width: 100%;
  height: 224px
}

/*

  .property__archive__list__img:nth-child(2) {
    background: #efefef;
    width:100%;
    height:224px;
    position: relative;
    text-align: center
  }

.property__archive__list__img:nth-child(2) img {
  object-fit: contain;
  width: 224px;
  height: 224px
}
*/
.property__archive__list__text {
  flex-basis:47%;
  margin-left: 1%;
}

  .sales_land .property__archive__list__img {
    flex-basis:470px;
  }

  .sales_land .property__archive__list__img img {
    object-fit: cover;
    width: 100%;
    height: 282px
  }

  .sales_land .property__archive__list__text {
    flex-basis:57.25%;
  }



/*
  .post-type-archive-sales_land .property__archive__list__text {
    flex-basis:72%;
  }
*/

@media only screen and (max-width:520px) {
  .property__archive__list {
    padding-bottom: calc(45px / 1.5);
  }

  .property__archive__list__img {
    flex-basis:48.5%;
    background: transparent;
    margin-bottom:18px;
  }

  .post-type-archive-sales_land .property__archive__list__img {
    flex-basis:100%;
  }

  .property__archive__list__img {
    height:calc(180px);
  }

  .property__archive__list__img img {
    object-fit: contain;
    width: 100%;
    height:calc(180px);
  }

/*
  .property__archive__list__img:nth-child(2) {
    height:calc(180px);
  }

  .property__archive__list__img:nth-child(2) img {
    object-fit: contain;
    width: 100%;
    height:calc(180px);
  }

*/
  .property__archive__list__text,
  .post-type-archive-sales_land .property__archive__list__text {
    flex-basis:100%;
  }

  .property__archive__list__text table {
    margin-bottom: 13.5px;
  }

  .property__archive__list a.a__arrow {
    background: #152D47;
    border-radius: 56px;
    padding: 9px 45px;
    text-align: center;
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    color: #fff;
    background-image: url(../img/icon__arrow6.png);
    background-repeat: no-repeat;
    background-position: 95% 47.5%;
    background-size: calc(42px / 3.5);
  }

  .property__archive__list a.a__arrow::after {
    background: none!important;
    display: none;
  }

  .sales_land .property__archive__list__img {
    flex-basis:100%;
  }

  .sales_land .property__archive__list__img img {
    object-fit: contain;
    width: 100%;
    height:calc(180px);
  }

  .sales_land .property__archive__list__text {
    flex-basis:100%;
  }

}


/* ----------------------------------------------------------

Single Property Setting

---------------------------------------------------------- */
/*single__property*/
.single__property .sidebar {
  flex-basis: 270px;
  margin-right: 36px;
}

.single__property .content {
  flex-basis: calc(100% - 307px);
}

.csingle__property .ontent .table__default tr th {
  font-size: 17px;
}

.single__property .content .table__default tr td {
  font-size: 17px;
}

.single__property .sidebar__menu__list {
  border-radius: 6px;
  padding: 13.5px 18px;
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.single__property .sidebar__menu__list dt {
  flex-basis: 40%;
  font-size: 12px;
  margin-right: 2.5%;
  padding: 12.5px 0 4.5px;
}

.single__property .sidebar__menu__list dd {
  flex-basis: 57.5%;
  font-size: 14.25px;
  padding: 9px 0 4.5px;
  font-weight: bold;
}

@media only screen and (max-width:520px) {
  .single__property .sidebar {
    flex-basis: 100%;
    margin-right: auto;
    margin-left: auto;
  }

  .single__property .content {
    flex-basis: 100%;
  }

}



/*property__detail__img*/
.property__detail__img .slider_container {
  max-width:874px;
  box-sizing: border-box;
}

.property__detail__img .slider_container img {
  width: 100%;
}


.property__detail__img #slider .slick-slide {
  margin: 0 ;
}

.property__detail__thumbnail {
  max-width:100%;
  margin:0 ;
  text-align: left;
}

.property__detail__thumbnail .slick-slide  {
  margin: 0 5px;
}

.property__detail__thumbnail img {
  opacity: 0.35;
  transition: 0.3s all;
  cursor: pointer;
  height: auto;
}

  .property__detail__thumbnail .slick-current img {
    opacity: 1;
  }

.property__detail__img #thumbs {
  max-width:100%;
  margin:0 ;
  text-align: left;
}

.property__detail__img #thumbs .slick-slide {
  margin: 0 5px;
}

.property__detail__mainimg ,
.property__detail__mainimg img {
  width: 100%;
  height: auto;
}

.property__detail__mainimg .slick-prev {
  left: 0!important;
  z-index: 123456!important;
}

.property__detail__mainimg .slick-next {
  right:calc(10px)!important;
  z-index: 123456!important;
}

.property__detail__mainimg .slick-prev::before,
.property__detail__mainimg .slick-next::before {
  font-size: 27px!important;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.70);
  padding: 54px 9px;
  box-sizing: border-box;
  opacity: 0.75;
}

  .property__detail__mainimg .slick-prev::before {
    border-radius: 0 9px 9px 0;
    content: url(../img/icon__arrow__l.png);  
  }

  .property__detail__mainimg .slick-next::before {
    border-radius:  9px 0 0 9px;
    content: url(../img/icon__arrow__r.png); 
  }

@media only screen and (max-width:520px) {
  .property__detail__thumbnail ,
  .property__detail__comment  {
    margin:9px 0 ;
    font-size: calc(18px / 1.15);
  }
}


.property__detail__img .property__detail__mainimg img {
  object-fit: contain;
  object-position:50% 0 ;
  width: 100%;
  max-height: 660px;
}

.property__detail__img .property__detail__thumbnail img {
  object-fit: contain;
  object-position:50% 0 ;
  width: 100%;
  height: 100px;
}

@media only screen and (max-width:520px) {
  .property__detail__img .property__detail__mainimg img {
    width: 100%;
    max-height: calc(760px /2);
  }

  .property__detail__img .property__detail__thumbnail img {
    width: 100%;
    height: calc(100px / 2);
  }

  .property__detail__mainimg .slick-prev {
    top: 35%;
  }

  .property__detail__mainimg .slick-next {
    top: 35%;
  }


}




/*property__detail__loop*/
.property__detail__loop {
  width: 100%;
  max-width:874px;
  height: auto;
  margin: 0;
  padding: 0;
}
       
.property__detail__loop .property__detail__mainimg {
  width: 100%;
  max-width:874px;
  height: auto;
  margin: 0;
  padding: 0;
}
       
.property__detail__loop .property__detail__mainimg img  {
  width: 100%;
  max-width:874px;
  height: auto;
  margin: 0;
  padding: 0;
}


@media only screen and (max-width:520px) {
  .property__detail__loop ,
  .property__detail__loop .property__detail__mainimg ,
  .property__detail__loop .property__detail__mainimg img  {
    max-width:100%;
  }
}


/*property__detail__point*/
.property__detail__point {
  padding: 36px;
  margin-top: 36px;
}

.property__detail__point__title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #222;
  margin-bottom: 18px;
}

.property__detail__point__title span {
  line-height: .75;
}

.property__detail__point__title a {
  display: block;
  line-height:1;
  padding-bottom:9px;
  background-position: 100% 0!important;
}

.property__detail__point__title a::after {
  top:3.5px;
}

.property__detail__point ul {
  padding-left: 1em;
}

.property__detail__point ul li {
  list-style: initial;
}

@media only screen and (max-width:520px) {
  .property__detail__point {
    padding: calc(36px / 1) calc(36px /2);
    margin-top: calc(36px / 1) ;
  }

  .property__detail__point__title {
    margin-bottom: calc(18px /1) ;
  }

  .property__detail__point__title a {
    padding-bottom:calc(9px / 1);
  }

  .property__detail__point__title a::after {
    top:3.5px;
  }

  .property__detail__point ul {
    padding-left: 1em;
  }
}

/*property__detail__info*/
  @media only screen and (max-width:520px) {
  .property__detail__info {
    margin-top: 18px;
  }
}

/*property__detail__plan*/
.property__detail__plan__preview {
  background: #EBEBEB;
  width:100%;
  height:440px;
  position: relative;
  text-align: center;
  margin: 18px auto;
}

.property__detail__plan__preview img {
  object-fit: contain;
  width:100%;
  height: 440px;
}

.property__detail__plan__img {
  width:100%;
  height:440px;
  position: relative;
  text-align: center;
  margin: 18px auto;
}

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

.property__detail__plan__spacely {
  width:100%;
  height:440px;
  position: relative;
  text-align: center;
  margin: 18px auto;
}

.property__detail__plan__spacely iframe {
  width: 100%;
  height: 440px;
}

@media only screen and (max-width:520px) {
  .property__detail__plan__preview {
    height:calc(440px /1.5);
    margin: calc(18px /1) auto;
  }

  .property__detail__plan__preview img {
    object-fit: contain;
    width: 100%;
    height: calc(440px / 1.5);
  }

  .property__detail__plan__img {
    width: 100%;
    height: calc(440px / 1.5);
    margin: calc(18px /1) auto;
  }

  .property__detail__plan__spacely {
    width: 100%;
    height: calc(440px / 1.5);
    margin: calc(18px /1) auto;
  }

  .property__detail__plan__spacely iframe {
    width: 100%;
    height: calc(440px / 1.5);
  }

}


/*property__detail__subtitle*/
.property__detail__subtitle {
  background: #333;
  padding:9px 18px;
  text-align: left;
  margin-top: 22.5px;
}

.property__detail__subtitle span {
  display: block;
  font-weight: bold;
  color: #fff;
  font-size: 18px;
}

@media only screen and (max-width:520px) {
  .property__detail__subtitle {
    padding:9px 18px;
    margin-top: calc(22.5px /1.5);
  }

  .property__detail__subtitle span {
    font-size: calc(18px /1.15);
  }

}


/*property__detail__movie*/
.property__detail__movie__wrapper {
  padding: 18px 0 0;
}

.property__detail__movie__wrapper iframe {
  width: 100%;
  height: 474px;
}

@media only screen and (max-width:520px) {
  .property__detail__movie {
    margin-top: 18px;
  }

  .property__detail__movie__wrapper {
    padding: calc(18px /1) 0 0;
  }

  .property__detail__movie__wrapper iframe {
    height: calc(474px /1.5);
  }

}


/*property__detail__planview*/
.property__detail__planview__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
  padding: 36px 0;
}

.property__detail__planview__img {
  flex-basis: 490px;
  margin-right: 27px;
}

.property__detail__planview__img img {
  height: auto;
}

.property__detail__planview__text {
  flex-basis: calc(100% - 520px);
}

.property__map iframe {
  padding: 27px 0;
  width: 100%;
  height: 370px;
}

@media only screen and (max-width:520px) {
  .property__detail__planview__container {
    padding: calc(36px / 1) 0;
  }

  .property__detail__planview__img {
    flex-basis: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 18px;
  }

  .property__detail__planview__text {
    flex-basis: 100%;
    margin-top: 18px;
  }

  .property__map iframe {
    padding: calc(27px /1) 0;
    height: calc(370px /1.25);
  }
}


/*property__detail__check__list*/
.property__detail__check__list {
  padding: 18px 0;
}

.property__detail__check__list li {
  background-image: url(../img/icon__check1.png);
  background-position: 0 9px;
  background-repeat: no-repeat;
  background-size: calc(21px / 1.5);
  padding-left: 18px;
  margin: 9px 0;
}

@media only screen and (max-width:520px) {
  .property__detail__check__list {
    padding: calc(18px /1) 0 0;
  }

  .property__detail__check__list li {
    background-image: url(../img/icon__check1.png);
    background-position: 0 9px;
    background-repeat: no-repeat;
    background-size: calc(21px / 1.5);
    padding-left: calc(18px /1);
    margin: calc(9px /1) 0;
  }

}

/*property__detail__environments*/
.property__detail__environments__list ul {
  margin-left: 0;
  padding: 18px 0;
}

.property__detail__environments__list,
.property__detail__environments__list img  {
  width: 100%;
  max-width: 874px;
  height: auto;
  margin: 0;
  padding: 0;
}

.property__detail__environments__list ul {
  margin-right: -18px;
}
      
.property__detail__environments__list ul li {
  margin-right: 18px!important;
}

.property__detail__environments__list ul li span  {
  display: block;
  font-size: 15px;
  padding-top: 4.5px;
}

.property__detail__environments__list .slick-prev ,
.property__detail__environments__list .slick-next {
  z-index: 123456!important;
  top: 40%;
}

.property__detail__environments__list .slick-prev {
  left: 0px!important;
}

.property__detail__environments__list .slick-next {
  right:54.0px!important;
}

.property__detail__environments__list .slick-prev::before,
.property__detail__environments__list .slick-next::before {
  font-size: 36px!important;
  position: absolute;
}

  .property__detail__environments__list .slick-prev::before {
    content: url(../img/icon__arrow__l2.png);  
  }

  .property__detail__environments__list .slick-next::before {
    border-radius:  9px 0 0 9px;
    content: url(../img/icon__arrow__r2.png); 
  }

.property__detail__environments__list ul li img {
  object-fit: cover;
  width: 100%;
  height: 188px;
}

@media only screen and (max-width:520px) {
  .property__detail__environments__list ul {
    padding: calc(18px /1) 0;
  }

  .property__detail__environments__list .slick-next {
    right:calc(54.0px /1.5)!important;
  }

  .property__detail__environments__list,
  .property__detail__environments__list img  {
    width: 100%;
    max-width: 100%;
  }

  .property__detail__environments__list ul {
    margin-right: auto
  }

  .property__detail__environments__list ul li span  {
    display: block;
    font-size: calc(15px / 1.1);
    padding-top: calc(4.5px /1);
  }

  .property__detail__environments__list ul li img {
    width: 100%;
    height:auto;
  }

  .property__detail__environments__list .slick-prev::before,
  .property__detail__environments__list .slick-next::before {
    font-size: 16px!important;
    top: 0;
  }

    .property__detail__environments__list .slick-prev::before {
      left: 0;
    }

    .property__detail__environments__list .slick-next::before {
      left: 100%;
    }

}


/*property__detail__cta*
.property__detail__cta {
  background-image: url(../img/property__detail__cta.jpg);
  background-size: cover;
  background-position: top center;
  background-repeat: no-repeat;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.property__detail__cta__container {
  width: 100%;
  height: 100%;
  padding: 72px 0;
  background-color: rgba(0, 0, 0, 0.35);
}

.property__detail__cta__title {
  text-align: center;
  margin: auto;
  position: relative;
}

.property__detail__cta__title span {
  display: block;
  text-align: center;
  margin: auto;
  position: relative;
  color: #fff;
}

  .property__detail__cta__title span.small {
    font-size: 14px;
  }

  .property__detail__cta__title span.large {
    font-weight: bold;
    font-size: 20px;
    margin: 9px auto 4.5px;
  }

.property__detail__cta__title span.small:before ,
.property__detail__cta__title span.small:after {
   position: absolute;
   font-weight: 400;
   font-size: 14px;
   letter-spacing: -0.02em;
   top:0;
   width: 100%;
   height: 6px;
   color: #fff;
   margin: 0;
  }

  .property__detail__cta__title span.small:before {
    content: '＼';
    left: -100px;
  }

  .property__detail__cta__title span.small:after {
    content: '／';
    right: -100px;
  }

@media only screen and (max-width:520px) {
  .property__detail__cta__container {
    padding: calc(72px /1.5) 0;
  }

  .property__detail__cta__title span.small {
    font-size: calc(14px /1.1);
  }

  .property__detail__cta__title span.large {
    font-size: calc(20px /1.2);
    margin: calc(9px /2) auto calc(4.5px /2);
  }

  .property__detail__cta__title span.small:before ,
  .property__detail__cta__title span.small:after {
     font-size: calc(14px /1.1);
     height:calc(6px /1);
    }

  .property__detail__cta__title span.small:before {
    content: '＼';
    left: -100px;
  }

  .property__detail__cta__title span.small:after {
    content: '／';
    right: -100px;
  }

}


/*property__detail__cta__inner
.property__detail__cta__inner {
  padding: 27px 0;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.property__detail__cta__left {
  flex-basis: 40%;
  color: #fff;
  font-weight: 400;
  border-right: 2px dotted #fff;
  text-align: right;
  padding:13.5px 36px;
}

.property__detail__cta__right  {
  flex-basis: 60%;
  text-align: left;
  color: #fff;
  padding:0 36px;
}

.property__detail__cta__right dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
}

.property__detail__cta__right dl dt {
  flex-basis: 45%;
}

.property__detail__cta__right dl dd {
  flex-basis: 55%;
}

.property__detail__cta__right span {
  display:block;
  font-size: 26px;
}

.property__detail__cta__left span.din ,
.property__detail__cta__right span.din {
  font-weight: 600;
}

@media only screen and (max-width:520px) {
  .property__detail__cta__inner {
    padding: calc(27px / 2) 0;
  }

  .property__detail__cta__left {
    flex-basis: 100%;
    color: #fff;
    font-weight: 400;
    border-right: 2px dotted #fff;
    text-align: center;
    padding:calc(13.5px /1) calc(36px /2);
  }

  .property__detail__cta__right  {
    flex-basis: 100%;
    text-align: center;
    color: #fff;
    padding:0 calc(36px /2);
  }

  .property__detail__cta__right dl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  .property__detail__cta__right dl dt ,
  .property__detail__cta__right dl dd {
    flex-basis: 100%;
    text-align: center;
  }

  .property__detail__cta__right span {
    display:block;
    font-size: calc(26px / 1.1);
  }

}


/*property__detail__btn*/
.property__detail__btn {
  text-align: center;
  margin:90px auto ;
  font-weight: 500; 
  color: #fff;
  width: 468px;
  padding: 0;
  position: relative;
}

.property__detail__btn input[type=submit] {
  background: transparent;
  box-shadow: none;
  appearance: none;
  color: #fff;
  border: none;
  padding:27px;
  width: 100%;
  padding-left: calc(calc(73px / 2.5) + 18px);
  font-size: 20px;
}

.property__detail__btn:before {
  position: absolute;
  content: '';
  left:36px;
  top: calc(61% - calc(57px / 3));
  width:calc(73px / 3);
  height:calc(57px / 3);
  background-image: url(../img/icon__envelope__w.png);
  background-size: calc(73px / 3);
  background-repeat: no-repeat;
}

.property__detail__btn.btn__arrow {
  background-image: url(../img/icon__arrow4.png);
  background-size: calc(17px / 2);
  background-position:95% 50%;
  background-repeat: no-repeat;
}

@media only screen and (max-width:520px) {
  .property__detail__btn {
    margin:calc(90px /2) auto calc(90px / 10) ;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    box-sizing: border-box;
    text-align: center;
  }

  .property__detail__btn input[type=submit] {
    box-sizing: border-box;
    text-align: center;
    margin: auto;
    padding:calc(27px / 1) calc(27px / 1.5);
    padding-left: calc(73px / 2.5);
    font-size:16px;
  }

  .property__detail__btn:before {
    top: calc(62% - calc(57px / 3.75));
    width:calc(73px / 4);
    height:calc(57px / 4);
    left:18px;
    background-size: calc(73px / 4);
  }

  .property__detail__btn.btn__arrow {
    background-size: calc(17px / 2.5);
    background-position:96% 50%;
  }

}


/*property__detail__bnr*/
.property__detail__bnr {
  margin:63px auto;
  text-align: center;
}

@media only screen and (max-width:520px) {
  .property__detail__bnr {
    margin:calc(63px  / 2) auto;
  }
}


/* ----------------------------------------------------------

Owners Setting

---------------------------------------------------------- */
/*owners__feature__list*/
.owners__feature__contaienr {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.owners__feature__list {
  flex-basis: 48.5%;
  margin: 31.5px 1%;
}

  .owners__feature__list:nth-child(odd) {
    margin-left: 0;
  }

  .owners__feature__list:nth-child(even) {
    margin-right: 0;
  }

.owners__feature__title span {
  display: inline-block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
}

.owners__feature__title span.num {
  text-align: center;
  color: #fff;
  background: #333;
  padding: 0 11px;
  margin-right: 4.5px;
}

.owners__feature__img {
  margin: 9px auto;
  text-align: center;
}

.owners__feature__subtitle  {
  margin-bottom: 9px;
  margin-top: 13.5px;
}

.owners__feature__subtitle span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.56789;
}

.owners__feature__text ul li {
  font-size: 16px;
}

@media only screen and (max-width:520px) {
  .owners__feature__list {
    flex-basis: 100%;
    margin: 31.5px auto;
  }

  .owners__feature__list:nth-child(odd),
  .owners__feature__list:nth-child(even) {
    margin-left: auto;
    margin-right:auto;
  }

  .owners__feature__title span {
    font-size: calc(20px / 1.175);
  }

  .owners__feature__title span.num {
    padding: 0 calc(11px / 1);
    margin-right: calc(4.5px /2);
  }

  .owners__feature__img {
    margin: calc(9px /2) auto;
  }

  .owners__feature__subtitle  {
    margin-bottom: calc(9px /2) ;
    margin-top: calc(13.5px /2) ;
  }

  .owners__feature__subtitle span {
    font-size: calc(20px / 1.175);
  }

  .owners__feature__text ul li {
    font-size: calc(16px / 1.1);
  }

}


/* ----------------------------------------------------------

Managed Setting

---------------------------------------------------------- */
/*managed__banner*/
.managed__banner {
  padding-top: 27px;
  margin-bottom: 27px;
}

.managed__banner ul li {
  margin-bottom: 18px;
}

@media only screen and (max-width:520px) {
  .managed__banner {
    padding-top: calc(27px / 2);
    margin-bottom: calc(27px / 2);
  }

  .managed__banner ul li {
    margin-bottom:calc(18px / 1);
  }

}


/*managed__list*/
.managed__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-left;
  align-items: top;
  padding-top: 36px;
  padding-bottom: 72px;
}

.managed__list {
  flex-basis: 32.25%;
  margin:0 0 1.5%;
  box-shadow: 0 0 8px 4px rgba(75, 75, 75, 0.15);
}

  .managed__list:nth-child(3n-1) {
    margin: 0 1.5% 1.5%;
  }

.managed__list a {
  display: block;
  text-decoration: none;
  color: #222;
}

.managed__img {
  flex-basis: 100%;
}

.managed__text {
  flex-basis: 100%;
  padding:13.5px;
  text-align: left;
  background: #fff;
}

.managed__title span {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.managed__text p  {
  font-size: 18px;
  line-height: inherit;
}

@media only screen and (max-width:520px) {
  .managed__container {
    padding-top: calc(36px / 2);
    padding-bottom: calc(72px / 2);
  }

  .managed__list,
  .managed__list:nth-child(3n-1) {
    flex-basis: 49%;
    margin:0 0 3%;
    box-shadow: 0 0 4px 2px rgba(150, 150, 150, 0.15);
  }

  .managed__list:nth-child(even) {
    margin: 0 0 3% 2%;
  }

  .managed__text {
    padding:calc(13.5px / 1);
  }

  .managed__title span {
    font-size: calc(18px / 1.1);
  }

  .managed__text p  {
    font-size: calc(18px / 1.25);
  }
}


/* ----------------------------------------------------------

Informatioon Setting

---------------------------------------------------------- */
/*information__list*/
.information__list dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  margin-bottom: 9px;
}

.information__list dl dt {
  flex-basis: 256px;
}

.information__list dl dd {
  flex-basis:calc(100% - 256px) ;
  padding-top: 4.5px;
}

.information__list dl dt img {
  width: 236px;
}

.information__list dl dd span {
  display: block;
  line-height: normal;
}

  .information__list dl dd span.date {
    font-size: 18px;
    color: #9A9A9A;
    font-weight: 500;
  }

  .information__list dl dd span.title {
    font-size: 18px;
    margin: 2.25px 0 ;
    line-height: 2;
    font-weight: bold;
  }

  .information__list dl dd span.text {
    font-size: 18px;
    font-weight: 500;
  }

.information__list dl dd a {
  transition: 0.3s;
  text-decoration: none!important;
}

.information__list dl dd a:hover,
.information__list dl dd a:focus {
  text-decoration: none!important;
}

@media only screen and (max-width:520px) {
  .information__list {
    margin-bottom:36px;
  }

  .information__list dl {
    margin-bottom: calc(9px * 2);
  }

  .information__list dl dt {
    flex-basis: calc(256px / 2);
    margin-right: 18px;
  }

  .information__list dl dd {
    flex-basis:calc(100% - calc(256px / 2) - 18px) ;
    padding-top: 4.5px;
  }

  .information__list dl dt img {
    width: 236px;
    height: 100%;
    object-fit: cover; 
  }

  .information__list dl dd span.date {
    font-size: calc(18px / 1.12);
  }

  .information__list dl dd span.title {
    font-size: calc(18px / 1.12);
    margin: 2.25px 0 ;
    line-height: 2;
  }

  .information__list dl dd span.text {
    font-size: calc(18px / 1.12);
    font-weight: 500;
  }

  .information__list dl dd a {
    transition: 0.3s;
    text-decoration: none!important;
  }

  .information__list dl dd a:hover,
  .information__list dl dd a:focus {
    text-decoration: none!important;
  }

}


/* ----------------------------------------------------------

Information Detail Setting

---------------------------------------------------------- */
/*related__interview
.section.single__interview  {
  padding:36px 0
}

.single__interview .interview__title {
  min-height: 175px;
}

/*interview__detail
.interview__detail__container {
  padding-top: 54px;
}

.interview__detail__title {
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  margin-bottom:18px;
  padding-bottom:18px;
  border-bottom: 1px solid #222;
}

.interview__detail__title:after {
  content: '';
  position: absolute;
  bottom:-7px;
  left: 0;
  border-top:5px solid #ffe100;
  width: 100px;
  height: 4px;
  margin: 9px 0 0;
}

.interview__detail {
  margin-bottom: 54px;
}

.interview__detail.divided2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}
 
.interview__detail.divided2 .interview__detail__text {
  flex-basis: 480px;
  text-align: justify;
  order: 1;
}

.interview__detail.divided2 .interview__detail__img {
  flex-basis:calc(100% - 580px);
  text-align: right;
  order: 2;
  margin-top: 9px;
}

.interview__detail__text p {
  line-height: 2;
}

@media only screen and (max-width:520px) {
  .section.single__interview  {
    padding:calc(36px / 6) 0 calc(36px / 1)
  }

  .single__interview .interview__title {
    min-height: 1px;
  }
  .interview__detail__container {
    padding-top: calc(54px / 2);
  }

  .interview__detail__title {
    font-size: calc(26px / 1.25);
    margin-bottom:calc(18px / 1);
    padding-bottom:calc(18px / 1);
    border-bottom: 1px solid #222;
  }

  .interview__detail__title:after {
    bottom:calc(-7px / 1);
    left: 0;
    border-top:5px solid #ffe100;
    width: 100px;
    height: 4px;
    margin: calc(9px / 1) 0 0;
  }

  .interview__detail {
    margin-bottom: calc(54px / 2);
  }

  .interview__detail.divided2 .interview__detail__text {
    flex-basis: 100%;
    order: 1;
  }

  .interview__detail.divided2 .interview__detail__img {
    flex-basis: 100%;
    text-align: center;
    order: 2;
    margin-top: calc(9px * 2);
  }

  .interview__detail__text p {
    line-height: 2;
  }

}

/* ----------------------------------------------------------

Buy Setting

---------------------------------------------------------- */
.salesPerformance__container {
  width: 100%;
  height: 560px;
  background-image: url(../img/salesPerformance.jpg);
  background-position:too center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding: calc(90px + 54px) 0;
  text-align: center;
  margin: auto auto 45px
}

.salesPerformance__text {
  flex-basis: 100%;
}

.salesPerformance__title  {
  text-align: center;
  margin: auto;
  margin-bottom: 36px;
}

.salesPerformance__title span.ja {
  text-align: center;
  margin: auto;
  display: block;
  color: #fff;
  font-size: 30px;
  line-height: 1.123456789;
  font-weight: 600;
}

.salesPerformance__text p {
  text-align: center;
  font-size: 18px;
  margin: auto;
  line-height: 2.234568;
  font-weight: bold;
  color: #fff;
  margin-bottom:18px;
}

  .salesPerformance__text p.large {
    font-size: 22px;
    margin-bottom: auto;
    line-height: 1.89;
  }

@media only screen and (max-width:520px) {
   .salesPerformance__container {
    width: 100%;
    height: 460px;
    background-image: url(../img/salesPerformance.jpg);
    background-position:too center;
    background-repeat: no-repeat;
    z-index: 1;
    padding: calc(90px / 2) 18px;
    margin: auto auto calc(45px / 2) 
  }

  .salesPerformance__title  {
    margin-bottom: calc(36px / 1.5);
  }

  .salesPerformance__title span.ja {
    font-size: 22px;
  }

  .salesPerformance__text p {
    font-size: 16px;
    line-height: 2;
    font-weight: 500;
    text-align: left;
    margin-bottom: calc(18px / 1.5);
  }

  .salesPerformance__text p.large {
    font-size: 16px;
    line-height: 1.89;
  }


}

/*salesperformance__section*/
.salesperformance__section {
  padding-top:72px;
  padding-bottom: 0;
}

.salesperformance__section.intermediary {
  padding-top:36px;
  padding-bottom:45px;
}

@media only screen and (max-width:520px) {
  .salesperformance__section {
    padding-top: calc(45px /2);
  }

  .salesperformance__section.intermediary {
    padding-bottom: calc(45px /2);
  }

  .salesperformance__section .section__subtitle,
  .salesperformance__section .leed {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }
}

/* ----------------------------------------------------------

Intermediary Setting

---------------------------------------------------------- */
/*intermediary__trader*/
.section.intermediary__trader {
  padding-top: 45px;
  padding-bottom: 45px;
}

@media only screen and (max-width:520px) {
  .section.intermediary__trader {
    padding-top: calc(45px /2);
    padding-bottom: calc(45px /2);
  }

  .intermediary__trader .section__title  {
    text-align: center;
    margin-bottom: 0px;
  }

  .intermediary__trader .section__title:before {
    content: '';
    position: absolute;
    top:18px;
    left: calc(50% - calc(280px / 2));
    border-top: 2px solid #000;
    width:280px;
    margin-bottom: 18px;
  }

  .intermediary__trader .section__title span {
    background: #DEDBDB;
    display: inline-block;
    text-align: center;
    padding: 9px 18px;
    line-height: 1;
    margin-bottom: 18px;
    position: relative;
  }


}


/*intermediary__trader__list*/
.intermediary__trader__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: top;
}

.intermediary__trader__list li {
  flex-basis: 390px;
  margin-bottom:54px;
}

.intermediary__trader__list li a {
  display:block;
  text-decoration:none;
  position: relative;
}

.intermediary__trader__list li img {
  border-radius: 22.5px;
}

@media only screen and (max-width:520px) {
  .intermediary__trader__list li {
    flex-basis: 49%;
    margin-left: 1%;
    margin-right:1%;
    margin-bottom:calc(54px /2);
  }

    .intermediary__trader__list li:nth-child(odd) {
      margin-left: 0;
    }

    .intermediary__trader__list li:nth-child(even) {
      margin-right: 0;
    }

  .intermediary__trader__list li img {
    /*
    border-radius: calc(22.5px /2);
    box-shadow: 3px 5px 18px rgba(0, 0, 0, 0.2);
    */
    border-radius:0;
    box-shadow:none;
  }

}


/*intermediary__property__list*/
.intermediary__property__list {
  flex-basis: 46.8755%;
  margin:0 31.5px 54px 31.5px;
}

  .intermediary__property__list:nth-child(odd) {
    margin-left: 0;
  }

  .intermediary__property__list:nth-child(even) {
    margin-right: 0;
  }

.intermediary__property__list img {
  box-shadow: 3px 5px 18px rgba(0, 0, 0, 0.2);
}

.intermediary__property__title {
  position: relative;
}

.intermediary__property__title span {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 9px;
}

@media only screen and (max-width:520px) {
  .intermediary__property__list {
    flex-basis: 47.5%;
    margin-left: 1.5%;
    margin-right:1.5%;
    margin-bottom:calc(54px /2);
  }

    .intermediary__property__list:nth-child(odd) {
      margin-left: 0;
    }

    .intermediary__property__list:nth-child(even) {
      margin-right: 0;
    }

  .intermediary__property__title span {
    font-size: calc(18px /1.15);
    margin-bottom: calc(9px /2)
  }


}


/*intermediary__property__contact*/
.intermediary__property__contact {
  border: 1px solid #333;
  border-radius: 20px;
  background: #fff;
  padding: 36px;
}

.intermediary__property__contact__title {
  text-align: center;
}

.intermediary__property__contact__title span {
  display: inline-block;
  text-align: center;
  font-size: 25px;
  line-break: 1.789;
  font-weight: bold;
  background: #fff;
  position: relative;
  margin: -31.5px auto 22.5px;
  padding-left: 18px;
  padding-right: 18px;
}

.intermediary__property__contact__tel  {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-bottom:9px;
}

.intermediary__property__contact__tel img {
  width: calc(44px / 2);
  margin: -4.5px 0 0;
}

.intermediary__property__contact .small {
  display: block;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
}

@media only screen and (max-width:520px) {
  .intermediary__property__contact {
    border-radius: calc(20px /2);
    padding: calc(36px /2);
  }

  .intermediary__property__contact__title {
    margin-top: calc(-45px /2);
  }

  .intermediary__property__contact__title span {
    font-size: calc(25px / 1.25);
    margin: calc(-31.5px /2) auto calc(22.5px /2);
    padding-left: calc(18px /2);
    padding-right: calc(18px /2);
  }

  .intermediary__property__contact__tel  {
    font-size: calc(22px / 1.2);
    margin-bottom:calc(9px /2);;
  }

  .intermediary__property__contact__tel img {
    width: calc(44px / 2);
    margin: -4.5px 0 0;
  }

  .intermediary__property__contact .small {
    font-size: calc(17px / 1.1);
  }

}


/* ----------------------------------------------------------

Topics Setting

---------------------------------------------------------- */
/*topics__list*/
.topics__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
}

.topics__list {
  flex-basis: 23.85%;
  margin:0 9px 27px 9px;
  box-sizing: border-box;
  border: 1px solid #707070;
}

  .topics__list:nth-child(4n) {
    margin-right: 0;
  }

  .topics__list:nth-child(4n-3) {
    margin-left:0;
  }

.topics__list a {
  display: block;
  text-decoration: none;
  transition: 0.3s all;
}

.topics__list__text {
  padding:27px 22.5px ;
  background: #fff;
  text-align: justify;
}

.topics__list span {
  display: block;
}

.topics__list span.date {
  font-size: 15.5px;
  color: #9A9A9A;
}

.topics__list__title span {
  display: block;
  font-size: 17.75px;
  font-weight: bold;
  line-height: inherit;
}

.topics__list p {
  font-size: 15.5px;
  font-weight: 400;
  margin-top:9px;
  word-break: break-all!important
}

@media only screen and (max-width:520px) {
  .topics__list {
    flex-basis: 47.5%;
    margin-left: 1.5%;
    margin-right:1.5%;
    margin-bottom:calc(27px /2);
  }

    .topics__list:nth-child(odd) ,
    .topics__list:nth-child(4n-3) {
      margin-left: 0;
    }

    .topics__list:nth-child(even) ,
    .topics__list:nth-child(4n) {
      margin-right: 0;
    }

  .intermediary__property__title span {
    font-size: calc(18px /1.15);
    margin-bottom: calc(9px /2)
  }

  .topics__list__text {
    padding:calc(27px / 2) calc(22.5px /2) ;
  }

  .topics__list span.date {
    font-size: calc(15.5px /1.1);
  }

  .topics__list__title span {
    font-size: calc(17.5px /1.125);
  }

  .topics__list p {
    font-size: calc(15.5px /1.1);
    margin-top:calc(9px / 2);
  }
}


/*single topics*/
.single__meta {
  padding: 18px 0 9px;
  margin-bottom:27px;
  border-bottom: 1px solid #ccc
}

.single__meta__list li  {
  font-size:18px
}

.single__meta__list li.date ,
.single__meta__list li.cat   {
  display:inline-block;
  vertical-align:middle;
  margin-right:27px
}
/*
.single .entry img  {
  max-width: 100%;
  height: auto;
}*/

.single__meta__list li.date  {
  color: #9A9A9A;
  font-size: 16px;
}


.single__entry {
  margin-top: 9px;
  padding-bottom: 45px;
}

.single__img {
  margin: auto;
  padding: 0;
  text-align: center;
  max-width: 100%;
  margin-top: 9px;
  margin-bottom: 27px;
}

.single__img img {
  max-width: 100%
}

.section.single-info figure.wp-block-image {
  margin: 18px auto;
  padding: 0;
  max-width: 100%;
}

.single .form__submit {
  margin: 36px auto;
  text-align: center;
  width: 256px;
}

.single .form__submit a {
  text-align: center;
  margin: auto;
}

@media only screen and (max-width:520px) {
  .single__meta {
    padding: 18px 0;
    margin-bottom:18px;
  }

  .single__meta__list li  {
    font-size:calc(18px / 1.25)
  }

  .single__meta__list li.date ,
  .single__meta__list li.cat   {
    margin-right:calc(27px /1.5)
  }

  .section.single-info figure.wp-block-image {
    margin: calc(18px /1.5) auto;
  }

  .single .form__submit {
    margin:calc(36px /1.5) auto;
    max-width: 100%;
  }

}


/*topics__single*/
.topics__single {
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}

.topics__single .single__entry p {
  margin-bottom: 18px;
  word-break: break-all;
  overflow-wrap: anywhere
}

.topics__single .single__entry img {
  width: auto;
  height: auto;
}

.topics__single .sidebar {
  margin-left: 5%;
}

.topics__single .sidebar__menu__list {
  margin-bottom: 18px;
}

.sidebar__menu__title {
  font-weight: bold;
  border: 1px solid #223F60;
  background: #223F60;
  color: #fff;
}

.sidebar__menu__title span {
  display: block;
  font-size: 18px;
  padding: 9px 18px;
  line-height: 2;
}

.sidebar__menu__entry ul li {
  padding: 18px 0 9px;
  border-bottom: 1px dotted #aaa;
}

.sidebar__menu__entry ul li:nth-last-child(1) {
  border-bottom: none;
}

.sidebar__menu__entry ul li span {
  display: block;
}

.sidebar__menu__entry ul li a .date {
  color: #999;
  font-size: 14px;
  line-height: 1.2345;
}

.sidebar__menu__entry ul li a .month ,
.sidebar__menu__entry ul li a .title {
  font-size: 16px;
}

@media only screen and (max-width:520px) {
  .topics__single {
    display: block;
    margin-bottom: 45px;
  }

  .topics__single .content .container__xxnarrow {
    padding-left: 0;
    padding-right: 0;
  }

  .topics__single .sidebar {
    margin-left: auto;
  }

  .topics__single .sidebar__menu__list {
    margin-bottom: calc(18px /1.5);
  }

  .sidebar__menu__title span {
    display: block;
    font-size: calc(18px / 1.15);
    padding: calc(9px /1.25) calc(18px /1.5) calc(9px /1.5) ;
    line-height: 1.567;
  }

  .sidebar__menu__entry ul li {
    padding: calc(18px / 1.15) 0 calc(9px / 1.15);
  }

  .sidebar__menu__entry ul li a .date {
    color: #999;
    font-size: calc(14px / 1.1);
  }

  .sidebar__menu__entry ul li a .month ,
  .sidebar__menu__entry ul li a .title {
    font-size: calc(16px / 1.15);
  }

  .sidebar__menu__entry .select {
    width: 100%;
    margin-top: 18px;
  }

}


/* ----------------------------------------------------------

FAQ Setting

---------------------------------------------------------- */
/*faq__caution*/
.faq__caution__container {
  padding-bottom: 18px;
  margin:auto auto 18px;
  /*
  border-bottom: 1px dotted #aaa;
  */
}

.faq__caution  {
  position: relative;
  display: block;
  padding:18px 36px;
  min-width: 120px;
  max-width: 560px;
  text-align: center;
  margin: 36px auto 0;
  background: #fff;
  border: solid 1px #333;
  box-sizing: border-box;
}

.faq__caution:before {
  content: "";
  position: absolute;
  bottom: -24px;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #fff;
  z-index: 2;
}

.faq__caution:after {
  content: "";
  position: absolute;
  bottom: -25px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #333;
  z-index: 1;
}

.faq__caution .large {
  padding-bottom: 4.5px;
  background:linear-gradient(transparent 40%, #FFFB8A 60%);
}

@media only screen and (max-width:520px) {
  .faq__caution__container {
    padding-bottom: calc(18px /2);
    margin:auto auto calc(18px /2);
  }

  .faq__caution  {
    padding:calc(18px / 1) calc(36px /2);
    min-width: 120px;
    max-width: 560px;
    margin: calc(36px /2) auto 0;
  }

  .faq__caution:before {
    content: "";
    position: absolute;
    bottom: -24px;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #fff;
    z-index: 2;
  }

  .faq__caution:after {
    content: "";
    position: absolute;
    bottom: -25px;
    left: 50%;
    margin-left: -15px;
    border: 12px solid transparent;
    border-top: 12px solid #333;
    z-index: 1;
  }

  .faq__caution .large {
    padding-bottom: 4.5px;
    background:linear-gradient(transparent 40%, #FFFB8A 60%);
  }

}


/*faq__cat__list*/
.faq__cat__list li {
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  margin: 0 9px;
}

.faq__cat__list li a {
  display:block;
  text-decoration: none;
  color: #333;
  background: #fff;
  border: 1.5px solid #333;
  border-radius: 100px;
  padding: 2.25px 36px;
  font-weight: bold;
  line-height: inherit;
}

.faq__cat__list li a:hover,
.faq__cat__list li a:focus {
  text-decoration: none;
  color: #fff;
  background: #333;
  border-color: #333;
}

@media only screen and (max-width:520px) {
  .faq__cat__list li {
    margin: 0 calc(9px /2);
  }

  .faq__cat__list li a {
    padding: calc(2.25px / 2) calc(36px /2);
  }

}


/*faq__list*/
.faq__list {
  padding-bottom: 36px;
}

.faq__list dl dt {
  background: #F2F2F2;
  border-radius: 12px;
  position: relative;
  padding:  22.5px;
  cursor: pointer;
  margin-top: 18px;
}

.faq__list dl dt.active:after {
  position: absolute;
  right: 22.5px;
  top: calc(22.5px / 1.5);
  content: 'ー';
  margin-top: 2.25px;
  font-size: 22px;
}

.faq__list dl dt:after {
  position: absolute;
  right: 22.5px;
  top: calc(22.5px / 2);
  content: '＋';
  margin-top: 2.25px;
  font-size: 27px;
}

.faq__list dl dt span {
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: inherit;
  margin-left: 45px
}

.faq__list dl dt:before {
  position: absolute;
  content: 'Q';
  width: 31.5px;
  height: 31.5px;;
  border-radius: 100px;
  background: #fff;
  color: #097FDC;
  border:2px solid #097FDC;
  font-size: 20px;
  font-weight: bold;/*
  font-family: 'Arial ,serif';
*/
  line-height:1.567;
  text-align: center;
  margin: auto;
}

.faq__list dl dd {
  display: none;
  background: #fff;
  position: relative;
  padding:  22.5px;
}

  .faq__list dl dt.active dd {
    display: block;
  }

.faq__list dl dd span {
  display: block;
  font-size: 16px;
  line-height: inherit;
  margin-left: 45px
}

.faq__list dl dd:before {
  position: absolute;
  content: 'A';
  width: 31.5px;
  height: 31.5px;;
  border-radius: 100px;
  background: #097FDC;
  color: #fff;
  border:2px solid #097FDC;
  font-size: 20px;
  font-weight: bold;
  /*
  font-family: 'Arial ,serif';
*/
  line-height:1.567;
  text-align: center;
  margin: auto;
}

@media only screen and (max-width:520px) {
  .faq__list {
    padding-bottom: calc(36px /2);
  }

  .faq__list dl dt {
    border-radius: calc(12px /1.5);
    padding:  calc(22.5px / 2) calc(22.5px * 2.5 )  calc(22.5px / 2)  calc(22.5px / 1.75);
    margin-top: calc(18px / 2);
  }

  .faq__list dl dt.active:after {
    right: calc(22.5px / 1);
    top: calc(22.5px / 2.5);
    margin-top: calc(2.25px / 2.5);
    font-size: calc(22px / 1);
  }

  .faq__list dl dt:after {
    right:calc(22.5px / 1);
    top: calc(22.5px / 2.5);
    margin-top: calc(2.25px / 2.5);
    font-size: calc(22px / 1);
  }

  .faq__list dl dt span {
    font-size: calc(18px / 1.15);
    margin-top: 2.25px;
    margin-left: calc(45px / 1)
  }

  .faq__list dl dt:before {
    width: 31.5px;
    height: 31.5px;;
    border-radius: 100px;
    font-size: calc(20px / 1);;
    font-weight: bold;
  }

  .faq__list dl dd {
    padding: calc(22.5px / 1.5);;
  }

  .faq__list dl dd span {
    display: block;
    font-size: calc(16px / 1.1);
    margin-left: calc(45px / 1)
  }

  .faq__list dl dd:before {
    width: 31.5px;
    height: 31.5px;;
    font-size: calc(20px / 1);;
  }

}


/* ----------------------------------------------------------

Partnership Setting

---------------------------------------------------------- */
/*partnership__news*/
.partnership__news {
  border: 1px solid #333;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  position: relative;
  margin: 45px auto auto;
}

.partnership__news__title {
  flex-basis: 198px;
  padding: 36px;
  position: relative;
}

.partnership__news__title span {
  display: block;
  font-size: 18px;
  font-weight: bold;
}

.partnership__news__title::after {
  content: "";
  width: 1px;
  height: 105.5px;
  display: inline-block;
  background-color: #333;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

.partnership__news__container {
  flex-basis: calc(100% - 198px);
  height: 220px;
  text-align: left;
  padding:27px 36px;
  overflow-y: scroll;
}

.partnership__news dl {
  padding: 0;
  margin-bottom: 18px;
  display: flex;
  flex-wrap: wrap;
  align-items: top;
}

  .partnership__news dl:nth-last-child(1) {
    margin-bottom: 0;
  }

.partnership__news dt {
  flex-basis: 12.5%;
  font-weight: 600;
  color: #A8A8A8;
}

.partnership__news dd {
  flex-basis: 87.5%;
  line-height: inherit;
  font-weight: 600;
}

@media only screen and (max-width: 520px) {
  .partnership__news {
    margin: calc(45px / 2) auto auto;
    border-top: 0;
    border-left: 0;
    border-right: 0;
  }

  .partnership__news__title {
    flex-basis: 100%;
    text-align: center;
    margin: auto;
    padding: calc(36px / 2);
    border-right: none;
    border-bottom: 1px solid #333;
  }

  .partnership__news__title span {
    font-size: calc(18px /1.15);
  }

  .partnership__news__title::after {
    display: none;
  }

  .partnership__news__container {
    flex-basis: 100%;
    height: 220px;
    padding:calc(27px /2) calc(36px /2);
    overflow-y: scroll;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
  }

  .partnership__news dl {
    margin-bottom: cac(18px /2);
  }

  .partnership__news dt ,
  .partnership__news dd {
    flex-basis: 100%;
  }

}

.partnership__news .scroll_bar::-webkit-scrollbar {
  width: 18px;
  height: 10px;
}

.partnership__news .scroll_bar::-webkit-scrollbar-track {
  background: #D4D4D4;
}

.partnership__news .scroll_bar::-webkit-scrollbar-thumb {
  border-radius: 50px;
  background: #097FDC;
}

@media only screen and (max-width: 520px) {
  .partnership__news .scroll_bar::-webkit-scrollbar {
    width: 12px;
  }
}


/*partnership__benefits*/
.partnership__benefits {
  background-image: url(../img/partnership__benefits__bg.jpg);
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
}

.partnership__benefits__container {
  background-image: url(../img/partnership__benefits1.png);
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: cover;
  background-size: calc(548px /2);
  padding: 81px 0 calc(81px / 4);
  position: relative;
}

  .partnership__benefits__container:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    background-image: url(../img/partnership__benefits2.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: calc(274px /2);
  }

.partnership__benefits__title {
  text-align: center;
  margin: auto;
  position: relative;
}

.partnership__benefits__title span {
  display: block;
  font-weight: 600;
  font-size: 25px;
  margin-bottom: 22.5px;
}

.partnership__benefits__btn  {
  padding: 45px 0;
  position: relative;
}

.partnership__benefits__btn p {
  position: relative;
  color: #6E5228;
  text-align: center;
  margin: auto;
  font-size: 20px;
  font-weight:500;
  margin-bottom: 18px;
}

.partnership__benefits__btn p:before ,
.partnership__benefits__btn p:after {
  color: #6E5228;
  font-weight: 400;
  font-size: 14px;
  letter-spacing: -0.02em;
}

  .partnership__benefits__btn p:before {
    content: '・・・・';
    position: absolute;
    margin: 0;
    width: 100%;
    height:4px;
    left: -54px;
    top:9px;
    transform:rotate(60deg);
  }

  .partnership__benefits__btn p:after {
    content: '・・・・';
    position: absolute;
    margin: 0;
    width: 100%;
    height:4px;
    height: 6px;
    right: -49.5px;
    top:9px;
    transform:rotate(-60deg);
  }

.partnership__benefits__btn a {
  display: block;
  margin: 9px auto;
  text-align: center;
  position: relative;
  z-index: 123;
}

@media only screen and (max-width: 520px) {
  .partnership__benefits {
    width: 100%;
  }

  .partnership__benefits__container {
    background-size: calc(548px / 4);
    padding: calc(81px / 2) 0 calc(81px / 6);
    position: relative;
  }

  .partnership__benefits__container:after {
    background-size: calc(274px / 4);
  }

  .partnership__benefits__title span {
    font-size: calc(25px / 1.25);
    margin-bottom:calc(22.5px / 2);
  }

  .partnership__benefits__btn  {
    padding: calc(45px /2) 0;
  }

  .partnership__benefits__btn p {
    font-size: calc(20px /1.15);
    margin-bottom: calc(18px /2);
  }

  .partnership__benefits__btn p:before ,
  .partnership__benefits__btn p:after {
    font-size: 14px;
    letter-spacing: -0.02em;
  }

  .partnership__benefits__btn p:before {
    content: '・・・・';
    position: absolute;
    margin: 0;
    width: 100%;
    height:4px;
    left: -54px;
    top:9px;
    transform:rotate(60deg);
  }

  .partnership__benefits__btn p:after {
    content: '・・・・';
    position: absolute;
    margin: 0;
    width: 100%;
    height:4px;
    height: 6px;
    right: -49.5px;
    top:9px;
    transform:rotate(-60deg);
  }

  .partnership__benefits__btn a {
    margin: 9px auto;
  }

}


/* ----------------------------------------------------------

Sale Setting

---------------------------------------------------------- */
/*sale__section*/
.sale__section {
  padding-top:63px;
}

.sale__section .leed {
  position: relative;
  text-align: center;
  font-weight: 600;
  margin-top: 18px;
}

.sale__about__container {
  margin-top: 54px;
  padding: 54px 90px;
}

@media only screen and (max-width: 520px) {
  .sale__section {
    padding-top:calc(63px / 2);
  }

  .sale__section .leed {
    position: relative;
    text-align: center;
    font-weight: 400;
    font-size: 16px;
    text-align: justify!important;
    margin-top: calc(18px / 1.5);;
  }

  .sale__about__container {
    margin-top: calc(54px / 2);
    padding: calc(54px / 4) 18px;
  }

}


/*sale__flow*/
.sale__flow,
.sale__flow img {
  text-align: center;
  margin: 36px auto ;
}

@media only screen and (max-width:520px) {
  .sale__flow,
  .sale__flow img {
    text-align: center;
    margin: calc(36px / 1.5) auto ;
  }

}

/*sale__consultation*/
.sale__consultation {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.sale__consultation__img {
  flex-basis: 414px;
}

.sale__consultation__text {
  flex-basis:calc(100% - calc(414px + 45px));
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  text-align: left;
  padding: 45px;
  margin-top: 27px;
}

.sale__consultation__title span {
  display: block;
  font-size: 20px;
  font-weight: bold;
  padding: 18px 0;
}

.sale__consultation__list dl {
  font-weight: bold;
  font-size: 16.5px;
  margin: 9px 0;
}

.sale__consultation__list dl dt,
.sale__consultation__list dl dd {
  display: inline-block;
  position: relative;
}

.sale__consultation__list dl dt {
  margin-left: 18px;
}

.sale__consultation__list dl dd {
  margin-left: 36px;
}

.sale__consultation__list dl dt:before {
  content: '・';
  position: absolute;
  font-size: 18px;
  line-height: 1;
  left:-18px;
  top: 25%;
}

.sale__consultation__list dl dd:before {
  content: '・・・';
  position: absolute;
  font-size: 18px;
  line-height: 1;
  left: -36px;
  top: 25%;
}

  .sale__consultation__list dl:nth-last-child(2) dd:before {
    top: 35%;
  }

.sale__consultation__list dl dd span.din {
  font-weight: 700;
  font-size: 26px;
}

.sale__consultation__list dl dd a {
  text-decoration: none;
}

@media only screen and (max-width:520px) {
  .sale__consultation__img {
    flex-basis: 100%;
    padding: 18px 18px 0;
    text-align: center;
    margin: auto;
  }

  .sale__consultation__text {
    flex-basis: 100%;
    padding: 0 18px calc(45px / 2) ;
  }

  .sale__consultation__title span {
    font-size: calc(18px / 1.15);
    padding: calc(18px/2) 0;
  }

  .sale__consultation__list {
    border: 1px solid #ccc;
    width: 100%;
    padding: 0;
    background: #fff;
    list-style: none!important
  }

  .sale__consultation__list dl  {
    font-size: calc(16.5px / 1.1);
    list-style: none!important;
    margin: calc(9px/ 1) 0;
    padding:9px 0 18px;
    border-bottom:1px dotted #000;
  }

    .sale__consultation__list dl:nth-last-child(1)  {
      border-bottom:none;
      padding:9px 0 ;
    }

  .sale__consultation__list dl dt,
  .sale__consultation__list dl dd {
    display: block;
    text-align: center;
    margin:-4.5px auto;
  }
  
  .sale__consultation__list dl dd span.strong {
    display: inline;
    text-align: center;
    margin: auto;
  }

  .sale__consultation__list dl dt:before ,
  .sale__consultation__list dl dd:before,
  .sale__consultation__list dl:nth-last-child(2) dd:before {
    display: none;
  }

  .sale__consultation__list dl dd span.din {
    font-size: calc(26px / 1);
  }
}




/* ----------------------------------------------------------

Support Setting

---------------------------------------------------------- */
/*kakeya__support__contaier
.kakeya__support__title {
  color: #E95053;
}

.kakeya__support__contaier {
  border: 2px solid #E95053;
  background: #fff;
  border-radius: 17px;
  padding: 36px 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.kakeya__support__left {
  flex-basis: 50%;
  border-right: 3px dotted #E95053;
  text-align: right;
  padding:0 36px;
}

.kakeya__support__right  {
  flex-basis: 50%;
  text-align: left;
  padding:0 36px;
}

.kakeya__support__left img,
.kakeya__support__left p {
  display: inline-block;
  vertical-align: middle;
  font-weight:bold;
  margin: 0 4.5px;
}

.kakeya__support__left img {
  width: calc(214px /2);
}

  .kakeya__support__left span:nth-child(1) {
    font-size: 25px;
    letter-spacing: 0.1em;
  }

  .kakeya__support__left span:nth-child(2) {
    font-size:35px;
  }

  .kakeya__support__left span:nth-child(3)
  .kakeya__support__left span:nth-child(4) {
    font-size: 18px;
  }

.kakeya__support__right span {
  display:block;
  line-height: 1.234567;
}

  .kakeya__support__right span:nth-child(1) {
    font-size:15px;
    letter-spacing: 0.05em;
  }

  .kakeya__support__right span:nth-child(2) {
    font-size:35px;
    letter-spacing: 0.067em;
  }

.kakeya__support__left span.din ,
.kakeya__support__right span.din {
  font-weight: 600;
}

.kakeya__support__left span.red ,
.kakeya__support__right span.red {
  color: red!important;
}
c
  .kakeya__support__contaier {
    border-radius: calc(17px / 1.5);
    padding: calc(36px /2) 0;
  }

  .kakeya__support__left ,
  .kakeya__support__right  {
    flex-basis: 50%;
    padding:0 calc(36px /2);
    text-align: center;
  }

  .kakeya__support__left {
    border-right: none;
  }

  .kakeya__support__left img,
  .kakeya__support__left p {
    margin: 0 calc(4.5px /2);
  }

  .kakeya__support__left img {
    width: calc(214px / 2.5);
  }

  .kakeya__support__left span:nth-child(1) {
    font-size: calc(25px / 1.35);
  }

  .kakeya__support__left span:nth-child(2) {
    font-size:calc(35px / 1.5);;
  }

  .kakeya__support__left span:nth-child(3)
  .kakeya__support__left span:nth-child(4) {
    font-size:calc(18px / 1.15);;
  }

  .kakeya__support__right span:nth-child(1) {
    font-size:calc(15px / 1.1);
  }

  .kakeya__support__right span:nth-child(2) {
    font-size:calc(35px / 1.5);
    margin-top: 4.5px;
  }

  .kakeya__support__left span.taxin {
    display: block;
    line-height: 1.2345;
    margin-bottom: 9px;
  }

}


/*kakeya__reassurance__support
.kakeya__reassurance__support {
  padding-top: 90px;
  padding-bottom: 45px;
}

.kakeya__reassurance__support .section__title {
  color: #333;
  position: relative;
  margin: auto auto 36px;
}

.kakeya__reassurance__support .section__title:after {
  content: '';
  position: absolute;
  width: 50px;
  height: 1px;
  left:calc(50% - calc(50px /2));
  top: 100%;
  margin: 18px auto 36px;
  border-top: 1px solid #333;
}

@media only screen and (max-width:520px) {
  .kakeya__reassurance__support {
    padding-top: calc(90px /2);
    padding-bottom: calc(45px /2);
  }

  .kakeya__reassurance__support .section__title {
    margin: auto auto calc(36px /1.5);
  }

  .kakeya__reassurance__support .section__title:after {
    margin: calc(18px /1.5) auto calc(36px /1.5);
    border-top: 1px solid #333;
  }

}


/*kakeya__notmember__contaier
.kakeya__notmember__title {
  color: #333;
}

.kakeya__notmember__contaier {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  height: 100%;
}

.kakeya__notmember__left ,
.kakeya__notmember__right {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  flex-basis:48% ;
  border-radius: 18px;
}

.kakeya__notmember__left p ,
.kakeya__notmember__right p {
  flex-basis: 100%;
  text-align: center;
  line-height: 1.456789;
  margin: auto;
}

.kakeya__notmember__left {
  padding: 27px 0;
  background: rgb(51, 51, 51, 0.89);
  border: 2px solid #333;
  color: #fff;
}

.kakeya__notmember__right {
  padding: 27px 0;
  background: #fff;
  border: 2px solid #333;
  color: #333;
}

.kakeya__notmember__left p.tel,
.kakeya__notmember__right p.tel {
  margin: 4.5px 0;
}

@media only screen and (max-width:520px) {
  .kakeya__notmember__left ,
  .kakeya__notmember__right {
    flex-basis:48% ;
    border-radius: calc(18px /1.5);
  }

  .kakeya__notmember__left,
  .kakeya__notmember__right {
    padding: calc(27px /2) 0;
    height: 160px;
  }

  .kakeya__notmember__left p.tel,
  .kakeya__notmember__right p.tel {
    margin: calc(4.5px /2) 0;
  }

}



/*kakeya__member__contaier
.kakeya__member__contaier {
  border: 1px solid #333;
  border-radius: 27px;
  padding: 36px 100px;
  margin-top: 72px;
}

.kakeya__member__title {
  position: relative;
  text-align: center;
  margin: -54px auto auto;
}

.kakeya__member__subtitle {
  position: relative;
  text-align: center;
  margin: auto auto ;
}

.kakeya__member__title span {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  background: #fff;
  padding: 0 36px;
  margin: auto;
}

.kakeya__member__subtitle span {
  display: block;
  font-size:18px;
  font-weight: bold;
  text-align: center;
  margin: auto;
}

.kakeya__member__subtitle img {
  width: calc(130px /2);
  vertical-align: middle;
}

.kakeya__member__service1,
.kakeya__member__service2 {
  padding: 45px 0 0;
  border-bottom: 2px dotted #000
}

.kakeya__member__service.divided1 {
  margin: 36px auto;
}

.kakeya__member__service.divided2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
  margin: 36px auto;
}

.kakeya__member__list {
  flex-basis: 47.5%;
  margin:18px 1.5%;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: top;
}
    
  .kakeya__member__list:nth-child(odd) {
    margin-left: 0;
  }

  .kakeya__member__list:nth-child(even) {
    margin-right: 0;
  }

    
.kakeya__member__img {
  flex-basis: 94px;
  margin-right: 14px;
}

  .kakeya__member__img img {
    flex-basis: calc(188px / 2);
  }

.kakeya__member__text {
  flex-basis: calc(100% - 108px);
}

.kakeya__member__list__title span {
  display: block;
  position: relative;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 9px;
}

.kakeya__member__list__title span:before {
  content: '';
  margin-right: 4.5px;
  padding: calc(2.25px / 2) 0;
  border-left: 10px solid #097FDC;
}

.kakeya__member__text ul li  {
  list-style: disc;
  font-weight: bold;
  text-indent:0;
  margin-left:16px;
}

.kakeya__member__text ul.small li  {
  font-size: 13.5px;
  list-style: none;
  font-weight: 400;
  text-indent: -18px;
  margin-left: 18px;
}

.kakeya__member__text ul.small li:before {
  content: '※';
  padding-right: 4.5px;
}

.kakeya__member__text p.small   {
  font-size: 13.5px;
}

@media only screen and (max-width:520px) {
  .kakeya__member__contaier {
    border-radius: calc(27px /2);
    padding: calc(36px /2);
    margin-top: calc(72px /2);
  }

  .kakeya__member__title {
    margin:calc(-54px /2) auto auto;
  }

  .kakeya__member__title span {
    font-size: calc(20px / 1.18);
    padding: 0 calc(36px /2);
  }

  .kakeya__member__subtitle span {
    font-size:calc(18px / 1.15);
  }

  .kakeya__member__subtitle img {
    width: calc(130px /2);
    vertical-align: middle;
  }

  .kakeya__member__service1,
  .kakeya__member__service2 {
    padding: calc(45px /2) 0 0;
    border-bottom: 2px dotted #000
  }

  .kakeya__member__service.divided1 ,
  .kakeya__member__service.divided2 {
    margin: calc(36px /2) auto;
  }

  .kakeya__member__list {
    flex-basis: 100%;
    margin:calc(18px / 2) auto;
  }
    
  .kakeya__member__list:nth-child(odd) ,
  .kakeya__member__list:nth-child(even) {
    margin-left: auto;
    margin-right:auto
  }
    
  .kakeya__member__img {
    flex-basis: 100%;
    margin-right: 0;
    background: #333;
    border-radius: 9px;
    margin-bottom: 9px;
  }

  .kakeya__member__img img {
    flex-basis: calc(188px / 4);
    width: 52px;
    border-radius: 9px;
  }

  .kakeya__member__img span {
    display: inline-block;
    vertical-align: middle;
    font-weight: bold;
    font-size: 18px;
    color: #fff;
    text-align: left;
    padding-top: 2.25px;
  }

  .kakeya__member__text {
    flex-basis: 100%;
  }

  .kakeya__member__list__title span ,
  .kakeya__member__list__title span:before {
    display: none;
  }

  .kakeya__member__text ul li  {
    margin-left:calc(16px / 1);
  }

  .kakeya__member__text ul.small li  {
    font-size: calc(13.5px / 1);
    text-indent: calc(-18px / 1);
    margin-left: calc(18px / 1);
  }

  .kakeya__member__text ul.small li:before {
    content: '※';
    padding-right: calc(4.5px /2);
  }

  .kakeya__member__text p.small   {
    font-size: calc(13.5px / 1);
  }

}




/*kakeya__app
.kakeya__app {
  border-bottom: 2px solid #000;
}

.kakeya__app__container {
  background: #fff;
  padding: 54px 0;
  margin-top: 54px;
}

.kakeya__app__list {
  margin-top: 72px;
  margin-bottom: 36px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.kakeya__app__list__img {
  flex-basis: 35%;
}

.kakeya__app__list__text {
  flex-basis: 60%;
}

.kakeya__app__downloadt {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.kakeya__app__download__list {
  flex-basis: 45%;
}

.kakeya__app1  {
  width: calc(634px / 2);
}

.kakeya__app2  {
  width: calc(453px / 2);
}

.kakeya__app3  {
  width: calc(396px / 2);
}

.kakeya__app4  {
  width: calc(396px / 2);
}

@media only screen and (max-width:520px) {
  .kakeya__app__container {
    background: transparent;
    margin: auto;
    padding: calc(54px /2) 0;
    margin-top: calc(54px /2)
  }

  .kakeya__app__list {
    margin: auto;
    margin-top: calc(72px /2);
    margin-bottom: calc(36px /2);
    text-align: center;
  }

  .kakeya__app__list__img,
  .kakeya__app__list__text {
    flex-basis: 80%;
    margin: 9px auto;
  }

  .kakeya__app__list__text ul {
    text-align: left;
  }

  .kakeya__app__download__list {
    flex-basis: 45%;
  }


}



/*kakeya__appflow__container
.kakeya__appflow__container {
  background: #fff;
  border:2px dotted #097FDC;
  padding: 36px 90px;
  border-radius: 27px;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}

.kakeya__appflow__list {
  flex-basis: 47.5%;
  position: relative;
}

  .kakeya__appflow__list:nth-child(1):before {
    content: '▶︎';
    position: absolute;
    top: 22.5%;
    left: 100%;
    margin: 0;
    font-size: 30px;
  }

.kakeya__appflow__list {
  flex-basis: 45%;
  position: relative;
}

@media only screen and (max-width:520px) {
  .kakeya__appflow__container {
    padding: calc(36px / 36) calc(90px /2) calc(36px / 1.5);
    border-radius: calc(27px /2);
  }

  .kakeya__appflow__list {
    flex-basis: 100%;
    padding: 27px 0 0;
  }

    .kakeya__appflow__list:nth-child(2) {
      padding-top: 0;
    }

  .kakeya__appflow__list:nth-child(1):before {
    display: none;
  }

  .kakeya__appflow__list:nth-child(1):after {
    content: '▼';
    position: relative;
    top: 22.5%;
    left: calc(100% / 2.25);
    margin: 0;
    font-size: calc(30px /1);
  }

}


/* ----------------------------------------------------------

Staff Setting

---------------------------------------------------------- */
/*staff*/
.staff__container {
  padding-top: 36px;
  padding-bottom: 45px;
}

.staff__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
  padding:36px 0;
}

.staff__list__img {
  flex-basis:220px;
}

.staff__list__img img {
  width: 100%;
  border-radius: 18px;

  box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.3);
}

.staff__list__text {
  flex-basis:calc(100% - 260px);
  padding-top: 9px;
}

.staff__list__title {
  text-align: left;
  margin: 0 0 18px;
}

.staff__list__title span.ja {
  display: block;
  text-align: left;
  font-size: 18px;
  font-weight: 600;
  line-height: 1.56789;
  border-left: 9px solid #223F60;
  padding-left: 9px;
}

.staff__list__name {
  text-align: left;
  margin: 0;
}

.staff__list__name span {
  display: block;
  line-height: 1.56789;
}

.staff__list__name span.en {
  font-size: 13px;
  color:#9A9A9A;
  font-weight: 300;
  letter-spacing: 0.05em;
}

.staff__list__name span.ja {
  font-size: 22px;
  font-weight: 600;
  color: #333;
}

.staff__detail {
  margin-top: 11.25px;
}

@media only screen and (max-width:520px) {
  .staff__container {
    padding-top: 0;
    padding-bottom: calc(45px / 1.5);
  }

  .staff__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
    padding:calc(36px / 2) 0;
  }

  .staff__list__img {
    flex-basis:100%;
  }

  .staff__list__img img {
    width: 100%;
    border-radius: 18px;
    margin-bottom: 18px;
    box-shadow: 2px 4px 12px 0px rgba(0, 0, 0, 0.3);
  }

  .staff__list__text {
    flex-basis:100%;
    padding-top: 9px;
  }

  .staff__list__title {
    text-align: left;
    margin: 0 0 0;
  }

  .staff__list__title span.ja {
    font-size: 16px;
    font-weight: 400;
    color: #333333;
    line-height: 1.56789;
    border-left: none;
    padding-left: 0;
  }

  .staff__list__name {
    text-align: left;
    margin: 0;
  }

  .staff__list__name span {
    display: block;
    line-height: 1.56789;
  }

  .staff__list__name span.en {
    display: none;/*
    font-size: 13px;
    color:#9A9A9A;
    font-weight: 300;
    letter-spacing: 0.05em;*/
  }

  .staff__list__name span.ja {
    font-size: 20px;
    font-weight: 600;
  }

  .staff__detail {
    margin-top: 11.25px;
  }
}


/* ----------------------------------------------------------

Company Setting

---------------------------------------------------------- */
/*company*/
.company__leed {
  margin-top: 63px;
  font-size: 20px;
  font-weight:600;
  text-align: center;
  margin-bottom:72px;
}

@media only screen and (max-width:520px) {
  .company__about .section__title span {
    text-align: left;
  }

  .company__leed {
    margin-top: calc(63px / 2);
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    margin-bottom:calc(72px / 2);
  }

}

/*company__head*/
.company__head {
  width: 100%;
  min-height: 629px;
  background-image: url(../img/company__head__pc.jpg);
  background-position:too center;
  background-repeat: no-repeat;
  background-size: cover;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  z-index: 1;
  padding:90px;
  text-align: center;
  margin: auto 
}

.company__head__container {
  background-color: rgba(255, 255, 255, 0.620);
  padding: 90px 90px 81px;
  flex-basis: 100%;
}

.company__head__text {
  padding-left: 45px;
  padding-right: 45px;
}

.company__head__title  {
  text-align: center;
  margin: auto;
  margin-bottom: 45px;
}

.company__head__title span.ja {
  text-align: center;
  margin: auto;
  display: block;
  font-size: 25px;
  line-height: normal;
  font-weight: 600;
  letter-spacing: 0.05em;
}

.company__head__text p {
  text-align: center;
  font-size: 16px;
  margin: auto;
  line-height: 1.568;
  font-weight: bold;
  margin-bottom:9px;
  letter-spacing: 0.05em;
}


@media only screen and (max-width:520px) {
  .company__head {
    width: 100%;
    min-height: 1px;
    background-image: url(../img/company__head__sp.jpg);
    background-position:too center;
    background-repeat: no-repeat;
    background-size: cover;
    padding:calc(90px / 1.5) 18px;
  }

  .company__head__container {
    background-color: rgba(255, 255, 255, 0.620);
    padding: calc(90px / 1.5) 18px calc(81px / 1.5);
  }

  .company__head__text {
    padding-left: 9px;
    padding-right: 9px;
  }

  .company__head__title  {
    text-align: center;
    margin: auto;
    margin-bottom: 45px;
  }

  .company__head__title span.ja {
    font-size: 25px;
    letter-spacing: calc(0.05em / 1.5);
  }

  .company__head__text p {
    font-size: 16px;
    line-height: 1.568;
    font-weight: 500;
    text-align: left;
    margin-bottom:calc(9px /1.5);
    letter-spacing:calc(0.05em /1.5);
  }

}


/*company__message*/
.company__message {
  padding: calc(90px + 36px) 0 0;
}

.company__message__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.company__message__text {
  order: 2;
  flex-basis:calc(100% - 485px)
}

.company__message__img {
  order: 1;
  flex-basis: 443px;
}

.company__message__text .section__subtitle span {
  font-size: 30px;
  margin-bottom: 27px;
}

.company__message__title  {
  text-align: left;
  margin: a0;
}

.company__message__title span {
  display: block;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
}

.company__message__title:after {
  position: absolute;
  content: '';
  top: calc(100% + 9px);
  left: 0;
  width: 112px;
  height: 1px;
  border-top: 1px solid #223F60;
} 

.company__message__text p {
  margin-top: 27px;
  text-align: justify;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6789;
}

@media only screen and (max-width:520px) {
  .company__message {
    padding: calc(90px / 2) 0 0;
  }

  .company__message__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
  }

  .company__message__text {
    order: 2;
    flex-basis: 100%;
  }

  .company__message__img {
    order: 1;
    flex-basis: 100%;
    text-align: center;
    margin:auto auto 18px;
  }

  .company__message__img .section__subtitle span {
    font-size: 22px;
    text-align: center;
    margin: auto auto 9px;
  }

  .company__message__title  {
    text-align: center;
    margin: auto;
  }

  .company__message__title span {
    text-align: center;
    font-size:18px;
    margin: auto;
  }

  .company__message__title:after {
    top: calc(100% + 13.5px);
    left: calc(50% - calc(112px / 2));;
    width: 112px;
    height: 1px;
    border-top: 1px solid #223F60;
  } 

  .company__message__text p {
    margin-top: 30.5px;
    font-weight: 500;
    font-size: 16px;
  }

}


/*company__information*/
.company__information {
  padding: 90px 0 0;
}

.company__information__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.company__information__text {
  order:1;
  flex-basis:calc(100% - 527px)
}

.company__information__img {
  order: 2;
  flex-basis: 500px;
  margin-top: 69.25px;
}

.company__information__text .section__subtitle span {
  font-size: 30px;
  margin-bottom: 18px;
}

.company__information__title  {
  text-align: left;
  margin: 0;
}

.company__information__title span {
  display: block;
  text-align: left;
  font-size: 22px;
  font-weight: bold;
}

.company__information__text p {
  margin-top: 27px;
  text-align: justify;
  font-weight: 500;
  font-size: 16px;
  line-height: 1.6789;
}

@media only screen and (max-width:520px) {
  .company__information {
    padding:calc(90px / 2) 0 0;
  }

  .company__information__text {
    order:1;
    flex-basis:100%
  }

  .company__information__img {
    order: 2;
    flex-basis:100%;
    margin-top: 18px;
  }

  .company__information__text .section__subtitle span {
    font-size: 22px;
    text-align: center;
    margin: auto auto 18px
  }
/*
  .company__information__title  {
    text-align: left;
    margin: 0;
  }

  .company__information__title span {
    text-align: left;
    font-size: 22px;
    font-weight: bold;
  }

  .company__information__text p {
    margin-top: 27px;
    text-align: justify;
    font-weight: 500;
    font-size: 16px;
    line-height: 1.6789;
  }

*/
}

/*company__map*/
.company__map {
  width: 100%;
  padding: 90px 0 90px;
  position: relative;
}

.company__map iframe {
  width: 100%;
  height: 500px;
}

@media only screen and (max-width:520px) {
  .company__map {
    width: 100%;
    padding: calc(90px / 2) 0 calc(90px / 10)
  }

  .company__map iframe {
    height: calc(500px / 2)
  }

}

/* ----------------------------------------------------------

Strengths Setting

---------------------------------------------------------- */
/*strengths*/
.strengths__leed {
  margin-top: 27px;
  font-size: 20px;
  font-weight:600;
  text-align: center;
  margin-bottom:72px;
}

.strengths__imgaes__list {
  display: flex;
  flex-wrap:wrap;
  justify-content: center;
  align-items: center;
  margin-top: -36px;
  position: relative;
}

.strengths__imgaes__list li {
  flex-basis: 25%;
  margin: 0;
}

@media only screen and (max-width:520px) {
  .strengths__leed {
    margin-top: calc(27px / 1.5);
    font-size: 15px;
    text-align: justify;
    font-weight: 400;
    margin-bottom:calc(72px / 2);
  }

  .strengths__imgaes__list {
    margin-top: calc(-36px / 2);
  }

  .strengths__imgaes__list li {
    flex-basis: 50%;
    margin: 0;
  }
}


/*strengths__list*/
.strengths__list {
  display: flex;
  flex-wrap:wrap;
  justify-content: space-between;
  align-items: stretch;
  background-position: top center;
  background-repeat: no-repeat;
  background-size: cover;
}

  .strengths__list1 {
    background-image: url(../img/strengths5__pc.jpg);
  }

  .strengths__list2 {
    background-image: url(../img/strengths6__pc.jpg);
  }

  .strengths__list3{
    background-image: url(../img/strengths7__pc.jpg);
  }

.strengths__text {
  flex-basis: 50%;
  background: rgba(255,255, 255, 0.8);
  padding: 90px;
}

.strengths__img {
  flex-basis: 50%;
  background: transparent;
  padding: 90px;
}

  .strengths__list:nth-child(odd) .strengths__text {
    order: 1;
  }

  .strengths__list:nth-child(odd) .strengths__img {
    order:2;
  }

  .strengths__list:nth-child(even) .strengths__text {
    order:2;
  }

  .strengths__list:nth-child(odd) .strengths__img {
    order:1;
  }

.strengths__title {
  text-align: center;
  position: relative;
  margin: auto auto 45px;
}

.strengths__title span {
  display: block;
  text-align: center;
  margin: auto;
  letter-spacing: 0.05em;
  font-size: 25px;
  font-weight: bold;
}

.strengths__title:after {
  position: absolute;
  content: '';
  top: 63px;
  left: calc(50% - calc(110px /2));
  width: 110px;
  height: 2ox;
  border-bottom: 2px solid #223F60;
  text-align: center;
  margin: auto;
}

.strengths__text p {
  text-align: justify;

}


@media only screen and (max-width:520px) {
  .strengths__list {
    display: flex;
    flex-wrap:wrap;
    justify-content: space-between;
    align-items: stretch;
  }

  .strengths__list1 ,
  .strengths__list2,
  .strengths__list3 {
    background-image:none;
  }

  .strengths__text {
    flex-basis: 100%;
    padding: calc(90px / 1.5) 18px;
    background-color: rgba(255,255, 255, 0.8);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
  }

    .strengths__list1 .strengths__text {
      background-image: url(../img/strengths5__sp1.jpg);
    }

    .strengths__list2 .strengths__text {
      background-image: url(../img/strengths6__sp1.jpg);
    }

    .strengths__list3 .strengths__text {
      background-image: url(../img/strengths7__sp1.jpg);
    }

  .strengths__text:after {
    position: absolute;
    width: 100%;
    height: 100%;
    content: '';
    top: 0;
    margin: 0;
    left: 0;
    background-color: rgba(255,255, 255, 0.63);
  }

  .strengths__img {
    flex-basis: 100%;
    padding: 0;
  }

  .strengths__list:nth-child(odd) .strengths__text ,
  .strengths__list:nth-child(even) .strengths__text {
    order: 1!important
  }

  .strengths__list:nth-child(odd) .strengths__img ,
  .strengths__list:nth-child(even) .strengths__img {
    order:2!important
  }

  .strengths__title {
    position: relative;
    z-index: 123;
    margin: auto auto calc(45px / 1.5);
  }

  .strengths__title span {
    letter-spacing: calc(0.05em /1.5);
    font-size: calc(25px / 1.275);
  }

  .strengths__title:after {
    position: absolute;
    content: '';
    top: calc(63px /1.35);
    left: calc(50% - calc(110px /2));
    width: 110px;

  }

  .strengths__text p {
    text-align: justify;
    position: relative;
    z-index: 345;
    font-size: 15px;
  }

}


/* ----------------------------------------------------------

Renovation Setting

---------------------------------------------------------- */
/*renovation__head__contaier*/
.renovation__head__contaier {
  padding: 36px ;
  box-sizing: border-box;
  border-radius: 9px;
  margin-top: 54px;
  margin-bottom: 54px;
}

.renovation__head__contaier p {
  text-align: center;
  font-size: 18px;
  font-weight: 600;
}

@media only screen and (max-width:520px) {
 .renovation__head__contaier {
    padding: calc(36px / 2) 9px;
    margin-top: calc(54px / 4);
    margin-bottom: calc(54px / 2);
  }

  .renovation__head__contaier p {
    font-size: 16px;
    text-align: left;
  }

}


/*renovation__detail__mainimg*/
.renovation__detail__mainimg ,
.renovation__detail__mainimg img {
  width: 100%;
  height: auto;
}

.renovation__detail__mainimg  {
  margin-bottom: 18px;
}

.renovation__detail__mainimg .slick-prev {
  left: 0!important;
  z-index: 123456!important;
}

.renovation__detail__mainimg .slick-next {
  right:calc(10px)!important;
  z-index: 123456!important;
}

.renovation__detail__mainimg .slick-prev::before,
.renovation__detail__mainimg .slick-next::before {
  font-size: 27px!important;
  color: #fff;
  font-weight: bold;
  background: rgba(0, 0, 0, 0.70);
  padding: 54px 9px;
  box-sizing: border-box;
  opacity: 0.75;
}

  .renovation__detail__mainimg .slick-prev::before {
    border-radius: 0 9px 9px 0;
    content: url(../img/icon__arrow__l.png);  
  }

  .renovation__detail__mainimg .slick-next::before {
    border-radius:  9px 0 0 9px;
    content: url(../img/icon__arrow__r.png); 
  }


.renovation__detail__mainimg img {
  object-fit: contain;
  object-position:50% 0 ;
  width: 100%;
  max-height: 660px;
}


.renovation__detail__thumbnail {
  max-width:100%;
  margin:0 ;
  text-align: left;
}

.renovation__detail__thumbnail .slick-slide  {
  margin: 0 5px;
}

.renovation__detail__thumbnail img {
  object-fit: cover;
  object-position:50% 50%;
  width: 140px;
  height:100px;
  opacity: 0.35;
  transition: 0.3s all;
  cursor: pointer;
}

  .renovation__detail__thumbnail .slick-current img {
    opacity: 1;
  }

.renovation__detail__thumbnail #thumbs {
  max-width:100%;
  margin:0 ;
  text-align: left;
}

.renovation__detail__thumbnail #thumbs .slick-slide {
  margin: 0 5px;
}

@media only screen and (max-width:520px) {
  .renovation__detail__mainimg  {
    margin-bottom: calc(18px / 1.5);;
  }

  .renovation__detail__thumbnail ,
  .renovation__detail__comment  {
    margin:9px 0 ;
    font-size: calc(18px / 1.15);
  }

  .renovation__detail__mainimg img {
    width:  100%;
    max-height: calc(660px / 2);
  }

  .renovation__detail__thumbnail img {
    border:2px solid #fff;
    box-sizing: border-box;
    border-collapse: collapse;
  }

  .renovation__detail__mainimg .slick-prev {
    top: 45%;
  }

  .renovation__detail__mainimg .slick-next {
    top: 45%;
  }


}


/*renovation__flow*/
.renovation__flow {
  padding-top: calc(90px + 13.5px);
}

.renovation__flow__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.renovation__flow__list {
  flex-basis: calc(100%  / 3);
  padding:0 54px;
  margin:36px 0 45px;
  box-sizing: border-box;
  border-right: 1.5px solid #2A2A2A;
}

  .renovation__flow__list.step1,
  .renovation__flow__list.step4 {
    border-left: 1.5px solid #2A2A2A;
  }

  .renovation__flow__list.step1:before ,
  .renovation__flow__list.step2:before ,
  .renovation__flow__list.step3:before ,
  .renovation__flow__list.step4:before ,
  .renovation__flow__list.step5:before {
    content: "";
    position: absolute;
    top: 50%;
    right: -22px;
    margin-top: -11px;
    border: 11px solid transparent;
    border-left: 11px solid #FFF;
    z-index: 2;
  }

  .renovation__flow__list.step1:after ,
  .renovation__flow__list.step2:after ,
  .renovation__flow__list.step3:after ,
  .renovation__flow__list.step4:after ,
  .renovation__flow__list.step5:after {
    content: "";
    position: absolute;
    top: 50%;
    right: -26px;
    margin-top: -13px;
    border: 13px solid transparent;
    border-left: 13px solid #2A2A2A;
    z-index: 1;
  }

.renovation__flow__step {
  width: 77px;
  height: 77px;
  text-align: center;
  margin: auto;
  border-radius: 77px;
  background-color: #E0E8EF;
  padding-top:calc(77px / 4.5) ;
}

.renovation__flow__step span {
  display: block;
  text-align: center;
  line-height: 1.123456;
}

.renovation__flow__step span.title {
  font-size: 14px;
  font-style: italic;
}

.renovation__flow__step span.num {
  font-size: 27px;
  font-weight: bold;
}

.renovation__flow__img {
  margin:27px auto 18px;
  text-align: center;
}

.renovation__flow__img img {
  margin:auto;
  text-align: center;
}

.renovation__flow__title {
  margin: auto;
  text-align: center;
  margin-bottom: 9px;
}

.renovation__flow__title span {
  display: block;
  font-weight: 600;
  font-size: 20px;
  color: #223F60;
  margin:  auto;
  text-align: center;
}

.renovation__flow__text p {
  text-align: justify;
  font-size: 17px;
  margin-bottom: 9px;
}

@media only screen and (max-width:520px) {
  .renovation__flow {
    padding-top: calc(90px / 2);
  }

  .renovation__flow__list {
    flex-basis: 100%;
    padding:9px 0 18px;
    margin:calc(36px / 2) 0 calc(45px / 45);;
    border-right: none;
    border-bottom: 1.5px solid #2A2A2A;
  }

  .renovation__flow__list.step1,
  .renovation__flow__list.step4 {
    border-left: none;
  }

  .renovation__flow__list.step6 {
    border-bottom: none;
  }

  .renovation__flow__list.step1:before ,
  .renovation__flow__list.step2:before ,
  .renovation__flow__list.step3:before ,
  .renovation__flow__list.step4:before ,
  .renovation__flow__list.step5:before {
    content: "";
    position: absolute;
    top: 100%;
    right: calc(50% - 14px);
    border: 12px solid transparent;
    border-top: 12px solid #FFF;
    z-index: 2;
    margin-top: auto;
    border-left-color: transparent;
  }

  .renovation__flow__list.step1:after ,
  .renovation__flow__list.step2:after ,
  .renovation__flow__list.step3:after ,
  .renovation__flow__list.step4:after ,
  .renovation__flow__list.step5:after {
    content: "";
    position: absolute;
    top: 100%;
    right: calc(50% - 14px);
    margin-right: -2px;
    border: 14px solid transparent;
    border-top: 14px solid #2A2A2A;
    z-index: 1;
    margin-top: auto;
    border-left-color: transparent;
  }

  .renovation__flow__step {
    width: calc(77px / 1.25);
    height:calc(77px / 1.25);
    border-radius:calc(77px / 1.25);
    padding-top:calc(77px / 5) ;
  }

  .renovation__flow__step span {
    line-height: 1;
  }

  .renovation__flow__step span.title {
    font-size: 13px;
  }

  .renovation__flow__step span.num {
    font-size: 22px;
  }

  .renovation__flow__img {
    margin:calc(27px / 1.5) auto calc(18px / 1.5);
  }

  .renovation__flow__title {
    margin-bottom: calc(9px / 1.5);;
  }

  .renovation__flow__title span {
    font-size: 18px;
  }

  .renovation__flow__text p {
    font-size: 16px;
    margin-bottom: calc(9px / 1.5);;;
  }

}


/*renovation__consultation*/
.renovation__consultation {
  padding: 90px 0 45px;
  margin: 90px auto;
}

.renovation__consultation__container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 36px 0;
}

.renovation__consultation__img {
  flex-basis: 300px;
}

.renovation__consultation__text {
  flex-basis: calc(100% - 400px)
}

.renovation__consultation__title {
  text-align: left;
  margin: 0;
}

.renovation__consultation__title span {
  display: block;
  text-align: left;
  margin: 0;
  font-size: 25px;
  font-weight: bold;
}

.renovation__consultation__text p  {
  margin-top: 18px;
  text-align: justify;
}

.renovation__consultation__text p strong  {
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 18px;
}

@media only screen and (max-width:520px) {
  .renovation__consultation {
    padding: calc(90px / 5) 0 calc(45px / 2);
    margin: calc(90px / 2) auto;
  }

  .renovation__consultation__container {
    padding: calc(36px / 1.5) 0;
  }

  .renovation__consultation__img {
    flex-basis: 100%;
    padding: 18px;
    margin: auto;
    text-align: center;
  }

  .renovation__consultation__text {
    flex-basis:100%;
    margin-top: 9px;
  }

  .renovation__consultation__title span {
    font-size: calc(25px / 1.25);
    font-weight: bold;
  }

  .renovation__consultation__text p  {
    margin-top: calc(18px / 1.5);;
  }

  .renovation__consultation__text p strong  {
    font-size: 16px;
    margin-bottom: calc(18px / 1.5);;
  }

}


/*renovation__loan*/
.renovation__loan {
  padding-top: 72px;
  padding-bottom: 72px;
}

.renovation__loan__title {
  text-align: center;
  margin: auto;
}

.renovation__loan__title span {
  display: inline-block;
  vertical-align: middle;
}

.renovation__loan__title span.example {
  font-size: 25px;
  width: 52px;
  height: 52px;
  border-radius: 4px;
  line-height: 2.12345;
  text-align: center;
  background: #152D47;
  color: #fff;
  margin: auto;
  margin-right: 4.5px;
  margin-top: -9px;
}

.renovation__loan__title span.price {
  font-size: 25px;
  font-weight: 600;
}

.renovation__loan__title span.price ,
.renovation__loan__title span.price strong,
.renovation__loan__title span.price small {
  display: inline-block;
  vertical-align: middle;
}

  .renovation__loan__title span.price {
    font-size: 25px;
  }

  .renovation__loan__title span.price strong {
    font-size: 40px;
    margin-top: -6.25px;
  }

  .renovation__loan__title span.price small {
    font-size:18px;
  }

.renovation__loan__img {
  text-align: center;
  margin: 90px auto 27px;
  padding: 0;
}

.renovation__loan__img img {
  width: 100%;
}

.renovation__loan__text p {
  font-size: 13px;
}

.renovation__loan__cta {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 72px 0 45px;
}

.renovation__loan__cta__text {
  flex-basis:calc(100% - 420px) ;
}

.renovation__loan__cta__img {
  flex-basis:397px
}

.renovation__loan__cta__text p strong {
  display: block;
  font-size: 18px;
}

@media only screen and (max-width:520px) {
   .renovation__loan {
    padding-top: calc(72px / 5);
    padding-bottom:calc(72px / 5);
  }

  .renovation__loan__title span.example {
    font-size: calc(25px / 1.25);
    width: calc(52px / 1.25);
    height: calc(52px / 1.25);
    line-height: 2.12345;
    margin-right: 4.5px;
    margin-top: -9px;
  }

  .renovation__loan__title span.price {
    font-size: calc(25px / 1.25);
  }

  .renovation__loan__title span.price {
    font-size: calc(25px / 1.25);
  }

  .renovation__loan__title span.price strong {
    font-size: calc(40px / 1.4);
    margin-top: calc(-6.25px / 1.5);
  }

  .renovation__loan__title span.price small {
    font-size:calc(18px / 1.18);
  }

  .renovation__loan__img {
    margin: calc(90px / 2) auto calc(27px / 1);
  }

  .renovation__loan__text p {
    font-size: calc(13px / 1.1);
  }

  .renovation__loan__cta {
    padding: calc(72px / 2) 0 calc(45px / 2);
  }

  .renovation__loan__cta__text {
    flex-basis:100%;
    order: 2;
  }

  .renovation__loan__cta__img {
    order: 1;
    flex-basis:100%;
    padding: 18px;
    text-align:center;
    margin: auto;
  }

  .renovation__loan__cta__text p strong {
    font-size: alc(18px / 1.18);
  }

}

/* ----------------------------------------------------------

Contact Setting

---------------------------------------------------------- */
/*contact*/
.contact__tel__container {
  display: flex;
  flex-wrap: wrap;
  justify-content:center;
  align-items: center;
  padding: 27px;
  background: #E0E8EF;
  border-radius: 9px;
  margin: 45px auto;
}

.contact__tel__left {
  flex-basis: 45%;
  padding: 18px 45px;
  text-align: right;
  border-right: 1.5px dashed #555
}

.contact__tel__right {
  flex-basis: 45%;
  text-align: left;
  padding: 18px 45px;
}

.contact__tel__left span {
  display:block;
  vertical-align: middle;
  font-size: 20px;
  font-weight: bold;
}

.contact__tel__right li  {
  font-size: 18px;
}

.contact__tel__right li a {
  text-decoration: none;
  font-size: 18px;
  font-weight: bold;
}

@media only screen and (max-width:520px) {
  .contact__tel__container {
    padding: calc(27px / 2);
    border-radius: 9px;
    margin: calc(45px / 2) auto;
  }

  .contact__tel__left {
    flex-basis: 100%;
    padding: calc(18px / 2) calc(27px / 1);
    text-align: center;
    border-right: none;
    border-bottom: 1.5px dashed #555
  }

  .contact__tel__right {
    flex-basis: 100%;
    text-align: center;
    margin: auto;
    padding: calc(18px /2) calc(27px /2);
  }

  .contact__tel__right .cta__tel {
    text-align: center;
    margin: 13.5px auto auto;
  }

  .contact__tel__right .cta__tel__text {
    text-align: center;
    margin: 13.5px auto auto;
    font-weight: 400;
  }

  .contact__tel__left span {
    font-size: 16px
  }
/*
  .contact__tel__right li  {
    font-size: calc(18px / 1.15);
  }

  .contact__tel__right li a {
    font-size: calc(18px / 1.15);
  }
*/
}

/*contact__form*/
.contact__form  {
  padding-bottom: 36px;
}

  .table__bordered td span.req:after {
    content: '必須';
    position: relative;
    left: 0;
    color:#fff;
    background: #223F60;
    border: 1px solid #223F60;
    border-radius: 4.5px;
    padding: 4.5px ;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-top:2.25px;
    margin-right: 18px;
    max-width: 36px;
  }

  .table__bordered2 .table__child th span.req:after,
  .table__bordered .table__child th span.req:after,
  .table__bordered th span.req:after {
    content: '必須';
    position: absolute;
    top: calc(50% - 13.5px);
    left: calc(100% - 63px);
    color:#fff;
    background: #223F60;
    border: 1px solid #223F60;
    border-radius: 4.5px;
    padding: 4.5px ;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-right: -22.5px;
    max-width: 36px;
  }


  .table__bordered2 td span.req:after {
    content: '必須';
    position: relative;
    left: 0;
    color:#fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4.5px;
    padding: 4.5px ;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-top:2.25px;
    margin-right: 18px;
    max-width: 36px;
  }

  .table__bordered2 th span.req:after {
    content: '必須';
    position: absolute;
    left: calc(100% - 63px);
    right: 0;
    color:#fff;
    background: transparent;
    border: 1px solid #fff;
    border-radius: 4.5px;
    padding: 4.5px ;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-top:4.15px;
    margin-right: -22.5px;
    max-width: 36px;
  }


@media only screen and (max-width:520px) {
  .contact__form  {
    padding-bottom: calc(36px / 2);
  }

  .table__bordered td span.req:after,
  .table__bordered2 td span.req:after {
    border-radius: 4.5px;
    padding: 4.5px ;
    text-align: center;
    font-size: calc(14px / 1.1);
    margin-top:calc(2.25px /1.5);
    margin-right: 18px;
    max-width: 36px;
  }

  .table__bordered .table__child th span.req:after,
  .table__bordered th span.req:after ,
  .table__bordered2 .table__child th span.req:after,
  .table__bordered2 th span.req:after {
    left: calc(100% - calc(63px / 1));
    right: 18px;
    border-radius: 4.5px;
    padding: 4.5px ;
    text-align: center;
    font-size: 14px;
    font-weight: 300;
    line-height: 1;
    margin-right: -22.5px;
    max-width: 36px;
  }

}

.contact__form .wpcf7-list-item {
  margin-right:27px;
  margin-top:4.5px ;
  margin-left: 0;
  margin-bottom:4.5px ;
  display: inline-block;
}

  .contact__form .vertical .wpcf7-list-item,
  .contact__form .wpcf7-list-item.vertical {
    margin-right:27px;
    margin-top:4.5px ;
    margin-left: 0;
    margin-bottom:4.5px ;
    width: 100%;
    display: block;
  }

.contact__form input[type=text],
.contact__form input[type=number],
.contact__form input[type=email],
.contact__form input[type=password],
.contact__form input[type=url],
.contact__form input[type=tel],
.contact__form input[type=date],
.contact__form textarea {
  appearance:none;
  outline:none;
  border-radius: 9px;
  border:transparent;
  padding: 18px;
  box-sizing:border-box;
  background: #EDEDED;
  max-width: 100%;
  font-size: 18px;
  margin-top: 2.25px;
  margin-bottom: 2.25px;
}

.contact__form input[type=date] {
  font-size: 16px;
  padding: 17px 18px;;
  color:#222!important;
}

.contact__form input[type=text]:focus,
.contact__form input[type=number]:focus,
.contact__form input[type=email]:focus,
.contact__form input[type=password]:focus,
.contact__form input[type=url]:focus,
.contact__form input[type=tel]:focus,
.contact__form input[type=date]:focus,
.contact__form textarea:focus {
  transition: 0.3s;
  background: #fff;
  color:#222!important;
  box-shadow: 0 0 0 6px rgba(0,0,0,0.1)
}

.select  {
  /*
  display: inline-block;
  */
  display: inline-block;
  vertical-align: middle;;
  margin-top: -6.75px;

  position: relative;
  border-radius: 9px;
  border:transparent;
  box-sizing:border-box;
  background: #EDEDED;
  margin-top: 2.25px;
  margin-bottom: 2.25px;
}

.select select {
  box-sizing:border-box;
  width: 100%;
  outline: none;
  border:none;
  background: transparent;
  background-image: none;
  box-shadow: none;
  appearance: none;
  color: #000;
  max-width: 100%;/*
  padding: 18px 36px 9px 18px;*/
  padding: 18px 36px 18px 18px;
  font-size: 18px;
}

.select::before {
  position: absolute;
  top: 45%;
  right:9px;
  width: 0;
  height: 0;
  padding: 0;
  content: '';
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #222;
  pointer-events: none;
}

.select select::-ms-expand {
  display: none;
}

.contact__form ::-webkit-input-placeholder,
.contact__form :-ms-input-placeholder,
.contact__form ::placeholder{
  color:#aaa!important
}

.contact__form input[type=radio],
.contact__form input[type=checkbox] {
  transform:scale(1.5);
  margin-left: 0;
  margin-right: 9px;
}

.contact__form .inline {
  display: inline-block;
  vertical-align: middle;
  margin-right:18px;
  margin-top: 2.25px;
  margin-bottom: 2.25px;
  line-height: 1;
}

.contact__form__approve {
  margin: 36px auto;
  text-align: center;
}

.contact__form__approve a {
  text-decoration: underline;
}

.contact__form__approve a:hover,
.contact__form__approve a:focus {
  text-decoration: none;
}

.wpcf7-submit {
  font-size: 110%;
}

/*contact__form .caution*/
.contact__form .caution {
  display: block;
  font-size: 14px;
  margin-top: 18px;
  padding: 13.5px 13.5px 9px;
  background: rgba(239, 255, 125, 0.41);
  text-align: left;
}

@media only screen and (max-width:520px) {
  .contact__form input[type=text],
  .contact__form input[type=number],
  .contact__form input[type=email],
  .contact__form input[type=password],
  .contact__form input[type=url],
  .contact__form input[type=tel],
  .contact__form input[type=date],
  .contact__form textarea {
    padding: calc(18px / 1.25) calc(18px / 1.5) calc(18px / 1.15);
    font-size: calc(18px / 1.15);
    margin-top: 2.25px;
    margin-bottom: 2.25px;
  }

  .contact__form input[type=date] {
    font-size: 16px;
    padding: calc(18px / 1.15) calc(18px / 1.25);
    color:#222!important;
  }

  .contact__form .select select {/*
    padding: 18px 36px 9px 18px;*/
    padding: calc(18px / 1.25) calc(36px / 1.5) calc(18px / 1.75) calc(18px / 1.5);
    font-size: calc(18px / 1.15);
  }

  .contact__form .inline {/*
    display: block;
    margin-right:auto;
    margin-bottom: 9px;*/
    vertical-align: middle;
    margin-right:calc(18px / 2);
  }

  .contact__form .inline:nth-last-child(1) ,
  .contact__form .inline:last-of-type {
    margin-bottom: aauto;
  }
}


/*table__child*/
.contact__form .table__child  {
  margin-top: 18px;
  border: 1px solid #223F60;
  box-sizing: border-box;
  border-collapse: collapse;
}

.contact__form .table__child thead th {
  background: #223F60;
  text-align: left;
  border: 1px solid #223F60;
  box-sizing: border-box;
  padding:18px  ;
  line-height: 1;
  color: #fff;
}

.contact__form .table__child tbody th,
.contact__form .table__child tbody td {
  padding:13.5px 18px;
  border: none;
}

@media only screen and (max-width:520px) {
  .contact__form .table__child  {
    margin-top:calc(18px / 2);
  }

  .contact__form .table__child thead th {
    padding:calc(18px / 1) calc(18px / 1.5) calc(18px / 2) ;
  }

  .contact__form .table__child tbody th {
    padding:calc(13.5px / 1) calc(18px /1) 2.25px
  }

  .contact__form .table__child tbody td {
    padding:2.25px calc(18px /1) calc(13.5px / 1)
  }

}

/*zipaddr*/
#autozip {
   display: none !important;
}

/* ----------------------------------------------------------

Thanks Setting

---------------------------------------------------------- */
.thanks__leed {
  text-align: center;
}

.thanks .to_top {
  text-align: center;
}

@media only screen and (max-width:520px) {
  .thanks__leed {
    text-align: left;
   } 

  .thanks .to_top {
    text-align: center;
  }

}

/* ----------------------------------------------------------

Property Inquiry Setting

---------------------------------------------------------- */
/*property__inquiry__list*/
.property__inquiry__list {
  padding: 11.25px 36px;
  box-sizing: border-box;
  border-radius: 9px;
}

.property__inquiry__list dl {
  display: flex;
  flex-wrap: wrap;
  justify-content:flex-start;
  align-items: top;
  border-bottom: 1px solid #707070;
  padding: 9px 0;
}

  .property__inquiry__list dl:nth-last-child(1) {
    border-bottom: none;
  }

.property__inquiry__list dl dt {
  flex-basis: 10%;
  font-weight: bold;
  padding: 10px 0;
}

.property__inquiry__list dl dd {
  flex-basis: 90%;
}

@media only screen and (max-width:520px) {
  .property__inquiry__list {
    padding: calc(11.25px / 1.5) 
  }

  .property__inquiry__list dl {
    padding: calc(9px / 1.5) 0;
  }

  .property__inquiry__list dl dt ,
  .property__inquiry__list dl dd {
    flex-basis: 100%;
  }

  .property__inquiry__list dl dt  {
    padding: calc(10px / 1.5)  0;
  }

}

/*form*/
span[data-name="property_title"] .wpcf7-list-item {
  display: block!important;
}

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

}


/* ----------------------------------------------------------

Cancel Form Setting

---------------------------------------------------------- 
.cancel__flow__container {
  padding-top: 45px;
}
  
.cancel__flow {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-steps: top;
  margin: 0;
}

.cancel__flow__step {
  flex-basis:10%;
  text-align: left;
}

.cancel__flow__text {
  flex-basis:90% ;
  position: relative;
  height: 100%;
  padding-top: 22.5px;
  padding-bottom: 45px;
}

.cancel__flow__text:before {
  content: '';
  width: 100%;
  height: 100%;
  position: absolute;
  top:0;
  left: -67px;
  border-left: 2px solid #333;
}

  .cancel__flow.step3 .cancel__flow__text:before {
    display: none;
  }

.cancel__flow__step .flow__step {
  border-radius: 86px;
  width: 86px;
  height: 86px;
  background:#333;
  text-align: center;
  margin: 0;
  position: relative;
  z-index: 1234;
  padding-top: 18px;
}

.cancel__flow__step .flow__step span {
  display: block;
  color: #fff;
  font-weight: 500;
}

  .cancel__flow__step .flow__step span:nth-child(1) {
    font-size: 16px;
    line-height: 1;
  }
      
  .cancel__flow__step .flow__step span:nth-child(2) {
    font-size: 38px;
    line-height: 1;
  }

.cancel__flow__title span {
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  line-height: normal;
  margin-bottom: 18px;
  background:linear-gradient(transparent 60%, #FFFA77 60%);
}

.cancel__flow__contact__container {
  background: rgba(222, 219, 219, 0.5);
  border-radius: 9px;
  padding: 36px;
}

.cancel__contact__tel  {
  display: block;
  text-align: center;
  font-size: 22px;
  font-weight: bold;
  margin-top: 18px;
  margin-bottom:9px;
}

.cancel__contact__tel img {
  width: calc(44px / 2);
  margin: -4.5px 0 0;
}

.cancel__contact__tel .small {
  display: block;
  text-align: center;
  font-size: 17px;
  font-weight: 400;
}

.cancel__form__title span {
  display: block;
  background: #333333;
  text-align: center;
  color: #fff;
  font-size: 26px;
  font-weight: bold;
  line-height: normal;
  padding: 18px;
}


@media only screen and (max-width:520px) {
  .cancel__flow__container {
    padding-top: calc(45px /2);
  }

  .cancel__flow__step {
    flex-basis:100%;
    margin: auto;
    width: 100%;
    text-align: center;
  }

  .cancel__flow__text {
    flex-basis:100%;
    padding-top: calc(22.5px /1.5);
    padding-bottom: calc(45px /2);
  }

  .cancel__flow__text:before {
    display: none;
  }

  .cancel__flow__step .flow__step {
    margin: auto;
    border-radius: calc(86px /1.15);
    width: calc(86px /1.15);
    height: calc(86px /1.15);
    padding-top: calc(18px * 1.15);
  }

  .cancel__flow__step .flow__step span:nth-child(1) {
    font-size: calc(16px / 1.1);
  }
      
  .cancel__flow__step .flow__step span:nth-child(2) {
    font-size: calc(38px / 1.65);
  }

  .cancel__flow__title span {
    font-size: calc(20px / 1.175);
    margin-bottom: calc(18px /2);
    display: inline;
  }

  .cancel__flow__contact__container {
    border-radius: 9px;
    padding:calc(36px /2);
  }

  .cancel__contact__tel  {
    font-size: calc(22px / 1.2);;
    margin-top: calc(18px /2);
    margin-bottom:calc(9px /2);;
  }

  .cancel__contact__tel img {
    width: calc(44px / 2);
    margin: -4.5px 0 0;
  }

  .cancel__contact__tel .small {
    font-size: calc(17px / 1.1);
  }

  .cancel__form__title span {
    font-size: calc(26px / 1.25);
    padding:calc(18px / 2);
  }

}


/*stepbar
.stepbar {
  padding: 0;
  margin: 45px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.stepbar .step {
    position: relative;
    width: 46%;
    margin: 0 1%;
    text-align: center;
    position: relative;
    align-steps: center;
    justify-content: center;
    padding: 13px 0;
    line-height: 1.5;
    background: #D9D9D9;
    color: #333333;
}

  .stepbar .step:not(:last-child) {
    z-index: 2;
  }

  .stepbar .step:last-child {
    z-index: -2;
  }

.stepbar .step:not(:last-child)::before,
.stepbar .step:not(:last-child)::after {
    position: absolute;
    z-index: 22;
    top: 0;
    bottom: 0;
    left: 100%;
    content: '';
    border: 25px solid transparent;
    border-left: 20px solid #D9D9D9;
    margin: auto;
}

.stepbar .step:last-child::before,
.stepbar .step:last-child::after {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left:0px;
    content: '';
    border: 25px solid transparent;
    border-left: 20px solid #fff;
    margin: auto;
}

.stepbar .step.active {
  z-index: 1;
  background: #333;
  color: #FFF;
}

.stepbar .step.active:not(:last-child)::after {
  border-left-color: #333;
}

.stepbar .step.active:not(:last-child)::before {
  border-left: none;
}


@media only screen and (max-width:520px) {
  .stepbar {
    margin: calc(45px / 1.5) auto;
  }

  .stepbar .step {
    position: relative;
    width: 46%;
    margin: 0 1%;
    padding: calc(13px / 1.5) 0;
    line-height: 1.5;
  }

  .stepbar .step:not(:last-child)::before,
  .stepbar .step:not(:last-child)::after {
    position: absolute;
    z-index: 22;
    top: 0;
    bottom: 0;
    left: 100%;
    content: '';
    border: calc(25px /1.25) solid transparent;
    border-left: calc(20px /1.25) solid #D9D9D9;
    margin: auto;
  }

  .stepbar .step:last-child::before,
  .stepbar .step:last-child::after {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left:0px;
    content: '';
    border: calc(25px /1.25)  solid transparent;
    border-left: calc(20px /1.25)  solid #fff;
    margin: auto;
  }

}


/*cancel__form
.cancel__form__subtitle {
  margin-bottom: 9px;
}

.cancel__form__subtitle span {
  display: inline-block;
}

.cancel__form__subtitle span.num {
  background: #333;
  text-align: center;
  color: #fff;
  font-size: 25px;
  line-height: normal;
  font-weight: bold;
  padding: 4.5px 9px;
}

.cancel__form__subtitle span.ja {
  background: #fff;
  text-align: left;
  color: inherit;
  font-size: 25px;
  line-height: normal;
  font-weight: bold;
  padding: 4.5px 9px;
}

.cancel__form__section .leed {
  margin-bottom: 9px;
}

.cancel__form__caution  {
  color: #E95053;
  font-size: 20px;
  line-height: 1.789;
  font-weight: bold;
}

.cancel__form__caution img  {
  width: calc(58px / 2);
  margin-top: -2.25px;
}

@media only screen and (max-width:520px) {
  .cancel__form__subtitle {
    margin-bottom: calc(9px / 1);
  }

  .cancel__form__subtitle span.num {
    font-size: calc(25px / 1.35);
    padding: 4.5px calc(9px / 1);
  }

  .cancel__form__subtitle span.ja {
    font-size: calc(25px / 1.35);
    padding: 4.5px calc(9px / 1);
  }

  .cancel__form__section p {
    margin-bottom:calc(9px / 1.5);
  }

  .cancel__form__caution  {
    font-size: calc(20px / 1.175);;
  }

  .cancel__form__caution img  {
    width: calc(58px / 2.5);
    margin-top: -2.25px;
  }
}



/* ----------------------------------------------------------

Sitemap Setting

---------------------------------------------------------- */
/*sitemap__list*/
.sitemap__list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
  margin-bottom: 45px;
}

.sitemap__list ul.parent:nth-child(1)  {
  flex-basis: 24%;
}

.sitemap__list ul.parent:nth-child(2)  {
  flex-basis: 26%;
}

.sitemap__list ul.parent:nth-child(3)  {
  flex-basis: 24%;
}

.sitemap__list ul.parent:nth-child(4)  {
  flex-basis: 26%;
}

.sitemap__list ul.parent ul.child {
  flex-basis: 100%;
}

.sitemap__list ul li {
  vertical-align: top;
  font-size: 15px;
  font-weight: bold;
  margin-right:54px;
  margin-bottom: 9px;
  min-width: 10.5%;
}

.sitemap__list ul.child li {
  display: block;
  width: 100%;
  font-size: 14.5px;
  font-weight: 400;
  position: relative;
  margin-left: 27px;
  line-height: 1.6789;
}

.sitemap__list ul.child li:before {
  position: absolute;
  content: '';
  top: 9px;
  left: -18px;
  display: inline-block;
  vertical-align: middle;
  color: currentColor;
  line-height: 1;
  width: 6px;
  height: 6px;
  border: 0.1em solid currentColor;
  border-left: 0;
  border-bottom: 0;
  box-sizing: border-box;
  transform: translateX(-25%) rotate(45deg);
  text-align: left;
  margin: 0;
}

.sitemap__list a {
  text-decoration: none;
  display: block;
  position: relative;
}

.sitemap__list a:after {
  content: '    ';
  position: absolute;
  top: 5px;
  margin-left:9px;
  width: calc(46px /3);
  height: calc(46px /3);
  background-image: url(../img/icon__arrow3.png);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: calc(46px /3);
}

  .sitemap__list ul.child a:after {
    display: none;
  }

@media only screen and (max-width:520px) {
  .sitemap__list {
    margin-bottom: calc(45px / 1.5);
  }

  .sitemap__list ul.parent:nth-child(1) ,
  .sitemap__list ul.parent:nth-child(2) ,
  .sitemap__list ul.parent:nth-child(3) ,
  .sitemap__list ul.parent:nth-child(4) ,
  .sitemap__list ul.parent ul.child {
    flex-basis: 100%;
  }

  .sitemap__list ul li {
    font-size: 15px;
    margin-right:calc(54px / 2);
    margin-bottom: calc(9px * 1.75);
    min-width: 10.5%;
  }

  .sitemap__list ul.child li {
    font-size: 14px;
    margin-left:calc(27px / 1);
    margin-top: 9px;
  }
/*
  .sitemap__list ul.child li:before {
    position: absolute;
    content: '';
    top: 9px;
    left: -18px;
    display: inline-block;
    vertical-align: middle;
    color: currentColor;
    line-height: 1;
    width: 6px;
    height: 6px;
    border: 0.1em solid currentColor;
    border-left: 0;
    border-bottom: 0;
    box-sizing: border-box;
    transform: translateX(-25%) rotate(45deg);
    text-align: left;
    margin: 0;
  }

  .sitemap__list a:after {
    content: '    ';
    position: absolute;
    top: 5px;
    margin-left:9px;
    width: calc(46px /3);
    height: calc(46px /3);
    background-image: url(../img/icon__arrow3.png);
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: calc(46px /3);
  }
*/

}


/* ----------------------------------------------------------

Footer Setting

---------------------------------------------------------- */
/*footer*/
.footer {
  position: relative;
}

/*pagetop*/
.pagetop {
  text-align: right;
  margin-right: 0;
  margin-bottom: 30.5px;
  margin-left: calc(100% - 60px)
}

.pagetop a {
  display: block;
  text-align: center;
  margin:auto;
  text-decoration: none;
  border-radius: 200px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  box-sizing: border-box;
  border: 1px solid #252525;
}

.pagetop a img {
  width: calc(33px / 2);
  text-align: center;
  margin: auto;
  padding: calc(33px / 1.35) 0;
}

@media only screen and (max-width:520px) {
  .pagetop {
    display: none;
  }

}


/*footer__container*/
.footer__container {
  padding: calc(90px + 18px) 0 27px;
  background-color:#F2F2F2 ;
}

.footer__detail {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.footer__text {
  position: relative;
  flex-basis: 400px;
  padding: 18px 0;
}

.footer__sitemap {
  flex-basis: calc(100% - 445px);
}

@media only screen and (max-width:520px) {
  .footer__container {
    padding: calc(90px / 2) 0 calc(90px / 1);
  }

  .footer__detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: top;
  }

  .footer__text {
    flex-basis: 100%;
    padding: calc(18px / 1.5) 0 ;
  }

  .footer__sitemap {
    flex-basis:100%;
  }

}

/*footer__text*/
.footer__text:after {
  position: absolute;
  content: '';
  top: 0;
  left: 100%;
  width: 1px;
  margin: 0;
  height: 125px;
  border-right: 1px solid #333;
}

.footer__logo {
  text-align: left;
  margin-bottom: 4.5px
}

.footer__logo a {
  display: block;
  text-decoration: none;
}

.footer__logo img {
  width: calc(260px/ 2);
  margin-bottom: 9px;
}

.footer__logo__text {
  font-size: 18px;
  font-weight: bold;
}

.footer__address {
  font-size: 15px;
  font-weight: 400;
  margin-top: -9px;
}

@media only screen and (max-width:520px) {
  .footer__text:after {
    display: none;
  }

  .footer__logo {
    text-align: center;
    margin: auto auto 4.5px;
  }

  .footer__logo img {
    width:167px;
    margin-bottom: 27px;
  }

  .footer__logo__text {
    font-size: 16px;
    text-align: left;
  }

  .footer__address {
    font-size: 14px;
    margin-top: -4.5px;
    border-bottom: 1px dotted #9A9A9A;
    padding-bottom: 13.5px;
  }
}

/*footer__tel*/
@media only screen and (max-width:520px) {
  .footer__tel {
    flex-basis: 100%;
    margin: auto;
    padding: 9px 0 18px;
    border-bottom: 1px dotted #9A9A9A;
  }

  .footer__tel__title {
    text-align: left;
    margin: 0 0 9px;
  }

  .footer__tel__title span {
    display: inline-block;
    font-weight: bold;
    font-size: 16px;
    text-align: left;
  }

  .footer__tel img {
    display: inline-block;
    vertical-align:middle;
    width: calc(92px/ 3);
    margin-right:calc(4.5px / 1.5);
  }

  .footer__tel a.en {
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 30px;
    font-weight: bold;
  }

  .footer__tel__text {
    text-align: left;
    margin-top: 13.5px;
    line-height: 1.456789;
    font-weight: 400;
  }

}

/*footer__sitemap*/
.footer__sitemap   {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: top;
}

.footer__sitemap a {
  display: block;
  text-decoration: none;
}

.footer__sitemap ul.parent:nth-child(1)  {
  flex-basis: 27%;
}

.footer__sitemap ul.parent:nth-child(2)  {
  flex-basis: 33%;
}

.footer__sitemap ul.parent:nth-child(3)  {
  flex-basis: 30%;
}

.footer__sitemap ul.parent ul.child {
  flex-basis: 100%;
}

.footer__sitemap ul li {
  display: block;
  position: relative;
  font-size: 15px;
  margin-bottom: 2.25px;
  font-weight: 400;
}

.footer__sitemap ul.child li {
  display: block;
  margin-left: 27px;
  line-height: 1.6789;
}

.footer__sitemap ul li.blank {
  height: 1.5em;
}

.footer__sitemap ul.child li:before {
  content: '−';
  position: absolute;
  top: 0;
  left: -18px;
  text-align: left;
  margin: 0;
  width: 25px;
}

@media only screen and (max-width:520px) {
  .footer__sitemap   {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: top;
    padding-top: 18px;
  }

  .footer__sitemap a {
    display: block;
    text-decoration: none;
  }

  .footer__sitemap ul.parent:nth-child(1)  {
    flex-basis: 50%;
    order: 1;
  }

  .footer__sitemap ul.parent:nth-child(2)  {
    flex-basis: 50%;
    margin-top: -3.5em;
    order: 3;
  }

  .footer__sitemap ul.parent:nth-child(3)  {
    flex-basis: 50%;
    order: 2;
  }

  .footer__sitemap ul.parent ul.child {
    flex-basis: 100%;
  }

  .footer__sitemap ul li {
    font-size: 13px;
    margin-bottom: 2.25px;
  }

  .footer__sitemap ul.child li {
    display: block;
    margin-left: 27px;
    line-height: 1.6789;
  }

  .footer__sitemap ul li.blank {
    height: 3em;
  }

  .footer__sitemap ul li.sitemap {
    margin-top: 4.5px;
  }

  .footer__sitemap ul.child li:before {
    left: -18px;
    text-align: left;
    margin: 0;
    width: 25px;
  }
}

/*address*/
.footer address {
  font-style: normal;
  text-align: center;
  display: block;
  margin: 63px auto auto;
  font-size: 11px;
}

@media only screen and (max-width:520px) {
  .footer address {
    margin: 36px auto auto;
    font-size: 11px;
  }

}

/*fixed__menu__pc*/
.fixed__menu__pc {
  display: block;
  position: fixed;
  z-index: 12345;
  top: 200px;
  margin: auto;
  right: 0;
  width:128px;
}

.btn__contact {
  display: block;
  text-decoration: none;
  border-radius: 9px 0 0 9px;
  border: 1.5px solid #fff;
  width:128px;
  padding: 18px 0 20.5px;
  letter-spacing: 0.05em;
  background: #152D47;
  color: #fff;
}

.btn__contact span {
  display: block;
  text-align: center;
  margin: auto;
}

.btn__contact span.ja {
  display: block;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 500;
  padding: 5.25px 0 ;
}

.btn__contact span.img img {
  width: calc(84px /2);
  padding: 5.25px 0;
}

.btn__contact:hover ,
.btn__contact:focus {
  color: #fff;
}


@media only screen and (max-width:520px) {
  .fixed__menu__pc {
    display: none;
  }

}


/*footer__nav__sp
.footer__nav__pc ul {
  position: fixed;
  bottom:0%;
  left:calc(100%  - calc(54px / 1));
  width: auto;
  z-index: 1234;
}

.footer__nav__pc ul li {
  margin-bottom: 9px;
}

.footer__nav__pc ul li.footer__nav1,
.footer__nav__pc ul li.footer__nav2 {
  margin-bottom: 9px;
  right: 0;
}

.footer__nav__pc ul li a {
  display: block;
  cursor: pointer;
  padding: 13.5px 0;
  box-sizing: border-box;
  text-align: center;
}

  .footer__nav__pc ul li.footer__nav1 a {
    background-color: #fff;
    border:1px solid #000;
    width: 54px;
  }

  .footer__nav__pc ul li.footer__nav2 a {
    background-color: #808080;
    border:1px solid #808080;
    width: 54px;
  }

  .footer__nav__pc ul li.pagetop a {
    width: calc(166px / 2);
  }

.footer__nav__pc ul li img {
  height: auto;
}  

  .footer__nav__pc ul li.footer__nav1 img,
  .footer__nav__pc ul li.footer__nav2 img {
    width: calc(52px / 2);
  }
 */
.footer__nav__sp {
  display: none;
}

@media only screen and (max-width:520px) {
  .footer__nav__pc {
    display: none
  }

  .footer__nav__sp {
    position: fixed;
    width: 100%;
    z-index: 1234;
    display: block;
    height: 60px;
  }

  .footer__nav__sp ul  {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    bottom: -6px;
    border-top: 2px solid #223F60;
  }

  .footer__nav__sp ul li.footer__nav1  {
    flex-basis: 85%;
  }
  
  .footer__nav__sp ul li.footer__nav3  {
    flex-basis: 15%;
  }

  .footer__nav__sp ul li a {
    display: block;
    padding: 18px 0;
    line-height: 1;
    text-decoration: none;
    cursor: pointer;
    text-align: center;
    border-collapse: collapse;
  }

  .footer__nav__sp ul li.footer__nav1 a {
    background-color: #223F60;
    border-right: 1px solid #223F60;
  }

  .footer__nav__sp ul li.footer__nav3 a {
    background-color: #fff;
    border-left: 1px solid #223F60;
  }

  .footer__nav__sp ul li.footer__nav1 a img {
    width: calc(116.38px / 1.25);
  }

  .footer__nav__sp ul li.footer__nav3 a img {
    width: calc(42px/ 3);
  }

}