@charset "UTF-8";
/*-------------------------------------------*/
/* COMMON(サイト基本設定)                      */
/*-------------------------------------------*/
/*▼▼▼▼▼▼▼▼▼▼▼BASE基本設定(inport) ▼▼▼▼▼▼▼▼▼▼▼▼*/
@font-face {
  font-family: YuGothicM;
  font-weight: normal;
  src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
  /* Windows8.1ではMediumがないのでRegularを指定 */
}
@font-face {
  font-family: YuGothicM;
  font-weight: bold;
  src: local("YoGothic-Bold"), local("Yu Gothic");
  /* Chrome用 */
}
* {
  margin: 0;
  padding: 0;
  font-size: 100%;
  font-style: normal;
}

html {
  margin-top: 0 !important;
}

body {
  margin: 0;
  padding: 0;
  font-family: YuGothic, "游ゴシック", "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", sans-serif;
  font-weight: 500;
  letter-spacing: 0.05em;
  /*
  font-family:
  YuGothic,
  '游ゴシック',
  'メイリオ',
  'Meiryo',
  'ヒラギノ角ゴ Pro W3',
  'Hiragino Kaku Gothic Pro',
  'Osaka',
  'ＭＳ Ｐゴシック',
  sans-serif;
  */
  width: 100%;
  height: 100%;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%;
}

.ropa {
  font-family: "Ropa Sans", sans-serif;
}

.raleway {
  font-family: "Raleway", sans-serif;
}

a {
  outline: none;
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: top;
}

a img {
  border: none;
}

li {
  list-style-type: none;
}

/*-------------------------------------------*/
/* フォーム部品 　 　 　 　                     */
/*-------------------------------------------*/
form {
  /**********ラジオボタンとチェックボックス***********/
}
form input, form label, form select, form textarea {
  vertical-align: middle;
}
form input {
  padding: 0.7em;
  border: transparent;
}
form input.dark {
  background: #EBEBEB;
  border: transparent;
  padding: 0.5em 0.7em;
}
@media screen and (min-width: 751px) {
  form input {
    padding: 0.9em;
  }
}
form input::-webkit-input-placeholder {
  color: #cdcdcd;
}
form input::-moz-placeholder {
  color: #cdcdcd;
}
form input:-ms-input-placeholder {
  color: #cdcdcd;
}
form input::-ms-input-placeholder {
  color: #cdcdcd;
}
form input::placeholder {
  color: #cdcdcd;
}
form input:-ms-input-placeholder {
  color: #cdcdcd;
}
@media screen and (max-width: 750px) {
  form input[type=text], form input[type=email] {
    font-size: 16px;
  }
}
form input[type=text].maxW, form input[type=email].maxW {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form input[type=text].halfW, form input[type=email].halfW {
  width: 50%;
  max-width: 70px;
}
form input[type=text]:focus, form input[type=email]:focus {
  background: transparent;
}
form textarea {
  background: #f5f5f5;
  border: transparent;
  width: 100%;
  padding: 10px;
  margin-top: 12px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 750px) {
  form textarea {
    font-size: 16px;
  }
}
form textarea.maxW {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
form textarea:focus {
  background: transparent;
}
form input[type=radio], form input[type=checkbox] {
  display: none;
}
form .radio, form .checkbox {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  margin: 0 10px 4px 0;
  padding: 8px 8px 8px 36px;
  border-radius: 8px;
  background-color: transparent;
  vertical-align: middle;
  cursor: pointer;
}
form .radio:hover, form .checkbox:hover {
  background-color: transparent;
}
form .radio:hover:after, form .checkbox:hover:after {
  border-color: #888888;
}
form .radio:after, form .checkbox:after {
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 9px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 2px solid #888888;
  border-radius: 50%;
  content: "";
}
form .radio:before {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  margin-top: -5px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #1A9BDE;
  content: "";
  
}
form input[type=radio]:checked + .radio:before {
  opacity: 1;
}
form input[type=radio]:checked + .radio:after {
  border-color: #1A9BDE;
}
form input[type=radio]:checked + .radio {
  color: #1A9BDE;
}
form .checkbox:before {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 15px;
  display: block;
  margin-top: -7px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #1A9BDE;
  border-bottom: 3px solid #1A9BDE;
  content: "";
  
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
form input[type=checkbox]:checked + .checkbox:before {
  opacity: 1;
}
form select {
  width: 200px;
  height: 40px;
}
@media screen and (max-width: 750px) {
  form select {
    font-size: 16px;
  }
}
form select option {
  padding: 0.8em;
}
form .req:after {
  content: "*";
  color: #F74141;
}
form .any:after {
  content: "(任意)";
  font-size: 0.85em;
  color: #888888;
  display: block;
}

/*-------------------------------------------*/
/* 404見つかりませんでした                      */
/*-------------------------------------------*/
#not_found .inner {
  border-bottom: 1px solid #e6e6e6;
  padding: 30px 0 60px 0;
}
#not_found .inner h1 {
  color: #4b4b4b;
  font-size: 120px;
  text-align: center;
  font-weight: normal;
  margin-bottom: 30px;
}
#not_found .inner .lead {
  font-size: 35px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 30px;
}
#not_found .inner .lead span {
  vertical-align: middle;
  font-size: 16px;
}
#not_found .inner .text {
  font-size: 13px;
  text-align: center;
  line-height: 1.6;
}
#not_found .totop {
  text-align: center;
  padding: 60px 0;
}
#not_found .totop a {
  display: inline-block;
  padding: 20px 60px;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  background: #bcbcbc;
  color: #fff;
}

/*-------------------------------------------*/
/* nodata                                    */
/*-------------------------------------------*/
.nodata {
  padding: 60px 0;
  text-align: center;
}

/*▲▲▲▲▲▲▲▲▲▲▲　BASE基本設定終了 ▲▲▲▲▲▲▲▲▲▲*/
/* Windows */
html {
  color: #1A313B;
  font-size: 12px;
}
@media all and (min-width: 751px) {
  html {
    font-size: 13px;
  }
}
@media all and (min-width: 981px) {
  html {
    font-size: 14px;
  }
}

a {
  color: #1A313B;
}

/*
a:link {
  color: $linkC;
}
a:visited {
  color: $linkC;
}
a:hover {
  color: $hoverC;
}
*/
.nonSP {
  display: none !important;
}
@media all and (min-width: 751px) {
  .nonSP {
    display: block !important;
  }
}

.forSP {
  display: none !important;
}
@media all and (max-width: 750px) {
  .forSP {
    display: block !important;
  }
  .forSP.inline {
    display: inline !important;
  }
}

.forTB {
  display: none !important;
}
@media all and (max-width: 980px) {
  .forTB {
    display: block !important;
  }
  .forTB.inline {
    display: inline !important;
  }
}

.forPC {
  display: none !important;
}
@media all and (min-width: 981px) {
  .forPC {
    display: block !important;
  }
  .forPC.inline {
    display: inline !important;
  }
}

.forGT {
  display: none !important;
}
@media all and (min-width: 1367px) {
  .forGT {
    display: block !important;
  }
  .forGT.inline {
    display: inline !important;
  }
}

/*=================
  inner
=================*/
.inner {
  text-align: left;
  margin: 30px 20px;
  padding: 0px;
  max-width: 1080px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 750px) {
  .inner.noSP {
    margin: 0;
    padding: 0;
  }
}
@media all and (min-width: 751px) {
  .inner {
    margin: 40px 40px;
    padding: 0px;
  }
}
@media all and (min-width: 981px) {
  .inner {
    margin: 80px 60px;
    padding: 0px;
  }
}
@media screen and (min-width: 1200px) {
  .inner {
    margin: 80px auto;
  }
}
.inner.single {
  max-width: 800px;
}
@media screen and (min-width: 920px) {
  .inner.single {
    margin: 80px auto;
  }
}
.inner.noMgn {
  margin-top: 0;
}

@media all and (min-width: 751px) {
  .innerPC {
    padding: 0 40px;
  }
}
@media all and (min-width: 981px) {
  .innerPC {
    padding: 0 60px;
  }
}

.contents {
  overflow: hidden;
  display: block;
  /*
   margin-top: 50px;
   @include mediaTB {
     margin-top: 60px;
   }
   @include mediaPC {
     margin-top: 80px;
   }
   */
}

/*=================
  loading
=================*/
#loader-bg {
  display: none;
  position: relative;
  background: #fff;
  color: #1A313B;
  text-align: center;
  width: 100%;
  height: 100%;
  line-height: 100%;
  margin: 0 auto;
  overflow: hidden;
  z-index: 10000;
}

.loader {
 
  top: calc(50% - 30px);
  left: calc(50% - 30px);
  display: block;
  width: 60px;
  height: 60px;
  position: relative;
}

.loadingText {
  position: absolute;
  text-align: center;
  width: 100%;
  top: calc( 50% + 40px);
  color: #248CAC;
  font-size: 0.9em;
}
@media all and (min-width: 981px) {
  .loadingText {
    font-size: 0.8em;
  }
}

#loadingWrap {
  position: relative;
  right: 0;
  -webkit-transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
  -o-transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
  transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
  margin-top: 50px;
}
@media all and (min-width: 751px) {
  #loadingWrap {
    margin-top: 60px;
  }
}
@media all and (min-width: 981px) {
  #loadingWrap {
    margin-top: 80px;
  }
}

/*=================
  haeder
=================*/
#header {
  position: fixed;
  z-index: 1000;
  top: 0px;
  background: #fff;
  padding: 11px 20px;
  top: 0px;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #header {
    padding: 0;
  }
}
#header.fixed {
  position: fixed;
  top: 0;
}
#header .logo_h {
  width: 130px;
  padding-top: 1px;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
@media all and (min-width: 751px) {
  #header .logo_h {
    width: 185px;
  }
}
@media all and (min-width: 751px) {
  #header .gmenu .pc_box {
    padding: 10px 30px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 0 auto;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
@media all and (min-width: 981px) {
  #header .gmenu .pc_box {
    padding: 20px 40px 20px 40px;
  }
}
@media screen and (min-width: 1200px) {
  #header .gmenu .pc_box {
    padding-left: 40px;
    padding-right: 40px;
  }
}
@media all and (min-width: 751px) {
  #header .mv_tel {
    padding-top: 40px;
    position: fixed;
    top: 45vh;
    right: 10px;
    color: #248CAC;
  }
  #header .mv_tel i {
    display: block;
    position: absolute;
    top: 0;
    left: 5px;
    font-size: 24px;
    margin-bottom: 10px;
  }
  #header .mv_tel a {
    font-size: 13px;
    font-weight: bold;
    color: #248CAC;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
  }
}

@media all and (max-width: 980px) {
  #menu {
    display: block;
    position: fixed;
    right: 100%;
    top: 0px;
    z-index: 1000;
    width: 100%;
    height: 100%;
    text-align: left;
    background: rgba(255, 255, 255, 0);
    -webkit-transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
    -o-transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
    transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
    overflow: scroll;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #menu #menuBg {
    position: absolute;
    width: 100%;
    height: 100%;
    overflow: hidden;
    z-index: 1001;
  }
  #menu #menuBg .lightblue {
    position: absolute;
    left: -160vw;
    top: -160vh;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 160vh 160vw 0 0;
    border-color: #248CAC transparent transparent transparent;
    -webkit-transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
    -o-transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
    transition: all 0.8s cubic-bezier(0.51, 0.09, 0.21, 0.73);
  }
  #menu ul {
    color: #fff;
    position: relative;
    padding: 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    z-index: 1002;
  }
  #menu ul li a, #menu ul li .oya {
    color: #fff;
    display: block;
    position: relative;
    padding: 15px 0;
    width: 100%;
    height: 100%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #menu ul li a span, #menu ul li .oya span {
    display: block;
  }
  #menu ul li a .ja, #menu ul li .oya .ja {
    font-size: 14px;
  }
  #menu ul li:nth-last-child(2) {
    margin-top: 60px;
    position: relative;
  }
  #menu ul li:nth-last-child(2)::before {
    content: "";
    width: 50px;
    height: 1px;
    background-color: #fff;
    position: absolute;
    display: block;
    top: -42px;
    left: 0;
  }
  #menu ul li.spBtn a {
    border: 1px solid #fff;
    border-radius: 3px;
    line-height: 1em;
    width: 220px;
    margin: 25px 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    text-align: center;
  }
  #menu ul li.spBtn a span {
    font-size: 14px;
  }
}
@media all and (min-width: 981px) {
  #menu {
    display: block;
    margin-left: auto;
  }
  #menu ul {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    margin: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
  #menu ul li {
    position: relative;
  }
  #menu ul li.active a span {
    color: #248CAC;
  }
  #menu ul li.active a span::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 3px;
    bottom: 0px;
    background: #248CAC;
    color: #248CAC;
  }
  #menu ul li a, #menu ul li .oya {
    display: inline-block;
    width: 100%;
    margin-right: 20px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #menu ul li a span, #menu ul li .oya span {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
    line-height: 1em;
    padding: 8px 0 10px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #menu ul li a span:hover, #menu ul li .oya span:hover {
    color: #248CAC;
  }
  #menu ul li a span.hvr-underline-from-left:before, #menu ul li .oya span.hvr-underline-from-left:before {
    height: 3px;
    background: #248CAC;
  }
  #menu ul li a .eng, #menu ul li .oya .eng {
    font-size: 15px;
    font-weight: 500;
  }
  #menu ul li:nth-child(7) a {
    margin-right: 0;
  }
}
@media screen and (min-width: 1240px) {
  #menu ul li a {
    margin-right: 40px;
  }
}

#btnMenu {
  display: block;
  position: fixed;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 46px;
  height: 46px;
  top: 3px;
  right: 10px;
  z-index: 1010;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.5s ease-in-out;
  -o-transition: 0.5s ease-in-out;
  transition: 0.5s ease-in-out;
}
#btnMenu span {
  display: block;
  position: absolute;
  height: 1px;
  width: 30px;
  left: 8px;
  background: #1A313B;
  opacity: 1;
  right: 0;
  -webkit-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
      transform: rotate(0deg);
  -webkit-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}
#btnMenu span:nth-child(1) {
  top: 11px;
}
#btnMenu span:nth-child(2) {
  top: 18px;
}
#btnMenu span:nth-child(3) {
  top: 25px;
}
#btnMenu em {
  font-style: normal;
  font-size: 10px;
  letter-spacing: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0%);
      -ms-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
}

@media all and (max-width: 980px) {
  body.open #menu {
    right: 0%;
    background: #248CAC;
  }
  body.open #menu #menuBg .lightblue {
    left: 0;
  }
}
body.open #btnMenu {
  top: 10px;
}
body.open #btnMenu span {
  background: #fff;
}
body.open #btnMenu span:nth-child(2) {
  top: 46%;
  width: 0%;
  right: 50%;
}
body.open #btnMenu span:nth-child(1) {
  top: 21px;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
body.open #btnMenu span:nth-child(3) {
  top: 21px;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
body.open #btnMenu em {
  color: #fff;
  bottom: -7px;
}

@media all and (min-width: 981px) {
  #header #menu {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #header #menu ul li a span {
    font-size: 15px;
  }
  #header.scrolled .pc_box {
    padding: 10px 40px;
  }
  #header.scrolled .logo_h {
    width: 135px;
  }
}

@media all and (min-width: 751px) {
  body.underSite #header .mv_tel {
    top: calc(80px + 17.7467vw);
  }
}
@media all and (min-width: 981px) {
  body.underSite #header .mv_tel {
    top: calc(100px + 17.7467vw);
  }
}
@media all and (min-width: 1367px) {
  body.underSite #header .mv_tel {
    top: 300px;
  }
}

/*=================
  footer
=================*/
#footer {
  position: relative;
  width: 100%;
}
#footer ul.fcontact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
#footer ul.fcontact li {
  width: 100%;
  border: 2px solid #1A313B;
  text-align: center;
  padding: 30px 48px;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 750px) {
  #footer ul.fcontact li {
    max-width: 350px;
  }
}
#footer ul.fcontact li .text {
  text-align: center;
  color: #1A313B;
  font-size: 15px;
  margin-bottom: 1em;
}
#footer ul.fcontact li a {
  padding: 15px 20px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #footer ul.fcontact {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 910px;
    margin: 0 auto;
  }
  #footer ul.fcontact li {
    width: 48%;
    padding: 40px;
  }
  #footer ul.fcontact li .text {
    font-size: 20px;
  }
  #footer ul.fcontact li a {
    margin: 0 auto;
    font-size: 16px;
  }
}
#footer .footerColumn {
  margin: 0 auto;
  color: #1A313B;
}
#footer .footerColumn address {
  margin-top: 1em;
  font-size: 12px;
}
#footer .footerColumn .right .fMsg {
  font-size: 15px;
  font-weight: bold;
}
#footer .footerColumn .right .copylight {
  color: #969696;
  font-family: "Ropa Sans", sans-serif;
  white-space: nowrap;
}
@media all and (max-width: 750px) {
  #footer .footerColumn {
    padding: 40px;
    max-width: 225px;
  }
  #footer .footerColumn .left {
    text-align: center;
  }
  #footer .footerColumn .right {
    text-align: center;
  }
  #footer .footerColumn .right .fMsg {
    margin: 50px 0 30px;
  }
}
@media all and (min-width: 751px) {
  #footer .footerColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 60px;
  }
  #footer .footerColumn address {
    margin-left: 15px;
  }
  #footer .footerColumn .left {
    width: 300px;
  }
  #footer .footerColumn .left .logo_f {
    max-width: 250px;
  }
  #footer .footerColumn .right {
    text-align: right;
  }
  #footer .footerColumn .right .copylight {
    margin-top: 30px;
    text-align: right;
  }
}
@media all and (min-width: 981px) {
  #footer .footerColumn {
    margin-top: 90px;
  }
}

/*=================
  goTop
=================*/
#goTop {
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 50px;
  height: 50px;
  z-index: 10;
}
#goTop a {
  display: block;
  width: 100%;
  height: 100%;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/*********************************/
/*********************************/
.btnComm {
  background: #1A313B;
  display: block;
  color: #fff;
  text-align: center;
  width: 100%;
  max-width: 300px;
  font-size: 15px;
  border-radius: 3px;
  border: 2px solid #1A313B;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
@media all and (min-width: 981px) {
  .btnComm:hover {
    background: #fff;
    color: #1A313B;
  }
}

.btnSche {
  background: #248CAC;
  display: block;
  color: #fff;
  text-align: center;
  padding: 10px;
  width: 80px;
  font-size: 12px;
  border-radius: 3px;
  border: 2px solid #248CAC;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
@media all and (max-width: 750px) {
  .btnSche {
    width: 40px;
  }
}
@media all and (min-width: 751px) {
  .btnSche {
    width: 100px;
  }
}
@media all and (min-width: 981px) {
  .btnSche {
    font-size: 15px;
    width: 140px;
  }
  .btnSche:hover {
    background: #fff;
    color: #248CAC;
  }
}

.onlyHome {
  display: none;
}

/*↑↑↑↑↑↑↑↑↑↑COMMON(サイト基本設定終了）↑↑↑↑↑↑↑↑↑↑↑*/
/*=================
  トップページ
=================*/
@media all and (max-width: 750px) {
  #pageHome .inner, #pageProperty .inner, #pageSchedule .inner {
    margin-left: 30px;
    margin-right: 30px;
  }
}
#pageHome .onlyHome, #pageProperty .onlyHome, #pageSchedule .onlyHome {
  display: block;
}
#pageHome .titleWrap, #pageProperty .titleWrap, #pageSchedule .titleWrap {
  text-align: center;
  margin-bottom: 30px;
}
#pageHome .titleWrap .ja, #pageProperty .titleWrap .ja, #pageSchedule .titleWrap .ja {
  font-size: 20px;
  font-weight: bold;
  color: #1A313B;
  line-height: 40px;
  letter-spacing: 0.1em;
}
#pageHome .titleWrap .eng, #pageProperty .titleWrap .eng, #pageSchedule .titleWrap .eng {
  font-size: 16px;
  line-height: 25px;
  font-family: "Raleway", sans-serif;
  font-weight: 400;
  color: #D5D5D5;
}
@media all and (min-width: 751px) {
  #pageHome .titleWrap .ja, #pageProperty .titleWrap .ja, #pageSchedule .titleWrap .ja {
    font-size: 24px;
  }
  #pageHome .titleWrap .eng, #pageProperty .titleWrap .eng, #pageSchedule .titleWrap .eng {
    font-size: 20px;
  }
}
#pageHome .more, #pageProperty .more, #pageSchedule .more {
  display: inline-block;
  padding: 3px;
  border-bottom: 2px solid #1A313B;
  font-family: "Ropa Sans", sans-serif;
  font-size: 16px;
}
#pageHome .more i, #pageProperty .more i, #pageSchedule .more i {
  color: #248CAC;
  margin-right: 5px;
  font-size: 18px;
}
@media all and (min-width: 751px) {
  #pageHome .more i, #pageProperty .more i, #pageSchedule .more i {
    color: #1A313B;
  }
}
@media all and (min-width: 981px) {
  #pageHome .more, #pageProperty .more, #pageSchedule .more {
    font-size: 20px;
  }
  #pageHome .more i, #pageProperty .more i, #pageSchedule .more i {
    font-size: 22px;
  }
}
#pageHome #top, #pageProperty #top, #pageSchedule #top {
  position: relative;
  overflow: hidden;
}
#pageHome #top .box_full, #pageProperty #top .box_full, #pageSchedule #top .box_full {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageHome #top .box_full, #pageProperty #top .box_full, #pageSchedule #top .box_full {
    width: calc(100% - 80px);
    margin: 0 40px 0 40px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pageHome #top .slick-initialized .bg_slide_list, #pageProperty #top .slick-initialized .bg_slide_list, #pageSchedule #top .slick-initialized .bg_slide_list {
  display: block;
}
#pageHome #top .bg_slide, #pageProperty #top .bg_slide, #pageSchedule #top .bg_slide {
  min-width: 100%;
  display: block;
  position: relative;
  min-height: 420px;
}
@media all and (max-width: 750px) {
  #pageHome #top .bg_slide, #pageProperty #top .bg_slide, #pageSchedule #top .bg_slide {
    min-height: 400px;
  }
}
#pageHome #top .bg_slide:after, #pageProperty #top .bg_slide:after, #pageSchedule #top .bg_slide:after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.3;
  background-color: #3782BF;
}
#pageHome #top .bg_slide_list, #pageProperty #top .bg_slide_list, #pageSchedule #top .bg_slide_list {
  height: calc(40vw - 80px - 40px);
  min-height: 420px;
  max-height: 640px;
  display: none;
}
@media all and (max-width: 750px) {
  #pageHome #top .bg_slide_list, #pageProperty #top .bg_slide_list, #pageSchedule #top .bg_slide_list {
    height: calc(60vw - 50px);
    min-height: 400px;
  }
}
#pageHome #top .bg_slide_1, #pageProperty #top .bg_slide_1, #pageSchedule #top .bg_slide_1 {
  background: url(../images/mv_pc_1@monvirecircle.com) center bottom no-repeat;
  background-size: cover;
}
@media all and (max-width: 750px) {
  #pageHome #top .bg_slide_1, #pageProperty #top .bg_slide_1, #pageSchedule #top .bg_slide_1 {
    background: url(../images/mv_sp_1@monvirecircle.com) center bottom no-repeat;
    background-size: cover;
  }
}
#pageHome #top .bg_slide_2, #pageProperty #top .bg_slide_2, #pageSchedule #top .bg_slide_2 {
  background: url(../images/mv_pc_2@monvirecircle.com) center bottom no-repeat;
  background-size: cover;
}
@media all and (max-width: 750px) {
  #pageHome #top .bg_slide_2, #pageProperty #top .bg_slide_2, #pageSchedule #top .bg_slide_2 {
    background: url(../images/mv_sp_2@monvirecircle.com) center bottom no-repeat;
    background-size: cover;
  }
}
#pageHome #top .bg_slide_3, #pageProperty #top .bg_slide_3, #pageSchedule #top .bg_slide_3 {
  background: url(../images/mv_pc_3@monvirecircle.com) center bottom no-repeat;
  background-size: cover;
}
@media all and (max-width: 750px) {
  #pageHome #top .bg_slide_3, #pageProperty #top .bg_slide_3, #pageSchedule #top .bg_slide_3 {
    background: url(../images/mv_sp_3@monvirecircle.com) center bottom no-repeat;
    background-size: cover;
  }
}
#pageHome #top .lead_box, #pageProperty #top .lead_box, #pageSchedule #top .lead_box {
  position: absolute;
  bottom: 0;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pageHome #top .lead_box #lead1, #pageProperty #top .lead_box #lead1, #pageSchedule #top .lead_box #lead1 {
  max-width: 28.53333vw;
  max-width: 107px;
}
#pageHome #top .lead_box #lead2, #pageProperty #top .lead_box #lead2, #pageSchedule #top .lead_box #lead2 {
  max-width: 73.6vw;
  max-width: 276px;
}
#pageHome #top .lead_box #lead3, #pageProperty #top .lead_box #lead3, #pageSchedule #top .lead_box #lead3 {
  max-width: 46.93333vw;
  max-width: 176px;
}
#pageHome #top .lead_box #lead4, #pageProperty #top .lead_box #lead4, #pageSchedule #top .lead_box #lead4 {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin-top: 10px;
}
@media all and (min-width: 751px) {
  #pageHome #top .lead_box, #pageProperty #top .lead_box, #pageSchedule #top .lead_box {
    top: auto;
    bottom: 0;
    padding: 40px;
    max-width: 1286px;
    margin: 0 auto;
  }
  #pageHome #top .lead_box .image, #pageProperty #top .lead_box .image, #pageSchedule #top .lead_box .image {
    position: relative;
    margin-bottom: 40px;
  }
  #pageHome #top .lead_box .image::before, #pageProperty #top .lead_box .image::before, #pageSchedule #top .lead_box .image::before {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #248CAC;
  }
  #pageHome #top .lead_box #lead1, #pageProperty #top .lead_box #lead1, #pageSchedule #top .lead_box #lead1 {
    max-width: 105px;
  }
  #pageHome #top .lead_box #lead2, #pageProperty #top .lead_box #lead2, #pageSchedule #top .lead_box #lead2 {
    max-width: 288px;
  }
  #pageHome #top .lead_box #lead3, #pageProperty #top .lead_box #lead3, #pageSchedule #top .lead_box #lead3 {
    max-width: 181px;
  }
  #pageHome #top .lead_box #lead4, #pageProperty #top .lead_box #lead4, #pageSchedule #top .lead_box #lead4 {
    font-size: 18px;
    margin-top: 60px;
    letter-spacing: 0.6em;
  }
}
@media all and (min-width: 981px) {
  #pageHome #top .lead_box, #pageProperty #top .lead_box, #pageSchedule #top .lead_box {
    padding: 10px 40px 40px 40px;
    max-width: 1286px;
    margin: 0 auto;
  }
  #pageHome #top .lead_box .image, #pageProperty #top .lead_box .image, #pageSchedule #top .lead_box .image {
    position: relative;
    margin-bottom: 30px;
  }
  #pageHome #top .lead_box .image::before, #pageProperty #top .lead_box .image::before, #pageSchedule #top .lead_box .image::before {
    display: block;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #248CAC;
  }
  #pageHome #top .lead_box #lead1, #pageProperty #top .lead_box #lead1, #pageSchedule #top .lead_box #lead1 {
    max-width: 180px;
    opacity: 1 !important;
  }
  #pageHome #top .lead_box #lead2, #pageProperty #top .lead_box #lead2, #pageSchedule #top .lead_box #lead2 {
    max-width: 485px;
    opacity: 1 !important;
  }
  #pageHome #top .lead_box #lead3, #pageProperty #top .lead_box #lead3, #pageSchedule #top .lead_box #lead3 {
    max-width: 302px;
    opacity: 1 !important;
  }
  #pageHome #top .lead_box #lead4, #pageProperty #top .lead_box #lead4, #pageSchedule #top .lead_box #lead4 {
    font-size: 24px;
    margin-top: 30px;
    letter-spacing: 0.6em;
    opacity: 1 !important;
  }
}
#pageHome #news, #pageProperty #news, #pageSchedule #news {
  position: relative;
}
#pageHome #news .inner, #pageProperty #news .inner, #pageSchedule #news .inner {
  margin: 10px 40px 40px 40px;
}
@media all and (max-width: 750px) {
  #pageHome #news .inner, #pageProperty #news .inner, #pageSchedule #news .inner {
    margin: 10px 20px 40px 20px;
  }
}
@media screen and (min-width: 1200px) {
  #pageHome #news .inner, #pageProperty #news .inner, #pageSchedule #news .inner {
    margin: 10px auto 40px auto;
  }
}
@media screen and (min-width: 1280px) {
  #pageHome #news .inner, #pageProperty #news .inner, #pageSchedule #news .inner {
    margin: 10px auto 40px auto;
  }
}
@media all and (max-width: 750px) {
  #pageHome #news, #pageProperty #news, #pageSchedule #news {
    margin-top: 40px;
    padding-bottom: 80px;
  }
}
@media all and (min-width: 751px) {
  #pageHome #news, #pageProperty #news, #pageSchedule #news {
    background: #F8F8F8;
    padding: 1px 0 40px;
    margin: 40px 40px 100px;
  }
}
@media all and (min-width: 981px) {
  #pageHome #news, #pageProperty #news, #pageSchedule #news {
    max-width: calc(100% - 80px);
  }
}
@media screen and (min-width: 1367px) {
  #pageHome #news, #pageProperty #news, #pageSchedule #news {
    margin: 40px auto 0;
  }
}
@media all and (min-width: 751px) {
  #pageHome #news .titleWrap, #pageProperty #news .titleWrap, #pageSchedule #news .titleWrap {
    text-align: left;
  }
}
@media all and (min-width: 751px) {
  #pageHome #news .newsColumn, #pageProperty #news .newsColumn, #pageSchedule #news .newsColumn {
    padding: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 40px 0;
    max-width: 1080px;
  }
  #pageHome #news .newsColumn .titleWrap, #pageProperty #news .newsColumn .titleWrap, #pageSchedule #news .newsColumn .titleWrap {
    width: 24%;
  }
  #pageHome #news .newsColumn .newsWrap, #pageProperty #news .newsColumn .newsWrap, #pageSchedule #news .newsColumn .newsWrap {
    width: 75.33148%;
  }
}
#pageHome #news .moreWrap, #pageProperty #news .moreWrap, #pageSchedule #news .moreWrap {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
}
@media all and (min-width: 751px) {
  #pageHome #news .moreWrap, #pageProperty #news .moreWrap, #pageSchedule #news .moreWrap {
    text-align: left;
    width: auto;
    left: 40px;
    bottom: 40px;
  }
}
@media all and (min-width: 981px) {
  #pageHome #news .moreWrap, #pageProperty #news .moreWrap, #pageSchedule #news .moreWrap {
    left: 60px;
    bottom: 80px;
  }
}
@media screen and (min-width: 1280px) {
  #pageHome #news .moreWrap, #pageProperty #news .moreWrap, #pageSchedule #news .moreWrap {
    left: calc(50% - 540px);
  }
}
#pageHome #news ul.newslist li, #pageProperty #news ul.newslist li, #pageSchedule #news ul.newslist li {
  border-bottom: 1px solid #D5D5D5;
}
#pageHome #news ul.newslist li:first-child, #pageProperty #news ul.newslist li:first-child, #pageSchedule #news ul.newslist li:first-child {
  border-top: 1px solid #D5D5D5;
}
#pageHome #news ul.newslist li a, #pageProperty #news ul.newslist li a, #pageSchedule #news ul.newslist li a {
  display: block;
  padding: 1em 0;
}
#pageHome #news ul.newslist li .date, #pageProperty #news ul.newslist li .date, #pageSchedule #news ul.newslist li .date {
  font-size: 12px;
  color: #1A313B;
}
#pageHome #news ul.newslist li .nTitle, #pageProperty #news ul.newslist li .nTitle, #pageSchedule #news ul.newslist li .nTitle {
  font-size: 12px;
}
@media all and (min-width: 751px) {
  #pageHome #news ul.newslist li a, #pageProperty #news ul.newslist li a, #pageSchedule #news ul.newslist li a {
    padding: 20px;
  }
  #pageHome #news ul.newslist li a .date, #pageProperty #news ul.newslist li a .date, #pageSchedule #news ul.newslist li a .date {
    margin-top: 0;
    font-size: 15px;
  }
  #pageHome #news ul.newslist li a .nTitle, #pageProperty #news ul.newslist li a .nTitle, #pageSchedule #news ul.newslist li a .nTitle {
    margin-top: 0;
    font-size: 15px;
  }
}
@media all and (min-width: 981px) {
  #pageHome #news ul.newslist li a, #pageProperty #news ul.newslist li a, #pageSchedule #news ul.newslist li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #pageHome #news ul.newslist li a:hover, #pageProperty #news ul.newslist li a:hover, #pageSchedule #news ul.newslist li a:hover {
    background-color: #eee;
  }
  #pageHome #news ul.newslist li a .texts, #pageProperty #news ul.newslist li a .texts, #pageSchedule #news ul.newslist li a .texts {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  #pageHome #news ul.newslist li a .date, #pageProperty #news ul.newslist li a .date, #pageSchedule #news ul.newslist li a .date {
    width: 100px;
  }
  #pageHome #news ul.newslist li a .nTitle, #pageProperty #news ul.newslist li a .nTitle, #pageSchedule #news ul.newslist li a .nTitle {
    width: calc(100% - 100px);
  }
}
#pageHome .hover-more a, #pageProperty .hover-more a, #pageSchedule .hover-more a {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
#pageHome .hover-more a i, #pageProperty .hover-more a i, #pageSchedule .hover-more a i {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
#pageHome .hover-more a:hover, #pageProperty .hover-more a:hover, #pageSchedule .hover-more a:hover {
  color: #248CAC;
  border-bottom: 2px solid #248CAC;
}
#pageHome .hover-more a:hover i, #pageProperty .hover-more a:hover i, #pageSchedule .hover-more a:hover i {
  color: #248CAC;
}
#pageHome #works, #pageProperty #works, #pageSchedule #works {
  overflow: hidden;
}
@media screen and (min-width: 1200px) {
  #pageHome #works .inner, #pageProperty #works .inner, #pageSchedule #works .inner {
    margin: 80px 60px;
  }
}
@media screen and (min-width: 1280px) {
  #pageHome #works .inner, #pageProperty #works .inner, #pageSchedule #works .inner {
    margin: 80px auto;
  }
}
#pageHome #works .worksWrap, #pageProperty #works .worksWrap, #pageSchedule #works .worksWrap {
  position: relative;
  padding: 1px 0px 40px;
}
@media all and (min-width: 751px) {
  #pageHome #works .worksWrap, #pageProperty #works .worksWrap, #pageSchedule #works .worksWrap {
    width: 90%;
    margin: 0 auto;
  }
}
#pageHome #works .bg_gray, #pageProperty #works .bg_gray, #pageSchedule #works .bg_gray {
  position: absolute;
  background: #F8F8F8;
  width: 100%;
  height: 100%;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageHome #works .bg_gray, #pageProperty #works .bg_gray, #pageSchedule #works .bg_gray {
    width: 75%;
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media all and (min-width: 981px) {
  #pageHome #works .bg_gray, #pageProperty #works .bg_gray, #pageSchedule #works .bg_gray {
    max-width: 980px;
  }
}
#pageHome #works ul.workslist, #pageProperty #works ul.workslist, #pageSchedule #works ul.workslist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 50px;
}
#pageHome #works ul.workslist li, #pageProperty #works ul.workslist li, #pageSchedule #works ul.workslist li {
  width: 48%;
  margin-bottom: 15px;
}
@media all and (min-width: 751px) {
  #pageHome #works ul.workslist, #pageProperty #works ul.workslist, #pageSchedule #works ul.workslist {
    margin-top: 0;
  }
  #pageHome #works ul.workslist::before, #pageProperty #works ul.workslist::before, #pageSchedule #works ul.workslist::before {
    content: "";
    display: block;
    width: 23%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pageHome #works ul.workslist::after, #pageProperty #works ul.workslist::after, #pageSchedule #works ul.workslist::after {
    content: "";
    display: block;
    width: 23%;
  }
  #pageHome #works ul.workslist li, #pageProperty #works ul.workslist li, #pageSchedule #works ul.workslist li {
    width: 23%;
    margin-bottom: 0;
  }
}
#pageHome #works a, #pageProperty #works a, #pageSchedule #works a {
  display: block;
  padding-top: 30px;
  padding-left: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageHome #works a, #pageProperty #works a, #pageSchedule #works a {
    padding-top: 45px;
  }
}
#pageHome #works .imageWrap, #pageProperty #works .imageWrap, #pageSchedule #works .imageWrap {
  overflow: hidden;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
#pageHome #works .image, #pageProperty #works .image, #pageSchedule #works .image {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media all and (min-width: 981px) {
  #pageHome #works .image, #pageProperty #works .image, #pageSchedule #works .image {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #pageHome #works .image:hover, #pageProperty #works .image:hover, #pageSchedule #works .image:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
#pageHome #works .wTitle, #pageProperty #works .wTitle, #pageSchedule #works .wTitle {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  #pageHome #works .wTitle, #pageProperty #works .wTitle, #pageSchedule #works .wTitle {
    margin-top: 5px;
  }
}
#pageHome #works .seqWrap, #pageProperty #works .seqWrap, #pageSchedule #works .seqWrap {
  position: absolute;
  left: -4px;
  top: 0;
  font-size: 13px;
  line-height: 1.3em;
  font-family: "Ropa Sans", sans-serif;
}
#pageHome #works .seqWrap .sNo, #pageProperty #works .seqWrap .sNo, #pageSchedule #works .seqWrap .sNo {
  text-align: center;
  font-size: 50px;
  line-height: 0.9em;
}
@media all and (min-width: 751px) {
  #pageHome #works .seqWrap, #pageProperty #works .seqWrap, #pageSchedule #works .seqWrap {
    font-size: 24px;
  }
  #pageHome #works .seqWrap .sNo, #pageProperty #works .seqWrap .sNo, #pageSchedule #works .seqWrap .sNo {
    font-size: 70px;
    line-height: 0.7em;
  }
}
#pageHome #works .moreWrap, #pageProperty #works .moreWrap, #pageSchedule #works .moreWrap {
  display: inline-block;
  text-align: center;
  position: absolute;
  bottom: 0px;
}
@media all and (max-width: 750px) {
  #pageHome #works .moreWrap, #pageProperty #works .moreWrap, #pageSchedule #works .moreWrap {
    left: 50%;
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media all and (min-width: 751px) {
  #pageHome #works .moreWrap, #pageProperty #works .moreWrap, #pageSchedule #works .moreWrap {
    text-align: left;
    width: auto;
    left: auto;
    right: 40px;
    bottom: 0;
  }
}
@media all and (min-width: 981px) {
  #pageHome #works .moreWrap, #pageProperty #works .moreWrap, #pageSchedule #works .moreWrap {
    right: 60px;
  }
}
@media screen and (min-width: 1280px) {
  #pageHome #works .moreWrap, #pageProperty #works .moreWrap, #pageSchedule #works .moreWrap {
    right: calc(50% - 540px);
  }
}
#pageHome #works ul.wMenu, #pageProperty #works ul.wMenu, #pageSchedule #works ul.wMenu {
  position: relative;
  z-index: 10;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: -20px;
}
#pageHome #works ul.wMenu li, #pageProperty #works ul.wMenu li, #pageSchedule #works ul.wMenu li {
  font-size: 14px;
  font-weight: bold;
  color: #D5D5D5;
  padding: 0 10px;
}
#pageHome #works ul.wMenu li a, #pageProperty #works ul.wMenu li a, #pageSchedule #works ul.wMenu li a {
  padding: 0;
  display: block;
}
#pageHome #works ul.wMenu li span, #pageProperty #works ul.wMenu li span, #pageSchedule #works ul.wMenu li span {
  display: inline-block;
  width: 65px;
  text-align: center;
  line-height: 40px;
  border-bottom: 3px solid #D5D5D5;
}
#pageHome #works ul.wMenu li.current, #pageProperty #works ul.wMenu li.current, #pageSchedule #works ul.wMenu li.current {
  color: #1A313B;
}
#pageHome #works ul.wMenu li.current span, #pageProperty #works ul.wMenu li.current span, #pageSchedule #works ul.wMenu li.current span {
  border-color: #248CAC;
}
@media all and (min-width: 751px) {
  #pageHome #works ul.wMenu, #pageProperty #works ul.wMenu, #pageSchedule #works ul.wMenu {
    margin-bottom: -30px;
  }
  #pageHome #works ul.wMenu li, #pageProperty #works ul.wMenu li, #pageSchedule #works ul.wMenu li {
    font-size: 18px;
  }
  #pageHome #works ul.wMenu li a span, #pageProperty #works ul.wMenu li a span, #pageSchedule #works ul.wMenu li a span {
    width: 100px;
    line-height: 50px;
  }
}
@media all and (min-width: 981px) {
  #pageHome #works ul.wMenu li a, #pageProperty #works ul.wMenu li a, #pageSchedule #works ul.wMenu li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #pageHome #works ul.wMenu li a:hover, #pageProperty #works ul.wMenu li a:hover, #pageSchedule #works ul.wMenu li a:hover {
    color: #248CAC;
  }
}
#pageHome #property, #pageProperty #property, #pageSchedule #property {
  position: relative;
}
@media all and (max-width: 750px) {
  #pageHome #property, #pageProperty #property, #pageSchedule #property {
    margin-top: 40px;
  }
}
@media all and (min-width: 751px) {
  #pageHome #property .bg_gray, #pageProperty #property .bg_gray, #pageSchedule #property .bg_gray {
    position: absolute;
    background: #F8F8F8;
    width: 100%;
    height: 68%;
    z-index: -1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    bottom: 0;
  }
}
#pageHome #property .propWrap, #pageProperty #property .propWrap, #pageSchedule #property .propWrap {
  position: relative;
  padding: 1px 10px 80px 10px;
}
#pageHome #property .propWrap .inner, #pageProperty #property .propWrap .inner, #pageSchedule #property .propWrap .inner {
  margin: 0 auto;
}
@media all and (min-width: 751px) {
  #pageHome #property .propWrap, #pageProperty #property .propWrap, #pageSchedule #property .propWrap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 70px;
  }
  #pageHome #property .propWrap .inner, #pageProperty #property .propWrap .inner, #pageSchedule #property .propWrap .inner {
    margin-bottom: 0;
  }
}
#pageHome #property ul.proplist, #pageProperty #property ul.proplist, #pageSchedule #property ul.proplist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pageHome #property ul.proplist li, #pageProperty #property ul.proplist li, #pageSchedule #property ul.proplist li {
  width: 48%;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media all and (min-width: 751px) {
  #pageHome #property ul.proplist::before, #pageProperty #property ul.proplist::before, #pageSchedule #property ul.proplist::before {
    content: "";
    display: block;
    width: 23%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #pageHome #property ul.proplist::after, #pageProperty #property ul.proplist::after, #pageSchedule #property ul.proplist::after {
    content: "";
    display: block;
    width: 23%;
  }
}
@media all and (min-width: 751px) and (min-width: 981px) {
  #pageHome #property ul.proplist li, #pageProperty #property ul.proplist li, #pageSchedule #property ul.proplist li {
    width: 23%;
  }
}
#pageHome #property ul.proplist a, #pageProperty #property ul.proplist a, #pageSchedule #property ul.proplist a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  background: #fff;
  border-bottom: 2px solid #248CAC;
}
#pageHome #property ul.proplist a.newtips::before, #pageProperty #property ul.proplist a.newtips::before, #pageSchedule #property ul.proplist a.newtips::before {
  content: "新築";
  display: block;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  width: 3em;
  background: #248CAC;
  color: #fff;
  padding: 3px 0.5em;
  z-index: 1;
}
#pageHome #property ul.proplist .imageWrap, #pageProperty #property ul.proplist .imageWrap, #pageSchedule #property ul.proplist .imageWrap {
  overflow: hidden;
  border-bottom: 1px solid #EBEBEB;
}
#pageHome #property ul.proplist .image, #pageProperty #property ul.proplist .image, #pageSchedule #property ul.proplist .image {
  position: relative;
  padding-top: 63.5821%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
@media all and (min-width: 751px) {
  #pageHome #property ul.proplist .image, #pageProperty #property ul.proplist .image, #pageSchedule #property ul.proplist .image {
    padding-top: 68.5824%;
  }
}
@media all and (min-width: 981px) {
  #pageHome #property ul.proplist .image, #pageProperty #property ul.proplist .image, #pageSchedule #property ul.proplist .image {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #pageHome #property ul.proplist .image:hover, #pageProperty #property ul.proplist .image:hover, #pageSchedule #property ul.proplist .image:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
#pageHome #property ul.proplist .propInfoWrap, #pageProperty #property ul.proplist .propInfoWrap, #pageSchedule #property ul.proplist .propInfoWrap {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
}
#pageHome #property ul.proplist .propInfoWrap p, #pageProperty #property ul.proplist .propInfoWrap p, #pageSchedule #property ul.proplist .propInfoWrap p {
  margin-bottom: 5px;
}
#pageHome #property ul.proplist .propInfoWrap .pTitle, #pageProperty #property ul.proplist .propInfoWrap .pTitle, #pageSchedule #property ul.proplist .propInfoWrap .pTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
@media all and (min-width: 751px) {
  #pageHome #property ul.proplist .propInfoWrap, #pageProperty #property ul.proplist .propInfoWrap, #pageSchedule #property ul.proplist .propInfoWrap {
    font-size: 13px;
  }
  #pageHome #property ul.proplist .propInfoWrap .pTitle, #pageProperty #property ul.proplist .propInfoWrap .pTitle, #pageSchedule #property ul.proplist .propInfoWrap .pTitle {
    font-size: 15px;
  }
}
#pageHome #property .moreWrap, #pageProperty #property .moreWrap, #pageSchedule #property .moreWrap {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
}
@media all and (min-width: 751px) {
  #pageHome #property .moreWrap, #pageProperty #property .moreWrap, #pageSchedule #property .moreWrap {
    text-align: left;
    width: auto;
    left: auto;
    right: 40px;
    bottom: 0;
  }
}
@media all and (min-width: 981px) {
  #pageHome #property .moreWrap, #pageProperty #property .moreWrap, #pageSchedule #property .moreWrap {
    right: 60px;
  }
}
@media screen and (min-width: 1280px) {
  #pageHome #property .moreWrap, #pageProperty #property .moreWrap, #pageSchedule #property .moreWrap {
    right: calc(50% - 540px);
  }
}
#pageHome #schedule, #pageProperty #schedule, #pageSchedule #schedule {
  position: relative;
}
@media all and (max-width: 750px) {
  #pageHome #schedule, #pageProperty #schedule, #pageSchedule #schedule {
    margin-top: 40px;
  }
}
@media all and (min-width: 751px) {
  #pageHome #schedule .bg_gray, #pageProperty #schedule .bg_gray, #pageSchedule #schedule .bg_gray {
    position: absolute;
    background: #F8F8F8;
    width: 100%;
    height: 68%;
    z-index: -1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    bottom: 0;
  }
}
#pageHome #schedule .scheWrap, #pageProperty #schedule .scheWrap, #pageSchedule #schedule .scheWrap {
  position: relative;
  padding: 1px 10px 80px 10px;
}
#pageHome #schedule .scheWrap .inner, #pageProperty #schedule .scheWrap .inner, #pageSchedule #schedule .scheWrap .inner {
  margin: 0 auto;
}
@media all and (min-width: 751px) {
  #pageHome #schedule .scheWrap, #pageProperty #schedule .scheWrap, #pageSchedule #schedule .scheWrap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 70px;
  }
  #pageHome #schedule .scheWrap .inner, #pageProperty #schedule .scheWrap .inner, #pageSchedule #schedule .scheWrap .inner {
    margin-bottom: 0;
  }
}
#pageHome #schedule ul.schelist, #pageProperty #schedule ul.schelist, #pageSchedule #schedule ul.schelist {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pageHome #schedule ul.schelist li, #pageProperty #schedule ul.schelist li, #pageSchedule #schedule ul.schelist li {
  display: block;
  position: relative;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  background: #fff;
  border-bottom: 2px solid #248CAC;
  height: 80px;
  width: 100%;
  margin: 20px 0 20px 0;
  line-height: 1.4;
}
@media all and (min-width: 751px) {
  #pageHome #schedule ul.schelist li, #pageProperty #schedule ul.schelist li, #pageSchedule #schedule ul.schelist li {
    height: 100px;
    width: 100%;
  }
}
@media all and (min-width: 751px) and (min-width: 981px) {
  #pageHome #schedule ul.schelist li, #pageProperty #schedule ul.schelist li, #pageSchedule #schedule ul.schelist li {
    height: 100px;
    width: 100%;
  }
}
#pageHome #schedule ul.schelist .scheInfoWrap, #pageProperty #schedule ul.schelist .scheInfoWrap, #pageSchedule #schedule ul.schelist .scheInfoWrap {
  width: 100%;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
      transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
}
@media all and (min-width: 751px) {
  #pageHome #schedule ul.schelist .scheInfoWrap, #pageProperty #schedule ul.schelist .scheInfoWrap, #pageSchedule #schedule ul.schelist .scheInfoWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
@media all and (min-width: 981px) {
  #pageHome #schedule ul.schelist .scheInfoWrap, #pageProperty #schedule ul.schelist .scheInfoWrap, #pageSchedule #schedule ul.schelist .scheInfoWrap {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
  }
}
#pageHome #schedule ul.schelist .scheInfoWrap p, #pageProperty #schedule ul.schelist .scheInfoWrap p, #pageSchedule #schedule ul.schelist .scheInfoWrap p {
  width: 80px;
}
@media all and (min-width: 751px) {
  #pageHome #schedule ul.schelist .scheInfoWrap p, #pageProperty #schedule ul.schelist .scheInfoWrap p, #pageSchedule #schedule ul.schelist .scheInfoWrap p {
    font-size: 13px;
    width: 90px;
  }
}
@media all and (min-width: 981px) {
  #pageHome #schedule ul.schelist .scheInfoWrap p, #pageProperty #schedule ul.schelist .scheInfoWrap p, #pageSchedule #schedule ul.schelist .scheInfoWrap p {
    font-size: 15px;
    width: 150px;
  }
}
@media screen and (min-width: 768px) {
  #pageHome #schedule ul.schelist .br_sp, #pageProperty #schedule ul.schelist .br_sp, #pageSchedule #schedule ul.schelist .br_sp {
    display: none;
  }
}
@media all and (max-width: 750px) {
  #pageHome #schedule ul.schelist .sche_title, #pageProperty #schedule ul.schelist .sche_title, #pageSchedule #schedule ul.schelist .sche_title {
    width: 100%;
    margin-left: 10px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media all and (min-width: 751px) {
  #pageHome #schedule ul.schelist .sche_title, #pageProperty #schedule ul.schelist .sche_title, #pageSchedule #schedule ul.schelist .sche_title {
    width: 100%;
    margin-left: -8px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
@media all and (min-width: 981px) {
  #pageHome #schedule ul.schelist .sche_title, #pageProperty #schedule ul.schelist .sche_title, #pageSchedule #schedule ul.schelist .sche_title {
    margin-left: 6px;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-around;
  }
}
#pageHome #schedule ul.schelist .sche_title p, #pageProperty #schedule ul.schelist .sche_title p, #pageSchedule #schedule ul.schelist .sche_title p {
  width: 120px;
  text-align: center;
  -webkit-transform: translatex(-4%);
      -ms-transform: translatex(-4%);
          transform: translatex(-4%);
}
@media all and (min-width: 981px) {
  #pageHome #schedule ul.schelist .sche_title p, #pageProperty #schedule ul.schelist .sche_title p, #pageSchedule #schedule ul.schelist .sche_title p {
    -webkit-transform: translatex(-7%);
        -ms-transform: translatex(-7%);
            transform: translatex(-7%);
    width: 140px;
    text-align: center;
  }
}
@media all and (max-width: 750px) {
  #pageHome #schedule ul.schelist .sche_title span, #pageProperty #schedule ul.schelist .sche_title span, #pageSchedule #schedule ul.schelist .sche_title span {
    -webkit-transform: translatex(-28%);
        -ms-transform: translatex(-28%);
            transform: translatex(-28%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 7px 0 7px;
    border-color: #248CAC transparent transparent transparent;
  }
}
@media all and (min-width: 751px) {
  #pageHome #schedule ul.schelist .sche_title span, #pageProperty #schedule ul.schelist .sche_title span, #pageSchedule #schedule ul.schelist .sche_title span {
    -webkit-transform: translatex(-25%);
        -ms-transform: translatex(-25%);
            transform: translatex(-25%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #248CAC transparent transparent transparent;
  }
}
@media all and (min-width: 981px) {
  #pageHome #schedule ul.schelist .sche_title span, #pageProperty #schedule ul.schelist .sche_title span, #pageSchedule #schedule ul.schelist .sche_title span {
    -webkit-transform: translatex(-50%);
        -ms-transform: translatex(-50%);
            transform: translatex(-50%);
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    border-color: #248CAC transparent transparent transparent;
  }
}
#pageHome #schedule .month_title, #pageProperty #schedule .month_title, #pageSchedule #schedule .month_title {
  text-align: center;
  color: #248CAC;
  display: block;
}
@media all and (max-width: 750px) {
  #pageHome #schedule .month_title, #pageProperty #schedule .month_title, #pageSchedule #schedule .month_title {
    height: 10px;
    line-height: 10px;
    margin-top: -45px;
    margin-bottom: 20px;
    font-size: 15px;
  }
}
@media all and (min-width: 751px) {
  #pageHome #schedule .month_title, #pageProperty #schedule .month_title, #pageSchedule #schedule .month_title {
    height: 20px;
    line-height: 20px;
    margin-bottom: 30px;
    font-size: 18px;
  }
}
@media all and (min-width: 981px) {
  #pageHome #schedule .month_title, #pageProperty #schedule .month_title, #pageSchedule #schedule .month_title {
    height: 30px;
    line-height: 30px;
    margin-bottom: 30px;
    font-size: 20px;
  }
}

/*後で消す項目*/
#scheduled {
  position: relative;
}
@media all and (max-width: 750px) {
  #scheduled {
    margin-top: 40px;
  }
}
@media all and (min-width: 751px) {
  #scheduled .bg_gray {
    position: absolute;
    background: #F8F8F8;
    width: 100%;
    height: 68%;
    z-index: -1;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    left: 0;
    bottom: 0;
  }
}
#scheduled .propWrap {
  position: relative;
  padding: 1px 10px 80px 10px;
}
#scheduled .propWrap .inner {
  margin: 0 auto;
}
@media all and (min-width: 751px) {
  #scheduled .propWrap {
    width: 90%;
    margin: 0 auto;
    padding-bottom: 70px;
  }
  #scheduled .propWrap .inner {
    margin-bottom: 0;
  }
}
#scheduled ul.proplist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#scheduled ul.proplist li {
  width: 48%;
  margin-bottom: 40px;
  line-height: 1.4;
}
@media all and (min-width: 751px) {
  #scheduled ul.proplist::before {
    content: "";
    display: block;
    width: 23%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #scheduled ul.proplist::after {
    content: "";
    display: block;
    width: 23%;
  }
}
@media all and (min-width: 751px) and (min-width: 981px) {
  #scheduled ul.proplist li {
    width: 23%;
  }
}
#scheduled ul.proplist a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  background: #fff;
  border-bottom: 2px solid #248CAC;
}
#scheduled ul.proplist a.newtips::before {
  content: "新築";
  display: block;
  position: absolute;
  text-align: center;
  left: 0;
  right: 0;
  width: 3em;
  background: #248CAC;
  color: #fff;
  padding: 3px 0.5em;
  z-index: 1;
}
#scheduled ul.proplist .imageWrap {
  overflow: hidden;
  border-bottom: 1px solid #EBEBEB;
}
#scheduled ul.proplist .image {
  position: relative;
  padding-top: 63.5821%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
@media all and (min-width: 751px) {
  #scheduled ul.proplist .image {
    padding-top: 68.5824%;
  }
}
@media all and (min-width: 981px) {
  #scheduled ul.proplist .image {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #scheduled ul.proplist .image:hover {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
}
#scheduled ul.proplist .propInfoWrap {
  padding: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 12px;
}
#scheduled ul.proplist .propInfoWrap p {
  margin-bottom: 5px;
}
#scheduled ul.proplist .propInfoWrap .pTitle {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
  line-height: 1.5;
}
@media all and (min-width: 751px) {
  #scheduled ul.proplist .propInfoWrap {
    font-size: 13px;
  }
  #scheduled ul.proplist .propInfoWrap .pTitle {
    font-size: 15px;
  }
}
#scheduled .moreWrap {
  text-align: center;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 30px;
}
@media all and (min-width: 751px) {
  #scheduled .moreWrap {
    text-align: left;
    width: auto;
    left: auto;
    right: 40px;
    bottom: 0;
  }
}
@media all and (min-width: 981px) {
  #scheduled .moreWrap {
    right: 60px;
  }
}
@media screen and (min-width: 1280px) {
  #scheduled .moreWrap {
    right: calc(50% - 540px);
  }
}

/*=================
  下層共通
=================*/
.underSite .contents {
  width: 100%;
  /*
      &::before{
       content:"";
       display: block;
       position: absolute;
       width: 100vw;
       //height: 200px;
       padding-top: 106.6667vw;
       //height:  106.6667vw;
       background:$bg_light;
       top: 0;
       left: 0;
       z-index: -1;
       @include bbox;
     }
  */
}
.underSite .contents::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  padding-top: 106.6667vw;
  background: #F8F8F8;
  top: 0;
  left: 0;
  z-index: -1;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  .underSite .contents {
    /*
    &::before{
      padding-top: calc(200px + 17.7467vw);
      width: calc(100vw - 80px);
      margin:0 40px;
      //left: 40px;
    }
    */
  }
  .underSite .contents::before {
    padding-top: calc(200px + 17.7467vw);
    width: calc(100% - 80px);
    left: 40px;
  }
}
@media screen and (min-width: 1366px) {
  .underSite .contents::before {
    padding-top: 420px;
  }
}
.underSite .contents .center {
  text-align: center;
}
.underSite .mainTitle {
  padding: 50px 0 30px;
  text-align: center;
}
.underSite .mainTitle .eng {
  color: #D5D5D5;
  font-size: 16px;
  font-family: "Raleway", sans-serif;
}
.underSite .mainTitle .ja {
  font-size: 20px;
  font-weight: bold;
}
.underSite .mainTitle .seqNo {
  color: #248CAC;
  font-size: 15px;
  font-family: "Ropa Sans", sans-serif;
}
@media all and (min-width: 751px) {
  .underSite .mainTitle {
    padding: 60px 0 40px;
  }
  .underSite .mainTitle .eng {
    font-size: 20px;
  }
  .underSite .mainTitle .ja {
    font-size: 24px;
  }
  .underSite .mainTitle .seqNo {
    font-size: 20px;
  }
}
@media all and (min-width: 981px) {
  .underSite .mainTitle {
    padding: 80px 0 50px;
  }
}
.underSite .btnWrap {
  padding: 30px 0;
}
@media all and (min-width: 751px) {
  .underSite .btnWrap {
    padding: 40px 0;
  }
}
@media all and (min-width: 981px) {
  .underSite .btnWrap {
    padding: 0 0 20px;
  }
}
.underSite .btnWrap a {
  display: block;
  position: relative;
  font-size: 20px;
  font-family: "Ropa Sans", sans-serif;
  width: 150px;
  text-align: center;
  margin: 0 auto;
  line-height: 2em;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
.underSite .btnWrap a::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 1px;
  background: #D5D5D5;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.underSite .btnWrap a::after {
  content: "";
  display: block;
  position: absolute;
  width: 0%;
  height: 1px;
  background: #1A313B;
  left: 0;
  bottom: 0;
  z-index: 2;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
@media all and (min-width: 981px) {
  .underSite .btnWrap a:hover::after {
    width: 100%;
  }
}

/*=================
  カンパニー
=================*/
@media all and (min-width: 751px) {
  #pageCompany #top .image {
    margin: 0 40px;
  }
}
@media all and (min-width: 981px) {
  #pageCompany #top .image {
    max-width: 1080px;
    margin: 0 60px;
  }
}
@media screen and (min-width: 1200px) {
  #pageCompany #top .image {
    margin: 0 auto;
  }
}
#pageCompany .cTitleWrap {
  border-bottom: 1px solid #248CAC;
}
#pageCompany .cTitleWrap .eng {
  line-height: 30px;
  font-size: 14px;
  font-family: "Raleway", sans-serif;
  color: #D5D5D5;
}
#pageCompany .cTitleWrap .ja {
  font-size: 16px;
  font-weight: bold;
  line-height: 40px;
}
@media all and (min-width: 751px) {
  #pageCompany .cTitleWrap .eng {
    font-size: 15px;
  }
  #pageCompany .cTitleWrap .ja {
    font-size: 22px;
  }
}
#pageCompany #cMsg {
  padding: 1px 0;
  background-color: #fff;
}
#pageCompany #cMsg .mColumn {
  padding-top: 30px;
  text-align: justify;
  position: relative;
}
@media all and (max-width: 750px) {
  #pageCompany #cMsg .mColumn .left {
    margin-bottom: 30px;
  }
}
@media all and (min-width: 751px) {
  #pageCompany #cMsg .mColumn {
    font-size: 15px;
    line-height: 2.3em;
    padding: 40px 40px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #pageCompany #cMsg .mColumn .col {
    width: 47%;
  }
}
@media all and (min-width: 981px) {
  #pageCompany #cMsg .mColumn {
    font-size: 15px;
  }
}
#pageCompany #cMsg .boss__wrap {
  position: relative;
}
#pageCompany #cMsg .boss {
  max-width: 300px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 750px) {
  #pageCompany #cMsg .boss {
    margin: 30px 0 0 auto;
  }
}
@media all and (min-width: 751px) {
  #pageCompany #cMsg .boss {
    position: absolute;
    bottom: 0;
    right: 0;
  }
}
#pageCompany #cMsg .boss dt {
  color: #248CAC;
}
#pageCompany #cMsg .boss dd {
  margin-left: 20px;
  color: #1A313B;
}
#pageCompany #skill {
  background: #F8F8F8;
  padding: 30px 0;
}
#pageCompany #skill .arrow_box {
  position: relative;
  background: #ffffff;
  border: 1px solid #D0D0D0;
  max-width: 780px;
  margin: 30px auto;
  padding: 20px 20px 20px 80px;
  vertical-align: top;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .arrow_box {
    margin: 40px auto;
    padding-left: 100px;
  }
}
#pageCompany #skill .arrow_box::before, #pageCompany #skill .arrow_box::after {
  top: 100%;
  left: 50%;
  border: solid transparent;
  content: " ";
  height: 0;
  width: 0;
  position: absolute;
  pointer-events: none;
}
#pageCompany #skill .arrow_box::after {
  border-color: rgba(255, 255, 255, 0);
  border-top-color: #ffffff;
  border-width: 24px 18px 0 18px;
  margin-left: -24px;
}
#pageCompany #skill .arrow_box::before {
  border-color: rgba(208, 208, 208, 0);
  border-top-color: #D0D0D0;
  border-width: 25px 19px 0 19px;
  margin-left: -25px;
}
#pageCompany #skill .arrow_box span {
  display: block;
  font-weight: bold;
}
#pageCompany #skill .arrow_box .ico {
  position: absolute;
  width: 50px;
  height: 50px;
  text-align: center;
  color: #fff;
  background: #1A313B;
  font-size: 20px;
  padding: 5px;
  border-radius: 50%;
  left: 15px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .arrow_box .ico {
    width: 62px;
    height: 62px;
    padding: 10px;
    font-size: 25px;
    left: 20px;
  }
}
#pageCompany #skill .arrow_box .text {
  color: #1A313B;
  width: 100%;
  font-size: 15px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .arrow_box .text {
    text-align: center;
    font-size: 20px;
  }
}
#pageCompany #skill ul.titlelist {
  margin-left: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
#pageCompany #skill ul.titlelist li {
  width: 50%;
  font-weight: bold;
  font-size: 24px;
}
#pageCompany #skill ul.titlelist li span {
  display: inline-block;
  height: 32px;
  vertical-align: bottom;
}
#pageCompany #skill ul.titlelist li em {
  font-size: 18px;
}
#pageCompany #skill ul.titlelist li img {
  vertical-align: bottom;
}
#pageCompany #skill ul.titlelist li:first-child .image {
  width: 26px;
  display: inline-block;
}
#pageCompany #skill ul.titlelist li:last-child .image {
  width: 70px;
  display: inline-block;
}
#pageCompany #skill ul.flowlist {
  padding-top: 30px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill ul.flowlist {
    padding-top: 20px;
  }
}
#pageCompany #skill ul.flowlist li {
  border-bottom: 2px solid #fff;
}
@media all and (min-width: 751px) {
  #pageCompany #skill ul.flowlist li:last-child .fleft {
    background: #A2A2A2;
  }
  #pageCompany #skill ul.flowlist li:last-child .fright {
    background: #1A313B;
    padding-bottom: 120px;
  }
}
@media all and (min-width: 981px) {
  #pageCompany #skill ul.flowlist li:last-child .flowWrap .flowColumn .fleft .money, #pageCompany #skill ul.flowlist li:last-child .flowWrap .flowColumn .fright .money {
    width: calc(100% - 60px);
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-bottom: 0;
  }
}
#pageCompany #skill .flowWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap {
    min-height: 124px;
  }
}
#pageCompany #skill .flowWrap .flow {
  width: 40px;
  background: #1A313B;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
  padding: 1em 0;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flow {
    width: 60px;
    font-size: 16px;
  }
}
#pageCompany #skill .flowWrap .flow .no {
  display: block;
  width: 100%;
  text-align: center;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flow .no {
    color: #A2A2A2;
  }
}
#pageCompany #skill .flowWrap .flow .caption {
  width: 100%;
  display: block;
  line-height: 1.1em;
  text-align: center;
  padding: 5px 7px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flow .caption {
    padding: 5px 16px;
  }
}
#pageCompany #skill .flowWrap .flowColumn {
  width: calc(100% - 40px);
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: calc(100% - 60px);
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft, #pageCompany #skill .flowWrap .flowColumn .fright {
  position: relative;
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 750px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft, #pageCompany #skill .flowWrap .flowColumn .fright {
    padding-bottom: 80px;
  }
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft, #pageCompany #skill .flowWrap .flowColumn .fright {
    padding-bottom: 120px;
    width: 50%;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft em, #pageCompany #skill .flowWrap .flowColumn .fright em {
  display: inline-block;
  padding-bottom: 1px;
  margin-left: 10px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .text, #pageCompany #skill .flowWrap .flowColumn .fright .text {
  font-size: 15px;
  font-weight: bold;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .text.min, #pageCompany #skill .flowWrap .flowColumn .fright .text.min {
  font-weight: normal;
  font-size: 1em;
  margin-top: 10px;
  opacity: 0.6;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .text, #pageCompany #skill .flowWrap .flowColumn .fright .text {
    font-size: 18px;
  }
  #pageCompany #skill .flowWrap .flowColumn .fleft .text.min, #pageCompany #skill .flowWrap .flowColumn .fright .text.min {
    margin-top: 15px;
    font-size: 15px;
  }
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .total, #pageCompany #skill .flowWrap .flowColumn .fright .total {
    font-size: 20px;
    font-weight: normal;
    color: #fff;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money, #pageCompany #skill .flowWrap .flowColumn .fright .money {
  position: absolute;
  width: 90%;
  text-align: right;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  bottom: 10px;
  right: 20px;
}
@media all and (min-width: 981px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .money, #pageCompany #skill .flowWrap .flowColumn .fright .money {
    right: 30px;
    bottom: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .other, #pageCompany #skill .flowWrap .flowColumn .fright .money .other {
  padding-right: 15px;
  line-height: 1em;
  padding-bottom: 5px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .other img, #pageCompany #skill .flowWrap .flowColumn .fright .money .other img {
  vertical-align: bottom;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .other span, #pageCompany #skill .flowWrap .flowColumn .fright .money .other span {
  vertical-align: bottom;
  font-size: 15px;
  font-weight: bold;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .other span i, #pageCompany #skill .flowWrap .flowColumn .fright .money .other span i {
  font-weight: normal;
  font-size: 13px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .num, #pageCompany #skill .flowWrap .flowColumn .fright .money .num {
  display: inline-block;
  font-family: "Ropa Sans", sans-serif;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani {
  line-height: 1.5;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani span, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani span {
  display: block;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani span:first-child, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani span:first-child {
  font-size: 13px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .money .tani span:first-child, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani span:first-child {
    font-size: 15px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani span:last-child, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani span:last-child {
  font-size: 15px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .money .tani span:last-child, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani span:last-child {
    font-size: 20px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani.white span, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani.white span {
  color: #fff;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani.big, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani.big {
  margin-left: 10px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani.big span, #pageCompany #skill .flowWrap .flowColumn .fright .money .tani.big span {
  font-size: 20px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money.center, #pageCompany #skill .flowWrap .flowColumn .fright .money.center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 20px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft {
  background: #D5D5D5;
}
@media all and (min-width: 981px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft {
    padding: 30px 200px 30px 20px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft em {
  color: #248CAC;
  border-bottom: 1px solid #248CAC;
}
@media all and (min-width: 981px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .money {
    min-width: 170px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .other img {
  width: 15px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .other span {
  color: #fff;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .num {
  font-size: 60px;
  color: #fff;
  line-height: 50px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .money .num {
    font-size: 80px;
    line-height: 0.7em;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money .tani {
  width: 50px;
}
#pageCompany #skill .flowWrap .flowColumn .fleft .money.center .num {
  width: 102px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fleft .money.center .num {
    width: auto;
    padding-left: 10px;
    line-height: 70px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fright {
  background: #248CAC;
}
@media all and (min-width: 981px) {
  #pageCompany #skill .flowWrap .flowColumn .fright {
    padding: 30px 120px 30px 20px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fright em {
  color: #F8CE19;
  border-bottom: 1px solid #F8CE19;
}
#pageCompany #skill .flowWrap .flowColumn .fright .text {
  color: #fff;
}
#pageCompany #skill .flowWrap .flowColumn .fright .text.min {
  color: #fff;
}
@media all and (min-width: 981px) {
  #pageCompany #skill .flowWrap .flowColumn .fright .money {
    width: 90px;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fright .money .other img {
  width: 30px;
}
#pageCompany #skill .flowWrap .flowColumn .fright .money .other span {
  color: #F8CE19;
}
#pageCompany #skill .flowWrap .flowColumn .fright .money .num {
  font-size: 80px;
  color: #F8CE19;
  line-height: 60px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fright .money .num {
    font-size: 100px;
    line-height: 0.7em;
  }
}
#pageCompany #skill .flowWrap .flowColumn .fright .money .tani {
  width: 20px;
  color: #fff;
}
#pageCompany #skill .flowWrap .flowColumn .fright .money.center .num {
  width: 37px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill .flowWrap .flowColumn .fright .money.center .num {
    width: auto;
    padding-left: 10px;
    line-height: 70px;
  }
}
#pageCompany #skill .box_center {
  text-align: center;
}
#pageCompany #skill .pointTitle {
  position: relative;
  font-size: 20px;
  font-weight: bold;
  padding-bottom: 20px;
}
#pageCompany #skill .pointTitle em {
  font-size: 32px;
}
#pageCompany #skill .pointTitle::after {
  content: "";
  position: absolute;
  display: block;
  width: 200px;
  height: 3px;
  background: #1A313B;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media all and (min-width: 751px) {
  #pageCompany #skill .pointTitle {
    display: inline-block;
    padding-bottom: 10px;
  }
  #pageCompany #skill .pointTitle::after {
    width: 100%;
  }
}
#pageCompany #skill ul.pointlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 30px;
}
@media all and (min-width: 751px) {
  #pageCompany #skill ul.pointlist {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
#pageCompany #skill ul.pointlist li {
  position: relative;
  padding: 50px 30px 30px 30px;
}
#pageCompany #skill ul.pointlist li:not(:last-child):after {
  position: absolute;
  bottom: -10px;
  left: calc(50% - 9px);
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10px 9px 0 9px;
  border-color: #D5D5D5 transparent transparent transparent;
}
@media all and (min-width: 751px) {
  #pageCompany #skill ul.pointlist li:not(:last-child):after {
    position: absolute;
    bottom: calc(50% - 18px);
    left: auto;
    right: -5px;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 9px 0 9px 10px;
    border-color: transparent transparent transparent #248CAC;
  }
}
#pageCompany #skill ul.pointlist li .circle {
  position: relative;
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  background: url(../images/point1.png) no-repeat center center;
  background-size: contain;
}
#pageCompany #skill ul.pointlist li:nth-child(2) .circle {
  background: url(../images/point2.png) no-repeat center center;
  background-size: contain;
}
#pageCompany #skill ul.pointlist li:nth-child(3) .circle {
  background: url(../images/point3.png) no-repeat center center;
  background-size: contain;
}
#pageCompany #skill .pNum {
  color: #248CAC;
  font-family: "Raleway", sans-serif;
  font-size: 20px;
  line-height: 1em;
  font-weight: bold;
  text-align: left;
  position: absolute;
  top: -15px;
  left: 15px;
}
#pageCompany #skill .pNum span {
  display: block;
  font-size: 30px;
  padding-top: 5px;
}
#pageCompany #skill .text1 {
  width: 100%;
  font-size: 16px;
  font-weight: bold;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#pageCompany #skill .text2 {
  font-size: 20px;
  font-weight: bold;
}
#pageCompany #skill .text2 span {
  font-size: 17px;
}
#pageCompany #skill .text2 em {
  font-size: 24px;
}
#pageCompany #skill ul.contact {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
  margin-top: 30px;
}
#pageCompany #skill ul.contact li {
  width: 100%;
  border: 2px solid #1A313B;
  text-align: center;
  padding: 30px 48px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (max-width: 750px) {
  #pageCompany #skill ul.contact li {
    max-width: 350px;
    margin-bottom: 20px;
  }
}
#pageCompany #skill ul.contact li .text {
  text-align: center;
  font-weight: bold;
  color: #1A313B;
  font-size: 15px;
  margin-bottom: 1em;
}
#pageCompany #skill ul.contact li a {
  padding: 15px 20px;
  line-height: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageCompany #skill ul.contact {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 910px;
    margin: 40px auto;
  }
  #pageCompany #skill ul.contact li {
    width: 48%;
    padding: 40px;
  }
  #pageCompany #skill ul.contact li .text {
    font-size: 20px;
  }
  #pageCompany #skill ul.contact li a {
    font-size: 16px;
    margin: 0 auto;
  }
}
#pageCompany #corp {
  padding-top: 60px !important;
  margin-top: -60px !important;
}
#pageCompany #corp .cTitle {
  text-align: center;
  padding-bottom: 20px;
}
#pageCompany #corp .cTitle .eng {
  font-family: "Raleway", sans-serif;
  font-size: 15px;
  color: #D5D5D5;
}
#pageCompany #corp .cTitle .ja {
  font-size: 18px;
}
@media all and (min-width: 751px) {
  #pageCompany #corp .cTitle {
    text-align: left;
  }
  #pageCompany #corp .cTitle .ja {
    font-size: 22px;
  }
}
#pageCompany #corp ul.corplist {
  border-top: 1px solid #248CAC;
}
#pageCompany #corp ul.corplist > li {
  border-bottom: 1px solid #D5D5D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#pageCompany #corp ul.corplist > li .label {
  font-weight: bold;
  padding: 1em 0;
}
@media all and (max-width: 750px) {
  #pageCompany #corp ul.corplist > li .label {
    width: 80px;
  }
}
#pageCompany #corp ul.corplist > li .data {
  padding: 1em 0;
}
#pageCompany #corp ul.corplist > li .data span {
  display: inline-block;
  width: 80px;
}
@media all and (max-width: 750px) {
  #pageCompany #corp ul.corplist > li .data {
    width: calc(100% - 80px);
  }
}
@media all and (min-width: 751px) {
  #pageCompany #corp ul.corplist > li .label {
    padding: 30px 0;
    font-size: 14px;
    width: 150px;
  }
  #pageCompany #corp ul.corplist > li .data {
    padding: 30px 0;
    font-size: 14px;
    width: calc(100% - 150px);
  }
}
@media all and (min-width: 981px) {
  #pageCompany #corp ul.corplist {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  #pageCompany #corp ul.corplist > li {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #pageCompany #corp ul.corplist > li .label {
    padding: 40px 10px 40px 40px;
    width: 22.1481%;
  }
  #pageCompany #corp ul.corplist > li .data {
    padding: 40px 20px 40px 0;
  }
  #pageCompany #corp ul.corplist > li:nth-child(odd) {
    border-right: 1px solid #D5D5D5;
  }
  #pageCompany #corp ul.corplist > li.wide {
    width: 100%;
    border-right: none;
  }
  #pageCompany #corp ul.corplist > li.wide .label {
    width: 11.57407%;
  }
}
#pageCompany ul.historylist {
  margin-top: 20px;
}
#pageCompany ul.historylist li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
  border-bottom: 1px solid #D5D5D5;
}
@media all and (min-width: 751px) {
  #pageCompany ul.historylist li {
    padding: 15px 10px;
  }
}
#pageCompany ul.historylist .label {
  display: block;
  min-width: 100px;
  font-weight: 600;
  font-size: 0.9em;
}
@media all and (min-width: 751px) {
  #pageCompany ul.historylist .label {
    min-width: 160px;
  }
}
#pageCompany #access {
  padding: 1px 0;
  background: #F8F8F8;
  position: relative;
}
#pageCompany #access .acTitle {
  font-family: "Raleway", sans-serif;
  color: #D5D5D5;
  letter-spacing: 0.1em;
  font-size: 20px;
  font-weight: 400;
  text-align: center;
}
@media all and (min-width: 751px) {
  #pageCompany #access .acTitle {
    font-size: 30px;
  }
}
@media all and (min-width: 751px) {
  #pageCompany #access .mapWrap {
    position: relative;
    margin: 60px auto;
    padding: 0 80px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
}
#pageCompany #access .map {
  position: relative;
  padding-top: 75%;
  margin-top: 30px;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#pageCompany #access .map iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
@media all and (min-width: 751px) {
  #pageCompany #access .map {
    padding-top: 60%;
    max-width: 900px;
    margin: 0 auto;
  }
}
@media all and (min-width: 981px) {
  #pageCompany #access .map {
    padding-top: 44.4444%;
  }
}
#pageCompany #access .maplink {
  width: 280px;
  padding: 15px 20px;
  display: block;
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  color: #1A313B;
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#pageCompany #access .maplink .fa-expand {
  color: #248CAC;
  font-size: 21px;
  font-weight: bold;
}
#pageCompany #access .maplink .fa-long-arrow-right {
  color: #D5D5D5;
  font-size: 18px;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  #pageCompany #access .maplink {
    margin: 30px auto;
  }
}
@media all and (min-width: 751px) {
  #pageCompany #access .maplink {
    width: 65px;
    height: 292px;
    line-height: 1.5em;
    padding: 30px 20px;
    position: absolute;
    left: 0px;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  #pageCompany #access .maplink .fa-long-arrow-right {
    margin-top: 30px;
  }
}
@media all and (min-width: 981px) {
  #pageCompany #access .maplink {
    left: -30px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #pageCompany #access .maplink:hover {
    background: #1A313B;
    color: #fff;
  }
}

/*=================
  こだわりの家づくり
=================*/
#pageParticular.underSite .mainTitle {
  padding-bottom: 40px;
}
@media all and (min-width: 751px) {
  #pageParticular.underSite .mainTitle {
    padding-bottom: 50px;
  }
}
#pageParticular .comm {
  font-size: 16px;
  color: #248CAC;
  text-align: center;
  vertical-align: middle;
}
@media all and (min-width: 751px) {
  #pageParticular .comm {
    font-size: 15px;
    font-weight: bold;
  }
  #pageParticular .comm i {
    display: inline-block;
    font-size: 30px;
  }
  #pageParticular .comm span {
    display: inline-block;
  }
}
@media screen and (min-width: 751px) and (max-width: 980px) {
  #pageParticular #wBtnSet .inner {
    margin: 40px 80px;
  }
}
@media screen and (min-width: 981px) and (max-width: 1240px) {
  #pageParticular #wBtnSet .inner {
    margin: 80px 80px;
  }
}
#pageParticular ul.wBtnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#pageParticular ul.wBtnlist li {
  width: 48%;
  margin-bottom: 20px;
}
@media all and (min-width: 751px) {
  #pageParticular ul.wBtnlist li {
    width: 24%;
  }
}
#pageParticular ul.wBtnlist li a {
  display: block;
  background: #fff;
  position: relative;
  padding-top: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#pageParticular ul.wBtnlist li a .catName {
  text-align: center;
  font-size: 16px;
}
#pageParticular ul.wBtnlist li a .image {
  padding: 0 20%;
  -webkit-filter: grayscale(100%);
          filter: grayscale(100%);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pageParticular ul.wBtnlist li a {
    padding-top: 76.9231%;
  }
  #pageParticular ul.wBtnlist li a .catName {
    font-size: 18px;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  #pageParticular ul.wBtnlist li a .image {
    opacity: 0.2;
    width: 50%;
    padding: 0;
    position: absolute;
    right: -10px;
    bottom: -10px;
  }
}
@media all and (min-width: 981px) {
  #pageParticular ul.wBtnlist li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #pageParticular ul.wBtnlist li a .catName {
    font-size: 20px;
  }
  #pageParticular ul.wBtnlist li a:hover {
    background: #1A313B;
  }
  #pageParticular ul.wBtnlist li a:hover .catName {
    color: #248CAC;
  }
  #pageParticular ul.wBtnlist li a:hover .image {
    -webkit-filter: grayscale(0%);
            filter: grayscale(0%);
    opacity: 1;
  }
}

/*=================
  施工事例共通
=================*/
body.works .mainTitle {
  padding-bottom: 30px;
}
body.works ul.wMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
body.works ul.wMenu li {
  font-size: 14px;
  font-weight: bold;
  color: #D5D5D5;
  padding: 0 10px;
}
body.works ul.wMenu li a {
  display: block;
}
body.works ul.wMenu li span {
  display: inline-block;
  width: 65px;
  text-align: center;
  line-height: 40px;
  border-bottom: 3px solid #D5D5D5;
}
body.works ul.wMenu li.current {
  color: #1A313B;
}
body.works ul.wMenu li.current span {
  border-color: #248CAC;
}
@media all and (min-width: 751px) {
  body.works ul.wMenu li {
    font-size: 18px;
  }
  body.works ul.wMenu li a span {
    width: 100px;
    line-height: 50px;
  }
}
@media all and (min-width: 981px) {
  body.works ul.wMenu li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  body.works ul.wMenu li a:hover {
    color: #248CAC;
  }
}
body.works ul.wBtnlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
body.works ul.wBtnlist li {
  width: 48%;
  margin-bottom: 20px;
}
@media all and (min-width: 751px) {
  body.works ul.wBtnlist li {
    width: 24%;
  }
}
body.works ul.wBtnlist li a {
  display: block;
  background: #fff;
  position: relative;
  padding-top: 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
body.works ul.wBtnlist li a .catName {
  text-align: center;
  font-size: 16px;
}
body.works ul.wBtnlist li a .image {
  padding: 0 20%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  body.works ul.wBtnlist li a {
    padding-top: 76.9231%;
  }
  body.works ul.wBtnlist li a .catName {
    font-size: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  body.works ul.wBtnlist li a .image {
    opacity: 0.2;
    width: 50%;
    padding: 0;
    position: absolute;
    right: -10px;
    bottom: -10px;
  }
}
@media all and (min-width: 981px) {
  body.works ul.wBtnlist li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  body.works ul.wBtnlist li a:hover {
    background: #1A313B;
  }
  body.works ul.wBtnlist li a:hover .catName {
    color: #248CAC;
  }
  body.works ul.wBtnlist li a:hover .image {
    opacity: 1;
  }
}

/*=================
  施工事例・外観(一覧)
=================*/
#archiveExterior #exterior {
  padding-top: 1px;
}
#archiveExterior #exterior ul.exlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (min-width: 751px) {
  #archiveExterior #exterior ul.exlist::before {
    content: "";
    display: block;
    width: 23%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  #archiveExterior #exterior ul.exlist::after {
    content: "";
    display: block;
    width: 23%;
  }
}
#archiveExterior #exterior ul.exlist > li {
  width: 47%;
}
@media all and (min-width: 751px) {
  #archiveExterior #exterior ul.exlist > li {
    width: 23%;
  }
}
#archiveExterior #exterior ul.exlist > li a {
  display: block;
}
@media all and (max-width: 980px) {
  #archiveExterior #exterior ul.exlist > li a {
    padding-top: 35px;
    padding-bottom: 30px;
  }
}
@media all and (min-width: 981px) {
  #archiveExterior #exterior ul.exlist > li a {
    padding-bottom: 80px;
  }
}
#archiveExterior #exterior ul.exlist > li a .imageWrap {
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#archiveExterior #exterior ul.exlist > li a .imageWrap .seqWrap {
  position: absolute;
  line-height: 1.3em;
  font-family: "Ropa Sans", sans-serif;
  left: 0;
  top: 0;
  font-size: 13px;
}
#archiveExterior #exterior ul.exlist > li a .imageWrap .seqWrap .sNo {
  text-align: center;
  font-size: 40px;
  line-height: 1em;
}
@media all and (min-width: 981px) {
  #archiveExterior #exterior ul.exlist > li a .imageWrap {
    position: relative;
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: #1A313B;
    
    -webkit-transform: scale3d(0.8, 0.8, 0.8);
            transform: scale3d(0.8, 0.8, 0.8);
    z-index: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap .seqWrap {
    font-size: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    
    z-index: 2;
    color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap .seqWrap .sNo {
    font-size: 64px;
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap .image {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap:hover::before {
    opacity: 0.8;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap:hover .image {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  #archiveExterior #exterior ul.exlist > li a .imageWrap:hover .seqWrap {
    opacity: 1;
  }
}
#archiveExterior #exterior ul.exlist > li a .image {
  position: relative;
  padding-top: 100%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
#archiveExterior #exterior ul.exlist > li a .wTitle {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
}

/*=================
  施工事例・内装(一覧)
=================*/
#archiveInterior #interior {
  padding-top: 1px;
  position: relative;
}
#archiveInterior #interior .inTitle_box {
  background: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  padding-top: 30px;
  position: relative;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior .inTitle_box {
    padding: 40px 40px 0;
    margin-left: 40px;
    margin-right: 40px;
  }
}
@media all and (min-width: 981px) {
  #archiveInterior #interior .inTitle_box {
    margin-left: 0;
    margin-right: 0;
    -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
            box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  }
}
#archiveInterior #interior .inTitle_box .category {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior .inTitle_box .category {
    font-size: 24px;
  }
}
@media all and (min-width: 981px) {
  #archiveInterior #interior .inTitle_box .category {
    font-size: 30px;
    text-align: left;
  }
}
#archiveInterior #interior .inTitle_box .image {
  width: 90px;
  height: 90px;
  margin: -20px auto 0;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior .inTitle_box .image {
    width: 120px;
    height: 120px;
  }
}
@media all and (min-width: 981px) {
  #archiveInterior #interior .inTitle_box .image {
    margin: -30px auto 0 calc(25% - 150px);
  }
}
#archiveInterior #interior .listWrap {
  margin: 30px 0;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior .listWrap {
    margin: 40px 40px;
  }
}
@media all and (min-width: 981px) {
  #archiveInterior #interior .listWrap {
    position: relative;
    width: 70%;
    margin-left: auto;
    margin-top: -100px;
    margin-right: 40px;
  }
}
#archiveInterior #interior ul.inlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior ul.inlist::after {
    content: "";
    display: block;
    width: 31%;
  }
}
#archiveInterior #interior ul.inlist > li {
  width: 100%;
  margin-bottom: 25px;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior ul.inlist > li {
    width: 31%;
    margin-bottom: 40px;
  }
}
@media all and (min-width: 981px) {
  #archiveInterior #interior ul.inlist > li {
    margin-bottom: 50px;
  }
}
#archiveInterior #interior ul.inlist > li a {
  display: block;
}
#archiveInterior #interior ul.inlist > li a .imageWrap {
  overflow: hidden;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
#archiveInterior #interior ul.inlist > li a .imageWrap .seqWrap {
  position: absolute;
  line-height: 1.3em;
  font-family: "Ropa Sans", sans-serif;
  left: 0;
  top: 0;
  font-size: 13px;
}
#archiveInterior #interior ul.inlist > li a .imageWrap .seqWrap .sNo {
  text-align: center;
  font-size: 40px;
  line-height: 0.7em;
}
@media all and (min-width: 981px) {
  #archiveInterior #interior ul.inlist > li a .imageWrap {
    position: relative;
  }
  #archiveInterior #interior ul.inlist > li a .imageWrap::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: block;
    background-color: #1A313B;
    
    -webkit-transform: scale3d(0.3, 0.3, 0.3);
            transform: scale3d(0.3, 0.3, 0.3);
    z-index: 1;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveInterior #interior ul.inlist > li a .imageWrap .seqWrap {
    font-size: 20px;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    
    z-index: 2;
    color: #fff;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveInterior #interior ul.inlist > li a .imageWrap .seqWrap .sNo {
    font-size: 70px;
  }
  #archiveInterior #interior ul.inlist > li a .imageWrap:hover::before {
    opacity: 0.8;
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
  }
  #archiveInterior #interior ul.inlist > li a .imageWrap:hover .seqWrap {
    opacity: 1;
  }
}
#archiveInterior #interior ul.inlist > li a .image {
  position: relative;
  padding-top: 59.7015%;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior ul.inlist > li a .image {
    padding-top: 100%;
  }
}
#archiveInterior #interior ul.inlist > li a .wTitle {
  margin-top: 20px;
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 10px;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior ul.inlist > li a .wTitle {
    font-size: 15px;
  }
}
#archiveInterior #interior ul.inlist > li a .wBody {
  font-size: 12px;
}
@media all and (min-width: 751px) {
  #archiveInterior #interior ul.inlist > li a .wBody {
    font-size: 13px;
  }
}
#archiveInterior.underSite .btnWrap a {
  width: 180px;
}
@media all and (min-width: 981px) {
  #archiveInterior.underSite .btnWrap {
    position: absolute;
    margin: 0;
    left: 80px;
    top: 300px;
  }
}
@media screen and (min-width: 1200px) {
  #archiveInterior.underSite .btnWrap {
    left: calc(50% - 500px);
  }
}

/*=================
  施工事例個別ページ
=================*/
@media all and (min-width: 751px) {
  #singleExterior .body, #singleInterior .body {
    text-align: center;
  }
}
#singleExterior ul.photos li, #singleInterior ul.photos li {
  margin-bottom: 30px;
}
@media all and (min-width: 751px) {
  #singleExterior ul.photos li, #singleInterior ul.photos li {
    margin-bottom: 40px;
  }
}
#singleExterior ul.photos .image, #singleInterior ul.photos .image {
  position: relative;
  padding-top: 62.5%;
}
#singleExterior ul.photos .image img, #singleInterior ul.photos .image img {
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}

/*=================
  お客様の声(一覧)
=================*/
#archiveVoice #voice ul.vlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#archiveVoice #voice ul.vlist > li {
  width: 100%;
  margin-bottom: 30px;
}
@media all and (min-width: 751px) {
  #archiveVoice #voice ul.vlist > li {
    width: 47%;
    margin-bottom: 40px;
  }
}
@media all and (min-width: 981px) {
  #archiveVoice #voice ul.vlist > li {
    margin-bottom: 80px;
  }
}
@media all and (min-width: 751px) {
  #archiveVoice #voice ul.vlist > li:nth-child(7n) {
    margin-bottom: 0;
  }
}
#archiveVoice #voice ul.vlist > li:nth-child(8n) {
  margin-bottom: 0;
}
#archiveVoice #voice ul.vlist > li a {
  display: block;
}
#archiveVoice #voice ul.vlist > li a .imageWrap {
  overflow: hidden;
}
#archiveVoice #voice ul.vlist > li a .image {
  padding-top: 60%;
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
#archiveVoice #voice ul.vlist > li a .texts {
  position: relative;
  margin: -40px 20px 0;
  padding: 30px 20px;
  border-bottom: 2px solid #248CAC;
  background-color: #fff;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  z-index: 1;
}
#archiveVoice #voice ul.vlist > li a .texts .vTitle {
  font-size: 14px;
  font-weight: bold;
}
#archiveVoice #voice ul.vlist > li a .texts .vBody {
  margin-top: 1em;
  text-align: justify;
}
@media all and (min-width: 751px) {
  #archiveVoice #voice ul.vlist > li a .text {
    padding: 40px 40px;
  }
  #archiveVoice #voice ul.vlist > li a .text .vTitle {
    font-size: 15px;
  }
  #archiveVoice #voice ul.vlist > li a .text .vBody {
    font-size: 13px;
  }
}
@media all and (min-width: 981px) {
  #archiveVoice #voice ul.vlist > li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveVoice #voice ul.vlist > li a .image {
    -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
            transform: scale(1.05);
  }
  #archiveVoice #voice ul.vlist > li a:hover .image {
    -webkit-transform: scale(1);
        -ms-transform: scale(1);
            transform: scale(1);
  }
  #archiveVoice #voice ul.vlist > li a:hover .texts {
    background-color: #1A313B;
  }
  #archiveVoice #voice ul.vlist > li a:hover .texts .vTitle {
    color: #248CAC;
  }
  #archiveVoice #voice ul.vlist > li a:hover .texts .vBody {
    color: #fff;
  }
}

/*=================
  お客様の声個別ページ
=================*/
#singleVoice .image {
  margin-top: 30px;
  position: relative;
  padding-top: 62.5%;
}
@media all and (min-width: 751px) {
  #singleVoice .image {
    margin: 40px auto 0;
  }
}
@media all and (min-width: 981px) {
  #singleVoice .image {
    margin: 80px auto 0;
  }
}
#singleVoice .image.noMgn {
  margin-top: 0;
}
#singleVoice .image img {
  display: block;
  position: absolute;
  height: 100%;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  text-align: center;
}
@media all and (min-width: 751px) {
  #singleVoice #intro .body {
    text-align: center;
  }
}
#singleVoice #detail ul.qalist > li {
  border-top: 1px solid #D5D5D5;
  padding: 30px 0;
}
@media all and (min-width: 751px) {
  #singleVoice #detail ul.qalist > li {
    padding: 40px 0;
  }
  #singleVoice #detail ul.qalist > li.pdgMin {
    padding: 30px 0;
  }
}
@media all and (min-width: 981px) {
  #singleVoice #detail ul.qalist > li {
    padding: 60px 0;
  }
}
#singleVoice #detail ul.qalist > li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
#singleVoice #detail ul.qalist > li .qabox {
  position: relative;
  padding-left: 50px;
  min-height: 50px;
  font-size: 14px;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#singleVoice #detail ul.qalist > li .qabox::before {
  width: 50px;
  height: 50px;
  position: absolute;
  display: block;
  left: 0;
  top: 0;
  color: #F8F8F8;
  font-family: "Raleway", sans-serif;
  font-size: 50px;
  line-height: 1em;
  text-align: center;
  font-weight: 700;
}
@media all and (min-width: 751px) {
  #singleVoice #detail ul.qalist > li .qabox {
    padding-left: 130px;
    font-size: 15px;
    min-height: 80px;
    position: relative;
  }
  #singleVoice #detail ul.qalist > li .qabox::before {
    width: 60px;
    height: 80px;
    font-size: 80px;
    left: 40px;
  }
  #singleVoice #detail ul.qalist > li .qabox span {
    position: absolute;
    display: block;
    top: 50%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
#singleVoice #detail ul.qalist > li .question {
  color: #248CAC;
}
#singleVoice #detail ul.qalist > li .question::before {
  content: "Q";
}
@media all and (min-width: 751px) {
  #singleVoice #detail ul.qalist > li .question {
    font-size: 16px;
  }
}
#singleVoice #detail ul.qalist > li .answer {
  margin-top: 15px;
}
#singleVoice #detail ul.qalist > li .answer::before {
  content: "A";
}
#singleVoice #detail ul.repeat {
  max-width: 800px;
  margin: 0 auto;
}
#singleVoice #detail dl {
  font-size: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#singleVoice #detail dl dt {
  font-weight: bold;
  width: 80px;
}
@media all and (min-width: 751px) {
  #singleVoice #detail dl dt {
    padding: 0 40px;
  }
}

/*=================
  ニュース
=================*/
#archiveNews, #singleNews {
  margin-top: 40px;
}
@media all and (min-width: 751px) {
  #archiveNews, #singleNews {
    margin-top: 60px;
  }
}
@media all and (min-width: 981px) {
  #archiveNews, #singleNews {
    margin-top: 85px;
  }
}
#archiveNews .bWrap, #singleNews .bWrap {
  overflow: hidden;
  background: #fff;
  padding: 30px 20px;
}
@media all and (min-width: 751px) {
  #archiveNews .bWrap, #singleNews .bWrap {
    padding: 40px 40px 0;
    margin: 0 40px;
  }
}
@media all and (min-width: 981px) {
  #archiveNews .bWrap, #singleNews .bWrap {
    padding: 80px 60px 0;
  }
}
@media screen and (min-width: 1240px) {
  #archiveNews .bWrap, #singleNews .bWrap {
    margin: 0;
  }
}
@media all and (min-width: 981px) {
  #archiveNews .data, #singleNews .data {
    float: left;
    width: 70.53571%;
  }
}
#archiveNews .aside, #singleNews .aside {
  margin-top: 30px;
}
@media all and (min-width: 981px) {
  #archiveNews .aside, #singleNews .aside {
    float: right;
    width: 21.42857%;
  }
}
#archiveNews .aside .asideTitle, #singleNews .aside .asideTitle {
  color: #248CAC;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  font-family: "Ropa Sans", sans-serif;
}
#archiveNews .aside .asideTitle i, #singleNews .aside .asideTitle i {
  margin-right: 12px;
}
@media all and (min-width: 751px) {
  #archiveNews .aside .asideTitle, #singleNews .aside .asideTitle {
    font-size: 18px;
  }
}
#archiveNews .aside ul.nav, #singleNews .aside ul.nav {
  background: #F8F8F8;
  border: 1px solid #1A313B;
  padding: 20px 20px;
}
#archiveNews .aside ul.nav li, #singleNews .aside ul.nav li {
  border-bottom: 1px solid #1A313B;
  padding: 15px 0;
  font-size: 14px;
  color: #888888;
}
#archiveNews .aside ul.nav li a, #singleNews .aside ul.nav li a {
  display: block;
  width: 100%;
  height: 100%;
}
@media all and (min-width: 981px) {
  #archiveNews .aside ul.nav li a, #singleNews .aside ul.nav li a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    position: relative;
    left: 0;
  }
  #archiveNews .aside ul.nav li a:hover, #singleNews .aside ul.nav li a:hover {
    color: #248CAC;
  }
}

#archiveNews ul.newslist li {
  border-bottom: 1px solid #1A313B;
  padding: 30px 0;
}
#archiveNews ul.newslist li a {
  display: block;
}
#archiveNews ul.newslist li a .imageWrap {
  overflow: hidden;
}
#archiveNews ul.newslist li a .image {
  padding-top: 69.2308%;
  position: relative;
}
#archiveNews ul.newslist li a .image img {
  position: absolute;
  max-width: 100%;
  max-height: 100%;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
#archiveNews ul.newslist li a .texts {
  margin-top: 20px;
}
#archiveNews ul.newslist li a .date {
  font-size: 12px;
  color: #888888;
}
#archiveNews ul.newslist li a .iTitle {
  font-size: 1.1em;
}
@media all and (min-width: 751px) {
  #archiveNews ul.newslist li {
    padding: 40px 0;
  }
  #archiveNews ul.newslist li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  #archiveNews ul.newslist li a .imageWrap {
    width: 32%;
  }
  #archiveNews ul.newslist li a .texts {
    margin-top: 0;
    width: 60%;
  }
}
@media all and (min-width: 981px) {
  #archiveNews ul.newslist li a {
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveNews ul.newslist li a:hover {
    left: 10px;
  }
  #archiveNews ul.newslist li a:hover .iTitle {
    color: #248CAC;
  }
  #archiveNews ul.newslist li a:hover img {
    -webkit-filter: saturate(150%);
            filter: saturate(150%);
  }
}

#singleNews.underSite .inner {
  margin-bottom: 0;
}
#singleNews .post .date {
  font-size: 12px;
  color: #888888;
  line-height: 30px;
}
@media all and (min-width: 751px) {
  #singleNews .post .date {
    font-size: 16px;
  }
}
#singleNews .post .bigTitle {
  font-size: 16px;
  font-weight: 100;
  padding-bottom: 30px;
  border-bottom: 1px solid #1A313B;
}
@media all and (min-width: 751px) {
  #singleNews .post .bigTitle {
    font-size: 18px;
    padding-bottom: 40px;
  }
}
#singleNews .post .image {
  padding-top: 30px;
  padding-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#singleNews .post .image img {
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
}
@media all and (min-width: 751px) {
  #singleNews .post .image {
    padding-bottom: 40px;
  }
}
#singleNews .post .body {
  text-align: justify;
  margin-top: 30px;
}
@media all and (min-width: 751px) {
  #singleNews .post .body {
    margin-top: 40px;
  }
}
#singleNews .pager {
  margin: 30px 0;
  text-align: center;
}
#singleNews .pager .btnCircle a {
  padding: 0 50px;
}
@media all and (min-width: 751px) {
  #singleNews .pager {
    margin: 40px 0;
  }
}
@media all and (min-width: 981px) {
  #singleNews .pager {
    margin: #pcMgnH 0;
  }
}

/*=================
  売主物件
=================*/
.property .meta {
  position: relative;
  margin-top: 50px;
}
@media all and (min-width: 751px) {
  .property .meta {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
}
.property .bgWhite {
  background: #fff;
}
@media all and (min-width: 751px) {
  .property .bgWhite {
    margin: 0 40px;
  }
}
@media all and (max-width: 750px) {
  .property .catWrap {
    position: absolute;
    left: 0;
    bottom: 100%;
    padding-bottom: 10px;
  }
}
@media all and (min-width: 751px) {
  .property .catWrap {
    display: inline;
  }
}
.property .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /*
  @include mediaTB {
    justify-content:flex-end;
    width: 50%;
    right: 0;
    left: auto;
  }
  */
}
.property .cat span {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  font-size: 13px;
  border-radius: 13px;
  border: 1px solid #248CAC;
  background: #fff;
  color: #248CAC;
  padding: 0 1em;
  margin-left: 10px;
  white-space: nowrap;
}
.property .cat span.new {
  background: #248CAC;
  color: #fff;
}
.property .bknTitle {
  border-left: 4px solid #248CAC;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  .property .bknTitle {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 40px;
  }
}

#archiveProperty ul.plist li {
  border-bottom: 2px solid #248CAC;
  padding: 30px 0;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
@media all and (max-width: 750px) {
  #archiveProperty ul.plist li {
    padding: 5px 0;
  }
}
#archiveProperty ul.plist li a.link {
  color: #248CAC;
  font-weight: bold;
  font-size: 12px;
}
#archiveProperty ul.plist li a.link .arrow {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 2px solid #248CAC;
  border-top: 2px solid #248CAC;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.5;
}
@media all and (max-width: 750px) {
  #archiveProperty ul.plist li a.link {
    display: inline-block;
    position: absolute;
    padding: 10px;
    right: 0;
    bottom: 100%;
  }
}
@media all and (min-width: 751px) {
  #archiveProperty ul.plist li a.link {
    margin-left: auto;
    font-size: 14px;
    margin-right: 40px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveProperty ul.plist li a.link .arrow {
    width: 9px;
    height: 9px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
}
@media all and (min-width: 981px) {
  #archiveProperty ul.plist li a.link:hover {
    margin-right: 30px;
    color: #1A313B;
  }
  #archiveProperty ul.plist li a.link:hover .arrow {
    border-color: #1A313B;
  }
}
#archiveProperty ul.plist li .imageWrap {
  overflow: hidden;
}
#archiveProperty ul.plist li .image {
  display: block;
}
@media all and (max-width: 750px) {
  #archiveProperty ul.plist li .texts {
    padding: 20px;
  }
}
#archiveProperty ul.plist li dl {
  border-top: 1px solid #D5D5D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0;
}
#archiveProperty ul.plist li dl:nth-child(4) {
  border-bottom: 1px solid #D5D5D5;
}
#archiveProperty ul.plist li dl dt {
  width: 100px;
}
#archiveProperty ul.plist li dl dd {
  width: calc(100% - 100px);
}
#archiveProperty ul.plist li .round {
  display: inline-block;
  line-height: 26px;
  border-radius: 13px;
  height: 26px;
  color: #fff;
  background: #A2A2A2;
  padding: 0 1.5em;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 10px 0 0;
}
@media all and (min-width: 751px) {
  #archiveProperty ul.plist li {
    padding: 40px 0;
  }
  #archiveProperty ul.plist li .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 40px 40px;
  }
  #archiveProperty ul.plist li .column .imageWrap {
    width: 32%;
  }
  #archiveProperty ul.plist li .column .texts {
    margin-top: 0;
    width: 60%;
  }
  #archiveProperty ul.plist li .column .round {
    font-size: 13px;
    font-weight: normal;
    margin-top: 20px;
  }
}
@media all and (min-width: 981px) {
  #archiveProperty ul.plist li .column {
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
}

#singleProperty .last {
  margin-bottom: 0;
}
#singleProperty .btnWrapCustom {
  padding: 0;
  padding-bottom: 20px;
}
#singleProperty .btnWrapCustom a {
  margin-left: 0;
}
#singleProperty .meta {
  margin-top: 0;
}
@media all and (min-width: 751px) {
  #singleProperty .meta {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media all and (min-width: 751px) {
  #singleProperty .bknTitle {
    font-size: 26px;
    margin-left: 0;
  }
}
#singleProperty .bgnTitle {
  text-align: center;
  width: 100%;
  max-width: 1080px;
  font-size: 24px;
  letter-spacing: 0.05em;
  margin: 0 auto 40px auto;
  color: #fff;
  background-color: #248CAC;
  padding: 38px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  letter-spacing: 0.1em;
}
@media all and (max-width: 750px) {
  #singleProperty .bgnTitle {
    font-size: 18px;
    padding: 20px 20px;
  }
}
@media all and (min-width: 751px) {
  #singleProperty .bgnTitle {
    width: calc(100% - 80px);
    margin: -60px auto 40px auto;
  }
}
#singleProperty .bgnTitle--fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#singleProperty .bgnTitle .ja {
  margin-top: 10px;
}
#singleProperty .catWrap {
  left: auto;
  right: 0;
}
#singleProperty #detail .photos li .image {
  overflow: hidden;
  text-align: center;
  height: 62.686567vw;
}
@media all and (min-width: 751px) {
  #singleProperty #detail .photos li .image {
    height: 62.962963vw;
    max-height: 500px;
  }
}
#singleProperty #detail .photos li .image img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}
#singleProperty #detail .blockimg {
  margin-top: 30px;
  text-align: center;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
}
#singleProperty #detail .blockimg img {
  display: block;
  margin: 0 auto;
}
#singleProperty #detail .blockWrap {
  margin-top: 30px;
}
@media all and (min-width: 751px) {
  #singleProperty #detail .blockWrap {
    margin-top: 40px;
  }
}
@media all and (min-width: 981px) {
  #singleProperty #detail .blockWrap {
    margin-top: 60px;
  }
}
#singleProperty #detail ul.detaillist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media all and (max-width: 750px) {
  #singleProperty #detail ul.detaillist {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media all and (min-width: 751px) {
  #singleProperty #detail ul.detaillist {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#singleProperty #detail ul.detaillist > li {
  width: 100%;
  margin-bottom: 20px;
}
@media all and (min-width: 751px) {
  #singleProperty #detail ul.detaillist > li {
    width: 46%;
    margin-bottom: 40px;
  }
}
#singleProperty #detail .blockBox {
  border: 1px solid #D5D5D5;
  background: #F8F8F8;
  padding: 20px 20px 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#singleProperty #detail .blockBox .blockMeta {
  color: #248CAC;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-bottom: 10px;
}
#singleProperty #detail .blockBox .blockMeta .no {
  margin-left: -20px;
  padding-left: 16px;
  border-left: 4px solid #248CAC;
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-right: 10px;
  line-height: 1.4em;
}
@media all and (min-width: 751px) {
  #singleProperty #detail .blockBox .blockMeta .no {
    font-size: 22px;
  }
}
#singleProperty #detail .blockBox .blockMeta .min {
  font-family: "Raleway", sans-serif;
  font-size: 10px;
  font-weight: bold;
  margin-bottom: 4px;
}
#singleProperty #detail .blockBox .blockMeta a {
  display: inline-block;
  margin-left: auto;
  background: #248CAC;
  border-radius: 30px;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  padding: 2px 10px;
  height: 22px;
  margin-bottom: 4px;
}
@media all and (min-width: 981px) {
  #singleProperty #detail .blockBox .blockMeta a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #singleProperty #detail .blockBox .blockMeta a:hover {
    background: #1A313B;
    color: #fff;
  }
}
#singleProperty #detail .blockBox ul li {
  border-top: 1px solid #D5D5D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 10px 0;
}
#singleProperty #detail .blockBox ul li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
#singleProperty #detail .blockBox ul li span {
  display: block;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  font-weight: bold;
}
#singleProperty #detail .blockBox ul li .label {
  width: 100px;
  color: #7C7C7C;
}
#singleProperty #detail .blockBox ul li .value {
  width: calc(100% - 120px);
}
#singleProperty .remodal-overlay {
  background: rgba(0, 0, 0, 0.5);
}
#singleProperty .remodal {
  background: #F8F8F8;
  padding: 20px 15px;
  max-width: 800px;
}
@media all and (min-width: 751px) {
  #singleProperty .remodal {
    padding: 40px 40px;
  }
}
@media all and (min-width: 981px) {
  #singleProperty .remodal {
    padding: 80px 70px;
  }
}
#singleProperty .remodal .remodal-close {
  left: auto;
  right: -1px;
  background: #000;
}
#singleProperty .remodal .remodal-close::before {
  color: #fff;
}
#singleProperty .remodal .blockMeta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  color: #248CAC;
  font-family: "Raleway", sans-serif;
  vertical-align: bottom;
}
#singleProperty .remodal .blockMeta .no {
  font-size: 30px;
  font-weight: bold;
  margin-right: 10px;
  line-height: 30px;
}
@media all and (min-width: 751px) {
  #singleProperty .remodal .blockMeta .no {
    font-size: 40px;
    line-height: 40px;
  }
}
#singleProperty .remodal .blockMeta .min {
  font-size: 14px;
  line-height: 14px;
}
@media all and (min-width: 751px) {
  #singleProperty .remodal .blockMeta .min {
    font-size: 18px;
    line-height: 18px;
  }
}
#singleProperty .remodal .mdlTitle {
  font-family: "Raleway", sans-serif;
  font-size: 18px;
  font-weight: bold;
  margin-top: 20px;
}
@media all and (min-width: 751px) {
  #singleProperty .remodal .mdlTitle {
    font-size: 28px;
  }
}
#singleProperty .remodal .text {
  font-size: 12px;
  margin-top: 10px;
  background-color: #e1e1e1;
  padding: 5px 10px;
  display: inline-block;
}
@media all and (min-width: 751px) {
  #singleProperty .remodal .text {
    font-size: 14px;
  }
}
#singleProperty .remodal .image {
  margin-top: 10px;
  background: #fff;
  padding: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#singleProperty .remodal .image img {
  max-width: 100%;
  max-height: 100%;
}
#singleProperty .remodal ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
}
#singleProperty .remodal ul li {
  padding: 5px;
}
#singleProperty .remodal ul li:nth-child(odd) {
  background: #D5D5D5;
}
#singleProperty .remodal ul li:nth-child(even) {
  background: #fff;
}
@media all and (min-width: 751px) {
  #singleProperty .remodal ul {
    font-size: 16px;
    font-weight: bold;
  }
  #singleProperty .remodal ul li {
    padding: 0.5em 1em;
  }
}
#singleProperty .bgGray {
  position: relative;
}
@media all and (min-width: 751px) {
  #singleProperty .bgGray {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 30px 40px 20px;
    background: #F8F8F8;
  }
}
@media all and (max-width: 750px) {
  #singleProperty .ptyTitle {
    padding: 30px 20px;
  }
}
@media all and (min-width: 751px) {
  #singleProperty .ptyTitle {
    width: 25%;
  }
}
#singleProperty .ptyTitle .ja {
  margin-left: -20px;
  padding-left: 16px;
  border-left: 4px solid #248CAC;
  font-size: 16px;
  letter-spacing: 0.2em;
}
@media all and (min-width: 751px) {
  #singleProperty .ptyTitle .ja {
    margin-left: -40px;
    padding-left: 36px;
    font-size: 22px;
  }
}
#singleProperty .ptyTitle .eng {
  font-size: 14px;
  color: #D5D5D5;
  font-family: "Raleway", sans-serif;
  letter-spacing: 0.15em;
}
@media all and (min-width: 751px) {
  #singleProperty .ptyTitle .eng {
    font-size: 20px;
  }
}
#singleProperty .point_head {
  margin: 0px auto 90px auto;
  width: 90%;
  max-width: 700px;
  color: #248CAC;
  font-weight: 400;
  font-size: 1.1em;
  line-height: 2;
  position: relative;
  padding-bottom: 40px;
}
#singleProperty .point_head:after {
  content: "";
  position: absolute;
  bottom: 0%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: 100px;
  height: 1px;
  background-color: #d6d6d6;
}
#singleProperty .point_head__ttl {
  font-size: 28px;
  font-family: "Ropa Sans", sans-serif;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px;
  color: #F8CE19;
}
@media all and (min-width: 751px) {
  #singleProperty .point_head__ttl {
    font-size: 50px;
  }
}
#singleProperty #point {
  background-color: #248CAC;
}
#singleProperty #point .bg-blue {
  background-color: #248CAC;
}
#singleProperty #point .ptyTitle {
  color: #F8CE19;
}
#singleProperty #point .ptyTitle .ja {
  border-left: 4px solid #F8CE19;
}
#singleProperty #point .ptyTitle .eng {
  color: #fff;
}
#singleProperty #point .text {
  color: #fff;
  padding-bottom: 40px;
  margin-left: auto;
}
@media all and (min-width: 751px) {
  #singleProperty #point .text {
    max-width: 70%;
    padding-bottom: 0;
  }
}
#singleProperty #point .text p {
  margin-bottom: 1em;
}
#singleProperty #equipment .tac {
  text-align: center;
}
#singleProperty #equipment .emlist__fx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#singleProperty #equipment .text {
  font-size: 12px;
  font-weight: bold;
}
@media all and (min-width: 751px) {
  #singleProperty #equipment .text {
    font-size: 15px;
    width: 70%;
  }
}
#singleProperty #equipment ul.emlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
@media all and (min-width: 751px) {
  #singleProperty #equipment ul.emlist {
    margin-left: auto;
    width: 73%;
    margin-top: 30px;
    position: relative;
  }
  #singleProperty #equipment ul.emlist:after {
    content: "";
    width: 31%;
  }
}
#singleProperty #equipment ul.emlist > li {
  width: 48%;
  margin-bottom: 20px;
}
#singleProperty #equipment ul.emlist > li .image {
  width: 90px;
  display: inline-block;
}
@media all and (max-width: 750px) {
  #singleProperty #equipment ul.emlist > li .image {
    width: 60px;
  }
}
#singleProperty #equipment ul.emlist > li .caption {
  width: calc(100% - 60px);
  display: inline-block;
}
#singleProperty #equipment ul.emlist > li .caption span {
  font-size: 12px;
  padding-top: 1em;
  font-weight: normal;
  line-height: 1.4;
}
@media all and (min-width: 981px) {
  #singleProperty #equipment ul.emlist > li {
    width: 31%;
    margin-bottom: 15px;
    padding-bottom: 15px;
  }
  #singleProperty #equipment ul.emlist > li .caption {
    font-size: 12px;
  }
  #singleProperty #equipment ul.emlist > li:nth-child(3n+1) {
    position: relative;
  }
  #singleProperty #equipment ul.emlist > li:nth-child(3n+1)::after {
    content: "";
    display: block;
    position: absolute;
    width: 300%;
    height: 1px;
    bottom: 1px;
    left: 1px;
    background: #D5D5D5;
  }
}
@media all and (min-width: 751px) {
  #singleProperty #lifeStyle .lifeStyle_body {
    margin-top: 30px;
  }
}
#singleProperty #lifeStyle ul.emlist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#singleProperty #lifeStyle ul.emlist li {
  width: 48%;
  margin-bottom: 30px;
}
@media all and (min-width: 751px) {
  #singleProperty #lifeStyle ul.emlist {
    margin-left: auto;
    margin-right: 40px;
    width: 70%;
    position: relative;
  }
  #singleProperty #lifeStyle ul.emlist::after {
    content: "";
    width: 31%;
  }
  #singleProperty #lifeStyle ul.emlist li {
    width: 31%;
  }
}
#singleProperty #lifeStyle .emWrap .image {
  overflow: hidden;
  text-align: center;
}
#singleProperty #lifeStyle .emWrap .image img {
  max-width: 100%;
  max-height: 100%;
}
#singleProperty #lifeStyle .emWrap .caption {
  font-size: 12px;
  font-weight: bold;
  margin-top: 1em;
}
@media all and (min-width: 751px) {
  #singleProperty #lifeStyle .emWrap .caption {
    font-size: 14px;
  }
}
#singleProperty #propInfo {
  margin-top: 30px;
}
@media all and (min-width: 751px) {
  #singleProperty #propInfo {
    margin-top: 40px;
  }
}
@media all and (min-width: 981px) {
  #singleProperty #propInfo {
    margin-top: 80px;
  }
}
#singleProperty #propInfo ul.pilist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
#singleProperty #propInfo ul.pilist > li {
  width: 100%;
  border-top: 1px solid #D5D5D5;
  padding: 15px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
#singleProperty #propInfo ul.pilist > li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
#singleProperty #propInfo ul.pilist > li span {
  display: block;
  font-size: 12px;
}
#singleProperty #propInfo ul.pilist > li .label {
  width: 60px;
  font-weight: bold;
}
#singleProperty #propInfo ul.pilist > li .value {
  width: calc(100% - 80px);
}
@media all and (min-width: 751px) {
  #singleProperty #propInfo ul.pilist > li {
    width: 50%;
    padding: 20px 30px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
  }
  #singleProperty #propInfo ul.pilist > li:nth-child(odd) {
    border-right: 1px solid #D5D5D5;
  }
  #singleProperty #propInfo ul.pilist > li:nth-child(1) {
    width: 100%;
    border-right: none;
  }
  #singleProperty #propInfo ul.pilist > li:nth-child(2) {
    width: 100%;
  }
  #singleProperty #propInfo ul.pilist > li:last-child {
    width: 100%;
    border-right: none;
  }
  #singleProperty #propInfo ul.pilist > li span {
    font-size: 14px;
  }
  #singleProperty #propInfo ul.pilist > li .label {
    width: 80px;
    font-weight: bold;
  }
  #singleProperty #propInfo ul.pilist > li .value {
    width: calc(100% - 100px);
  }
}

#detail_hero {
  max-width: 95%;
  margin: 20px auto 0 auto;
}
@media all and (min-width: 751px) {
  #detail_hero {
    max-width: 85%;
    margin-top: -40px;
  }
}

.detail_hero {
  max-width: 880px;
  display: block;
  margin: 0 auto 30px auto;
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  border-top: 2px solid #248CAC;
  background-color: #fff;
  position: relative;
}
@media all and (min-width: 981px) {
  .detail_hero:hover .detail_hero__heading {
    background-color: #248CAC;
  }
  .detail_hero:hover .detail_hero__ttl,
.detail_hero:hover .detail_hero__room,
.detail_hero:hover .detail_hero__text {
    color: #fff;
    background: none;
  }
  .detail_hero:hover .detail_hero__link {
    -webkit-box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
            box-shadow: 0px 0px 0px rgba(0, 0, 0, 0);
  }
  .detail_hero:hover img {
    opacity: 0.8;
  }
}
.detail_hero__heading {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  padding: 20px;
  background-color: #efefef;
}
@media all and (min-width: 751px) {
  .detail_hero__heading {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
@media all and (max-width: 750px) {
  .detail_hero__heading {
    padding: 10px 15px;
  }
}
.detail_hero__ttl {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  margin-right: 30px;
  font-size: 1.3em;
}
@media all and (min-width: 751px) {
  .detail_hero__ttl {
    font-size: 1.7em;
  }
}
.detail_hero__price {
  display: inline-block;
  font-size: 0.9em;
  padding: 1px 10px;
  background-color: #F8CE19;
  font-weight: 600;
  margin-right: 10px;
}
.detail_hero__room {
  vertical-align: middle;
  font-size: 1.2em;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  display: inline-block;
  color: #248CAC;
}
.detail_hero__image {
  padding: 30px;
}
@media all and (max-width: 750px) {
  .detail_hero__image {
    padding: 15px;
  }
}
.detail_hero__image img {
  width: 80%;
  max-width: 320px;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  display: block;
  margin: 0 auto;
}
@media all and (max-width: 750px) {
  .detail_hero__image img {
    width: 40%;
  }
}
.detail_hero__text {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  background-color: #e1e1e1;
  padding: 5px 10px;
  margin-top: 5px;
}
.detail_hero__link {
  font-weight: 600;
  display: inline-block;
  background-color: #F8CE19;
  border-radius: 30px;
  color: #000;
  padding: 5px 12px;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  position: absolute;
  right: 20px;
  bottom: 20px;
}

#archiveSchedule ul.plist li {
  border-bottom: 2px solid #248CAC;
  padding: 30px 0;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
@media all and (max-width: 750px) {
  #archiveSchedule ul.plist li {
    padding: 5px 0;
  }
}
#archiveSchedule ul.plist li a.link {
  color: #248CAC;
  font-weight: bold;
  font-size: 12px;
}
#archiveSchedule ul.plist li a.link .arrow {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 2px solid #248CAC;
  border-top: 2px solid #248CAC;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.5;
}
@media all and (max-width: 750px) {
  #archiveSchedule ul.plist li a.link {
    display: inline-block;
    position: absolute;
    padding: 10px;
    right: 0;
    bottom: 100%;
  }
}
@media all and (min-width: 751px) {
  #archiveSchedule ul.plist li a.link {
    margin-left: auto;
    font-size: 14px;
    margin-right: 40px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveSchedule ul.plist li a.link .arrow {
    width: 9px;
    height: 9px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
}
@media all and (min-width: 981px) {
  #archiveSchedule ul.plist li a.link:hover {
    margin-right: 30px;
    color: #1A313B;
  }
  #archiveSchedule ul.plist li a.link:hover .arrow {
    border-color: #1A313B;
  }
}
#archiveSchedule ul.plist li .imageWrap {
  overflow: hidden;
}
#archiveSchedule ul.plist li .image {
  display: block;
}
@media all and (max-width: 750px) {
  #archiveSchedule ul.plist li .texts {
    padding: 20px;
  }
}
#archiveSchedule ul.plist li dl {
  border-top: 1px solid #D5D5D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0;
}
#archiveSchedule ul.plist li dl:nth-child(4) {
  border-bottom: 1px solid #D5D5D5;
}
#archiveSchedule ul.plist li dl dt {
  width: 100px;
}
#archiveSchedule ul.plist li dl dd {
  width: calc(100% - 100px);
}
#archiveSchedule ul.plist li .round {
  display: inline-block;
  line-height: 26px;
  border-radius: 13px;
  height: 26px;
  color: #fff;
  background: #A2A2A2;
  padding: 0 1.5em;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 10px 0 0;
}
@media all and (min-width: 751px) {
  #archiveSchedule ul.plist li {
    padding: 40px 0;
  }
  #archiveSchedule ul.plist li .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 40px 40px;
  }
  #archiveSchedule ul.plist li .column .imageWrap {
    width: 32%;
  }
  #archiveSchedule ul.plist li .column .texts {
    margin-top: 0;
    width: 60%;
  }
  #archiveSchedule ul.plist li .column .round {
    font-size: 13px;
    font-weight: normal;
    margin-top: 20px;
  }
}
@media all and (min-width: 981px) {
  #archiveSchedule ul.plist li .column {
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
}

/*=================
  販売予定物件
=================*/
.schedule .meta {
  position: relative;
  margin-top: 50px;
}
@media all and (min-width: 751px) {
  .schedule .meta {
    margin-top: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 40px;
  }
}
.schedule .bgWhite {
  background: #fff;
}
@media all and (min-width: 751px) {
  .schedule .bgWhite {
    margin: 0 40px;
  }
}
@media all and (max-width: 750px) {
  .schedule .catWrap {
    position: absolute;
    left: 0;
    bottom: 100%;
    padding-bottom: 10px;
  }
}
@media all and (min-width: 751px) {
  .schedule .catWrap {
    display: inline;
  }
}
.schedule .cat {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  /*
  @include mediaTB {
    justify-content:flex-end;
    width: 50%;
    right: 0;
    left: auto;
  }
  */
}
.schedule .cat span {
  display: inline-block;
  line-height: 24px;
  height: 24px;
  font-size: 13px;
  border-radius: 13px;
  border: 1px solid #248CAC;
  background: #fff;
  color: #248CAC;
  padding: 0 1em;
  margin-left: 10px;
  white-space: nowrap;
}
.schedule .cat span.new {
  background: #248CAC;
  color: #fff;
}
.schedule .bknTitle {
  border-left: 4px solid #248CAC;
  font-size: 16px;
  padding-left: 20px;
  margin-bottom: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  .schedule .bknTitle {
    font-size: 20px;
    display: inline-block;
    margin-bottom: 0;
    margin-left: 40px;
  }
}

#archiveSchedule ul.plist li {
  border-bottom: 2px solid #248CAC;
  padding: 30px 0;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 30px;
}
@media all and (max-width: 750px) {
  #archiveSchedule ul.plist li {
    padding: 5px 0;
  }
}
#archiveSchedule ul.plist li a.link {
  color: #248CAC;
  font-weight: bold;
  font-size: 12px;
}
#archiveSchedule ul.plist li a.link .arrow {
  display: inline-block;
  width: 7px;
  height: 7px;
  border-right: 2px solid #248CAC;
  border-top: 2px solid #248CAC;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
  opacity: 0.5;
}
@media all and (max-width: 750px) {
  #archiveSchedule ul.plist li a.link {
    display: inline-block;
    position: absolute;
    padding: 10px;
    right: 0;
    bottom: 100%;
  }
}
@media all and (min-width: 751px) {
  #archiveSchedule ul.plist li a.link {
    margin-left: auto;
    font-size: 14px;
    margin-right: 40px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  #archiveSchedule ul.plist li a.link .arrow {
    width: 9px;
    height: 9px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
}
@media all and (min-width: 981px) {
  #archiveSchedule ul.plist li a.link:hover {
    margin-right: 30px;
    color: #1A313B;
  }
  #archiveSchedule ul.plist li a.link:hover .arrow {
    border-color: #1A313B;
  }
}
#archiveSchedule ul.plist li .imageWrap {
  overflow: hidden;
}
#archiveSchedule ul.plist li .image {
  display: block;
}
@media all and (max-width: 750px) {
  #archiveSchedule ul.plist li .texts {
    padding: 20px;
  }
}
#archiveSchedule ul.plist li dl {
  border-top: 1px solid #D5D5D5;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 1em 0;
}
#archiveSchedule ul.plist li dl:nth-child(4) {
  border-bottom: 1px solid #D5D5D5;
}
#archiveSchedule ul.plist li dl dt {
  width: 100px;
}
#archiveSchedule ul.plist li dl dd {
  width: calc(100% - 100px);
}
#archiveSchedule ul.plist li .round {
  display: inline-block;
  line-height: 26px;
  border-radius: 13px;
  height: 26px;
  color: #fff;
  background: #A2A2A2;
  padding: 0 1.5em;
  font-size: 11px;
  font-weight: bold;
  margin: 10px 10px 0 0;
}
@media all and (min-width: 751px) {
  #archiveSchedule ul.plist li {
    padding: 40px 0;
  }
  #archiveSchedule ul.plist li .column {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 40px 40px;
  }
  #archiveSchedule ul.plist li .column .imageWrap {
    width: 32%;
  }
  #archiveSchedule ul.plist li .column .texts {
    margin-top: 0;
    width: 60%;
  }
  #archiveSchedule ul.plist li .column .round {
    font-size: 13px;
    font-weight: normal;
    margin-top: 20px;
  }
}
@media all and (min-width: 981px) {
  #archiveSchedule ul.plist li .column {
    position: relative;
    left: 0;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
}

/*=================
  ページナビ
=================*/
.wp-pagenavi {
  text-align: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 30px;
  margin-top: 60px;
}
.wp-pagenavi a, .wp-pagenavi span {
  display: inline-block;
  position: relative;
  padding: 0;
  width: 40px;
  height: 40px;
  line-height: 40px;
  color: #D5D5D5;
  letter-spacing: 0.1em;
  white-space: nowrap;
  -webkit-transition: 0.2s ease-in-out;
  -o-transition: 0.2s ease-in-out;
  transition: 0.2s ease-in-out;
  text-align: center;
  font-size: 16px;
  font-family: "Ropa Sans", sans-serif;
  font-weight: bold;
  border: 1px solid transparent;
  border-radius: 50%;
  margin: 0 5px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  .wp-pagenavi a, .wp-pagenavi span {
    font-size: 20px;
    margin: 0 10px;
  }
}
.wp-pagenavi .previouspostslink, .wp-pagenavi .nextpostslink {
  display: inline-block;
  width: 20px;
  height: 50%;
  position: relative;
  color: transparent;
}
.wp-pagenavi .previouspostslink::before, .wp-pagenavi .nextpostslink::before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  background-color: #D5D5D5;
  position: absolute;
  top: calc(50% - 1px);
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
.wp-pagenavi .previouspostslink::after, .wp-pagenavi .nextpostslink::after {
  content: "";
  display: block;
  position: absolute;
  border-color: #D5D5D5;
  top: calc(50% - 6px);
  width: 0;
  height: 0;
  border-style: solid;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
.wp-pagenavi .previouspostslink::after {
  border-width: 0 0 7px 10px;
  border-color: transparent transparent #D5D5D5 transparent;
  left: -3px;
}
.wp-pagenavi .nextpostslink::after {
  border-width: 7px 0 0 10px;
  border-color: transparent transparent transparent #D5D5D5;
  right: -3px;
}
.wp-pagenavi span.current {
  color: #1A313B;
  position: relative;
  background: #F8F8F8;
  border: 1px solid #F8F8F8;
  border-radius: 50%;
}
@media all and (min-width: 751px) {
  .wp-pagenavi {
    margin-top: 40px;
  }
}
@media all and (min-width: 981px) {
  .wp-pagenavi {
    margin-top: 80px;
  }
  .wp-pagenavi a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  .wp-pagenavi a.page:hover {
    border-color: #1A313B;
    background: #1A313B;
    color: #fff;
  }
  .wp-pagenavi a.previouspostslink:hover {
    margin-left: 5px;
    margin-right: 15px;
  }
  .wp-pagenavi a.previouspostslink:hover::before {
    background-color: #1A313B;
  }
  .wp-pagenavi a.previouspostslink:hover::after {
    border-color: transparent transparent #1A313B transparent;
  }
  .wp-pagenavi a.nextpostslink:hover {
    margin-right: 5px;
    margin-left: 15px;
  }
  .wp-pagenavi a.nextpostslink:hover::before {
    background-color: #1A313B;
  }
  .wp-pagenavi a.nextpostslink:hover::after {
    border-color: transparent transparent transparent #1A313B;
  }
}

/*=================
  プライバシーポリシー
=================*/
#pagePrivacy .bodyWrap {
  background-color: #fff;
  padding: 30px 20px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  #pagePrivacy .bodyWrap {
    width: 90%;
    margin: 0 auto;
    padding: 40px 40px 0;
  }
}
@media all and (min-width: 981px) {
  #pagePrivacy .bodyWrap {
    width: 100%;
    padding: 80px 60px 0;
  }
}
#pagePrivacy .bodyWrap ol {
  list-style-type: decimal;
  padding-left: 2rem;
  margin-top: 30px;
}
@media all and (min-width: 751px) {
  #pagePrivacy .bodyWrap ol {
    margin-top: 40px;
  }
}
#pagePrivacy .bodyWrap ol li {
  list-style-type: decimal;
  margin-bottom: 1rem;
}
#pagePrivacy .bodyWrap ol dl {
  margin-bottom: 1rem;
}
#pagePrivacy .bodyWrap ol dt {
  margin-bottom: 1rem;
}
#pagePrivacy .bodyWrap ol dd {
  text-indent: -2.5em;
  padding-left: 2.5em;
}

/*=================
  お問い合わせ
=================*/
.contactForm #intro .info {
  padding: 30px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #D5D5D5;
  border-bottom: 3px solid #248CAC;
  -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
          box-shadow: 0 3px 10px rgba(0, 0, 0, 0.16);
  background: #fff;
}
@media all and (min-width: 751px) {
  .contactForm #intro .info {
    padding: 40px 40px;
    max-width: 725px;
    width: 80%;
    margin: 0 auto;
    font-size: 15px;
    font-weight: 500;
  }
}
@media all and (min-width: 981px) {
  .contactForm #intro .info {
    padding: 40px 60px;
  }
}
.contactForm #intro .telWrap {
  margin: 30px auto 0;
  background: #fff;
  text-align: center;
  padding: 20px 30px;
  border: 2px solid #1A313B;
  max-width: 440px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  .contactForm #intro .telWrap {
    margin-top: 40px;
  }
}
@media all and (min-width: 981px) {
  .contactForm #intro .telWrap {
    margin-top: 80px;
  }
}
.contactForm #intro .telWrap dt {
  color: #1A313B;
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 1em;
}
@media all and (min-width: 751px) {
  .contactForm #intro .telWrap dt {
    font-size: 20px;
  }
}
.contactForm #intro .telWrap dd a {
  display: block;
  width: 80%;
  background: #1A313B;
  border: 1px solid #1A313B;
  color: #fff;
  padding: 0.5em;
  max-width: 300px;
  margin: 0 auto;
  font-weight: bold;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 751px) {
  .contactForm #intro .telWrap dd a {
    font-size: 16px;
  }
}
@media all and (min-width: 981px) {
  .contactForm #intro .telWrap dd a {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  .contactForm #intro .telWrap dd a:hover {
    background: #fff;
    color: #1A313B;
  }
}
.contactForm #intro .text {
  margin-top: 30px;
}
.contactForm #intro .text em {
  color: #F74141;
}
@media all and (min-width: 751px) {
  .contactForm #intro .text {
    margin-top: 40px;
  }
}
@media all and (max-width: 750px) {
  .contactForm #inputArea {
    margin: 0 20px;
  }
}
.contactForm #page_body {
  background: #fff;
}
.contactForm #page_body .text p {
  color: #248CAC;
}
.contactForm #page_body ul.inputarea > li {
  padding: 15px 0;
  border-top: 1px solid #D5D5D5;
  position: relative;
}
.contactForm #page_body ul.inputarea > li:last-child {
  border-bottom: 1px solid #D5D5D5;
}
@media all and (min-width: 751px) {
  .contactForm #page_body ul.inputarea > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 30px;
  }
}
.contactForm #page_body ul.inputarea > li::before {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background: #248CAC;
  top: -1px;
  left: 0;
}
@media all and (min-width: 751px) {
  .contactForm #page_body ul.inputarea > li::before {
    width: 200px;
  }
}
.contactForm #page_body ul.inputarea > li:last-child::after {
  content: "";
  display: block;
  position: absolute;
  width: 50px;
  height: 2px;
  background: #248CAC;
  bottom: -1px;
  left: 0;
}
@media all and (min-width: 751px) {
  .contactForm #page_body ul.inputarea > li:last-child::after {
    width: 200px;
  }
}
.contactForm #page_body ul.inputarea > li .title {
  font-size: 13px;
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .contactForm #page_body ul.inputarea > li .title {
    margin-bottom: 15px;
  }
}
@media all and (min-width: 751px) {
  .contactForm #page_body ul.inputarea > li .title {
    width: 200px;
    font-size: 16px;
  }
}
@media all and (min-width: 751px) {
  .contactForm #page_body ul.inputarea > li .data {
    width: calc(100% - 200px);
  }
}
.contactForm #page_body .mw_wp_form .data {
  font-weight: bold;
}
@media all and (max-width: 750px) {
  .contactForm #page_body .mw_wp_form .data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .contactForm #page_body .mw_wp_form .data .horizontal-item + .horizontal-item {
    margin-left: 0;
  }
}
.contactForm #page_body .mw_wp_form .privacy {
  margin-top: 30px;
}
.contactForm #page_body .mw_wp_form input[type=text], .contactForm #page_body .mw_wp_form form input[type=email], .contactForm #page_body .mw_wp_form textarea {
  background: #F8F8F8;
  border-radius: 3px;
}
.contactForm #page_body .mw_wp_form .mwform-radio-field-text, .contactForm #page_body .mw_wp_form .mwform-checkbox-field-text {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  position: relative;
  display: inline-block;
  font-weight: bold;
  margin: 0 10px 4px 0;
  padding: 2px 2px 2px 36px;
  border-radius: 8px;
  background-color: transparent;
  vertical-align: middle;
  cursor: pointer;
}
@media all and (min-width: 751px) {
  .contactForm #page_body .mw_wp_form .mwform-radio-field-text, .contactForm #page_body .mw_wp_form .mwform-checkbox-field-text {
    margin-left: 20px;
    font-size: 15px;
  }
}
.contactForm #page_body .mw_wp_form .mwform-radio-field-text:after {
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 9px;
  display: block;
  margin-top: -11px;
  width: 18px;
  height: 18px;
  border: 1px solid #D3D3D3;
  border-radius: 50%;
  content: "";
}
.contactForm #page_body .mw_wp_form .mwform-radio-field-text:before {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 13px;
  display: block;
  margin-top: -7px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background-color: #248CAC;
  content: "";
  
}
.contactForm #page_body .mw_wp_form .mwform-checkbox-field-text:after {
  -webkit-transition: border-color 0.2s linear;
  -o-transition: border-color 0.2s linear;
  transition: border-color 0.2s linear;
  position: absolute;
  top: 50%;
  left: 9px;
  display: block;
  margin-top: -10px;
  width: 16px;
  height: 16px;
  border: 1px solid #707070;
  content: "";
}
.contactForm #page_body .mw_wp_form .mwform-checkbox-field-text:before {
  -webkit-transition: opacity 0.2s linear;
  -o-transition: opacity 0.2s linear;
  transition: opacity 0.2s linear;
  position: absolute;
  top: 50%;
  left: 14px;
  display: block;
  margin-top: -9px;
  width: 5px;
  height: 9px;
  border-right: 3px solid #248CAC;
  border-bottom: 3px solid #248CAC;
  content: "";
  
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.contactForm #page_body .mw_wp_form .error {
  display: inline-block;
}
.contactForm #page_body .mw_wp_form input[type=radio]:checked + .mwform-radio-field-text:before {
  opacity: 1;
}
.contactForm #page_body .mw_wp_form input[type=checkbox]:checked + .mwform-checkbox-field-text:before {
  opacity: 1;
}
@media all and (min-width: 751px) {
  .contactForm #page_body .mw_wp_form .mwform-radio-field {
    margin-left: -30px;
  }
}
.contactForm #page_body .mw_wp_form .privacy {
  text-align: center;
}
.contactForm #page_body .mw_wp_form .privacy .mwform-checkbox-field-text {
  padding-left: 10px;
  color: #F8F8F8;
}
.contactForm #page_body .mw_wp_form .privacy a {
  text-decoration: underline;
}
@media all and (min-width: 751px) {
  .contactForm #page_body .mw_wp_form .submit_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .contactForm #page_body .mw_wp_form .submit_area li {
    margin: 0 30px;
  }
}
.contactForm #page_body .mw_wp_form .submit_area .btnbar {
  margin: 30px 0;
}
.contactForm #page_body .mw_wp_form .submit_area input, .contactForm #page_body .mw_wp_form .submit_area a {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #FFF;
  padding: 14px 50px;
  font-size: 1.2em;
  background: #1A313B;
  border-radius: 3px;
  border: transparent;
  text-align: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.contactForm #page_body .mw_wp_form .submit_area .next {
  position: relative;
}
.contactForm #page_body .mw_wp_form .submit_area .next::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background: #248CAC;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
.contactForm #page_body .mw_wp_form .submit_area .next::after {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  top: calc(50% - 4px);
  right: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 2px solid #248CAC;
  border-right: 2px solid #248CAC;
  -webkit-transform: rotate(45deg);
      -ms-transform: rotate(45deg);
          transform: rotate(45deg);
}
.contactForm #page_body .mw_wp_form .submit_area .prev {
  position: relative;
}
.contactForm #page_body .mw_wp_form .submit_area .prev::before {
  content: "";
  display: block;
  position: absolute;
  width: 20px;
  height: 2px;
  background: #fff;
  top: 50%;
  left: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
.contactForm #page_body .mw_wp_form .submit_area .prev::after {
  content: "";
  display: block;
  position: absolute;
  width: 7px;
  height: 7px;
  top: calc(50% - 4px);
  left: 20px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  border-top: 2px solid #fff;
  border-left: 2px solid #fff;
  -webkit-transform: rotate(-45deg);
      -ms-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
.contactForm #page_body .mw_wp_form .submit_area .prev input {
  background: #A2A2A2;
}
@media all and (min-width: 751px) {
  .contactForm #page_body .mw_wp_form .submit_area .btnbar {
    margin: 40px 0;
  }
  .contactForm #page_body .mw_wp_form .submit_area input, .contactForm #page_body .mw_wp_form .submit_area a {
    width: 300px;
  }
}
@media all and (min-width: 981px) {
  .contactForm #page_body .mw_wp_form .submit_area .btnbar {
    margin: 80px 0;
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev, .contactForm #page_body .mw_wp_form .submit_area .next {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev input, .contactForm #page_body .mw_wp_form .submit_area .prev a, .contactForm #page_body .mw_wp_form .submit_area .next input, .contactForm #page_body .mw_wp_form .submit_area .next a {
    display: inline-block;
    vertical-align: middle;
    padding: 15px 50px;
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev input:focus, .contactForm #page_body .mw_wp_form .submit_area .prev input:hover, .contactForm #page_body .mw_wp_form .submit_area .prev a:focus, .contactForm #page_body .mw_wp_form .submit_area .prev a:hover, .contactForm #page_body .mw_wp_form .submit_area .next input:focus, .contactForm #page_body .mw_wp_form .submit_area .next input:hover, .contactForm #page_body .mw_wp_form .submit_area .next a:focus, .contactForm #page_body .mw_wp_form .submit_area .next a:hover {
    cursor: pointer;
    color: #fff;
    background: #248CAC;
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev:hover::before, .contactForm #page_body .mw_wp_form .submit_area .next:hover::before {
    background: #fff;
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev:hover::after, .contactForm #page_body .mw_wp_form .submit_area .next:hover::after {
    border-color: #fff;
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev::before, .contactForm #page_body .mw_wp_form .submit_area .prev::after {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  .contactForm #page_body .mw_wp_form .submit_area .prev:hover::before, .contactForm #page_body .mw_wp_form .submit_area .prev:hover::after {
    left: 15px;
  }
  .contactForm #page_body .mw_wp_form .submit_area .next::before, .contactForm #page_body .mw_wp_form .submit_area .next::after {
    -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
    transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  }
  .contactForm #page_body .mw_wp_form .submit_area .next:hover::before, .contactForm #page_body .mw_wp_form .submit_area .next:hover::after {
    right: 15px;
  }
}

.mw_wp_form_confirm #intro {
  display: none;
}
.mw_wp_form_confirm .privacy {
  display: none;
}

#pageConfirm #intro .text {
  margin-top: 0;
}
@media all and (min-width: 751px) {
  #pageConfirm #page_body {
    margin-left: 40px;
    margin-right: 40px;
  }
}

#pageComplete #intro .success {
  font-family: "Raleway", sans-serif;
  font-weight: 800;
  font-size: 60px;
  color: #D5D5D5;
  text-align: center;
  line-height: 1em;
}
@media all and (min-width: 751px) {
  #pageComplete #intro .success {
    font-size: 80px;
  }
}
@media all and (min-width: 981px) {
  #pageComplete #intro .success {
    font-size: 97px;
  }
}
#pageComplete #intro .text {
  font-size: 14px;
  text-align: center;
  margin-top: 20px;
}
@media all and (min-width: 751px) {
  #pageComplete #intro .text {
    font-size: 16px;
    margin-top: 30px;
  }
}
#pageComplete #intro .next {
  color: #FFF;
  padding: 14px 50px;
  font-size: 1.2em;
  background: #1A313B;
  border-radius: 3px;
  border: transparent;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.propInfo_text {
  letter-spacing: 0;
}

.top_price .power {
  font-size: 1.5em;
  font-weight: 600;
  color: #248CAC;
}
@media all and (max-width: 750px) {
  .top_price .power {
    font-size: 1.2em;
  }
}

.cat_home {
  position: absolute;
  right: 0;
  top: 0px;
  -webkit-transform: translate(0%, -90%);
      -ms-transform: translate(0%, -90%);
          transform: translate(0%, -90%);
}
.cat_home span {
  font-size: 0.9em;
  display: inline-block;
  padding: 6px 10px 4px 10px;
  color: #fff;
  z-index: 10;
  background-color: #fd5f60\9 ;
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2059.54%2030.252%22%3E%3Cpath%20fill%3D%22%23eee%22%20d%3D%22M0-.906%2C30.675-8.748%2C59.54-.906V21.5H0Z%22%20transform%3D%22translate%280%208.748%29%22%2F%3E%3C%2Fsvg%3E");
  background-size: 100%;
}
.cat_home span.newly {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2059.54%2030.252%22%3E%3Cpath%20fill%3D%22%2330BA90%22%20d%3D%22M0-.906%2C30.675-8.748%2C59.54-.906V21.5H0Z%22%20transform%3D%22translate%280%208.748%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cat_home span.model {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2059.54%2030.252%22%3E%3Cpath%20fill%3D%22%23fd5f60%22%20d%3D%22M0-.906%2C30.675-8.748%2C59.54-.906V21.5H0Z%22%20transform%3D%22translate%280%208.748%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cat_home span.old {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2059.54%2030.252%22%3E%3Cpath%20fill%3D%22%23887BA7%22%20d%3D%22M0-.906%2C30.675-8.748%2C59.54-.906V21.5H0Z%22%20transform%3D%22translate%280%208.748%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cat_home span.land {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2059.54%2030.252%22%3E%3Cpath%20fill%3D%22%23D1C779%22%20d%3D%22M0-.906%2C30.675-8.748%2C59.54-.906V21.5H0Z%22%20transform%3D%22translate%280%208.748%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}
.cat_home span.other {
  background-image: url("data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2059.54%2030.252%22%3E%3Cpath%20fill%3D%22%23D5D5D5%22%20d%3D%22M0-.906%2C30.675-8.748%2C59.54-.906V21.5H0Z%22%20transform%3D%22translate%280%208.748%29%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-size: 100% 100%;
}

@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, .cat_home span {
    background-color: #248CAC !important;
  }
}
.hover-opt {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
.hover-opt:hover {
  opacity: 0.6;
}

.property_lead_box {
  border-top: 2px solid #248CAC;
  background-color: #efefef;
  text-align: left;
  padding: 20px;
}
@media all and (max-width: 750px) {
  .property_lead_box {
    padding: 10px 15px;
  }
}
.property_lead_box__ttl {
  font-weight: 600;
  font-size: 1.7em;
}
@media all and (max-width: 750px) {
  .property_lead_box__ttl {
    font-size: 1.3em;
  }
}

@media all and (max-width: 750px) {
  .remodal-is-locked {
    overflow: visible !important;
  }
}

.lifeStyle__text {
  display: block !important;
  border-top: 1px solid #D5D5D5;
}
.lifeStyle__text li {
  font-size: 0.9em;
  width: 100% !important;
  margin: 0 !important;
  padding: 12px 0;
  font-weight: 600;
  border-bottom: 1px solid #D5D5D5;
}
.lifeStyle__text .fa-map-marker {
  margin-right: 5px;
  color: #D5D5D5;
}

.caution-contact {
  margin-bottom: 10px;
}
.caution-contact em {
  color: #F74141;
  font-size: 1.2em;
}

.pagemenuList {
  text-align: center;
}
.pagemenuList li {
  display: inline-block;
  margin: 5px;
}
.pagemenuList li a {
  font-weight: bold;
  display: inline-block;
  color: #fff;
  background-color: #248CAC;
  border-radius: 30px;
  padding: 5px 15px;
  font-size: 0.9em;
  border: 2px solid #248CAC;
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
}
@media all and (min-width: 981px) {
  .pagemenuList li a {
    font-weight: normal;
    font-size: 1.1em;
  }
  .pagemenuList li a:hover {
    color: #248CAC;
    background-color: #fff;
  }
}
.pagemenuList .fa-caret-down {
  margin-left: 0.5em;
}

.js-slick {
  margin-top: 30px;
  margin-bottom: 60px !important;
}
.js-slick .slick-dots {
  bottom: -35px;
}
.js-slick .slick-dots li {
  background-color: #ccc;
  height: 3px;
  border-radius: 10px;
}
.js-slick .slick-dots li button::before {
  display: none;
}
.js-slick .slick-dots li.slick-active {
  background-color: #248CAC;
}
.js-slick img {
  max-width: 100%;
  max-height: 100%;
  margin: auto;
}

.top_linkArea {
  margin-top: 80px;
}
@media all and (min-width: 751px) {
  .top_linkArea {
    margin-top: 100px;
  }
}
@media all and (min-width: 751px) {
  .top_linkArea_fx {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.top_linkArea_link {
  -webkit-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  -o-transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  transition: all 0.5s cubic-bezier(0.09, 0.98, 0.83, 1);
  position: relative;
  display: block;
  padding: 10px 15px;
  background-color: #248cac;
  border: 2px solid #248cac;
  color: #fff;
  margin-bottom: 10px;
}
@media all and (min-width: 751px) {
  .top_linkArea_link {
    font-size: 1.2em;
    padding: 20px 25px;
    width: 40%;
    margin-bottom: 0;
  }
  .top_linkArea_link:hover {
    background-color: #fff;
    color: #248cac;
  }
}
@media all and (min-width: 981px) {
  .top_linkArea_link {
    width: 43%;
  }
}
.top_linkArea .fa-caret-right {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translate(0%, -50%);
      -ms-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
}
.top_linkArea .fa-pencil-ruler,
.top_linkArea .fa-building {
  font-size: 1.3em;
  margin-right: 15px;
}

.particular_hero {
  max-width: 1090px;
  margin: 0 60px 60px 60px;
}
.particular_hero img {
  width: 100%;
}
@media all and (min-width: 981px) {
  .particular_hero {
    margin: 0 auto 60px auto;
  }
}
@media all and (max-width: 750px) {
  .particular_hero {
    margin: 0 40px 60px 40px;
  }
}
.particular_hero_text {
  width: 80%;
  max-width: 320px;
  color: #000;
  text-align: center;
  font-size: 1.3em;
  line-height: 2.1;
  margin: 0 auto;
  margin-bottom: 80px;
}
@media all and (min-width: 751px) {
  .particular_hero_text {
    max-width: 700px;
    font-size: 1.3em;
  }
}
#singleProperty #detail .blockBox ul li span.text-wrap {
  display: inline-block;
  font-size: 0.85em;
  padding: 4px 10px;
  background-color: #d4d9dd;
  margin-bottom: 5px;
  margin-right: 5px;
}

#menu .company_second_menu a {
  margin: 0 !important;
  text-align: center;
  display: block;
  color: #fff;
  background-color: #248CAC;
  padding: 10px;
}
#menu .company_second_menu a:hover {
  opacity: 0.8;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}

.oya.open .hide {
  display: block;
}

@media all and (min-width: 981px) {
  .oya {
    position: relative;
  }
  .oya:hover .hide {
    display: block;
    opacity: 1;
    height: 55px;
  }

  .oya span {
    font-size: 15px;
    font-weight: bold;
    padding: 10px 0 10px;
  }

  .hide {
    position: absolute;
    top: 90%;
    left: 50%;
    -webkit-transform: translate(-50%, 0%);
        -ms-transform: translate(-50%, 0%);
            transform: translate(-50%, 0%);
    
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
    overflow: hidden;
    height: 0;
  }
  .hide .flex {
    width: 670px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    overflow: hidden;
    border-radius: 4px;
    margin-top: 5px;
    -webkit-box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
            box-shadow: 0px 3px 15px rgba(0, 0, 0, 0.16);
  }
  .hide a {
    margin: 0 !important;
    text-align: center;
    font-weight: bold;
    display: block;
    width: auto !important;
    color: #1A313B;
    background-color: #fff;
    padding: 10px 30px 10px 30px;
  }
  .hide a:hover {
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    color: #fff;
    background-color: #248CAC;
  }
}
.fa-chevron-down {
  margin-left: 5px;
  font-size: 0.9em;
}

@media all and (max-width: 980px) {
  .oya.open .hide {
    height: 170px;
    opacity: 1;
  }
  .oya.open .fa-chevron-down {
    -webkit-transform: rotateX(180deg);
            transform: rotateX(180deg);
  }

  .hide {
    height: 0;
    
    margin-top: 10px;
    -webkit-transition: all 0.8s ease-out;
    -o-transition: all 0.8s ease-out;
    transition: all 0.8s ease-out;
  }

  .flex {
    font-size: 12px;
    margin-left: 1em;
    overflow: hidden;
  }
  .flex a {
    padding: 8px !important;
  }
}
#history {
  padding-top: 60px !important;
  margin-top: -60px !important;
}
/*# sourceMappingURL=common.css.map */