@charset "utf-8";
@media screen and (max-width:960px) {
  html{
    -webkit-text-size-adjust: 100%;
  }
  a:hover {
    opacity: 1;
  }
  input[type=text], input[type=tel], input[type=email],
  select, option, textarea{
    font-size: 16px;
    background: #fff;
  }
  input, select, option, textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-box-shadow: none;
    box-shadow: none;
    outline: none;
  }
  .fPC, .txtHidSp{
    display: none
  }
  .fSP {
    display: block
  }
  .nocvBtnSP .cvBtn{
    display: none;
    opacity: 0;
  }
  body.open{
    position: fixed;
    width: 100%;
    height: 100%;
  }
  body.open .rCol{
    pointer-events: none;
  }
  
/* ========================================================

FRAME

========================================================= */
  .lCol, .rCol, .rCol_inner, header {
    float: none;
    width: 100%;
    height: auto;
    padding: 0;
    border-right: none;
    box-shadow: none;
  }
  .rCol_inner{
    padding-left: 15px;
    padding-right: 15px;
  }
  #top .rCol_inner{
    padding-left: 0;
    padding-right: 0;
  }
  /* ========================================================

HEADER

========================================================= */
  body{
    padding-top: 70px;
  }
  body.open .rCol{
    pointer-events: none;
    transition: all .2s ease-out;
    -webkit-filter: blur(8px);
    -moz-filter: blur(8px);
    -ms-filter: blur(8px);
    filter: blur(8px);
  }
  header {
    position: fixed;
    top: 0;
    background: transparent;
    z-index: 999;
  }
  .lCol {
    background: transparent;
  }
  .logoBox {
    height: 70px;
    position: relative;
    background: #006db5;
  overflow: hidden;
  }
  .logoBoxBtn li {
    position: absolute;
    top: 0;
  }
  .logoBoxBtn li:first-child {
    left: 0;
  }
  .logoBoxBtn li:last-child {
    right: 0;
  }
  .logoBoxBtn li.open {
    width: 76.5px;
    height: 70px;
    text-indent: -9999px;
    background: url("../img/sp/btn_header_close.png") no-repeat;
    background-size: auto 70px;
  }
  .logoBoxBtn a {
    display: block;
    height: 70px;
  }
  .header_logo {
    position: absolute;
    top: 17px;
    left: 50%;
    padding: 0;
    margin-left: -42px;
  }
  .header_menu {
    display: none;
    position: fixed;
    top: 70px;
    right: 0;
    overflow-y: scroll;
    width: calc(100% - 50px);
    height: calc(100% - 70px);
    background: #fff;
  }
  .header_menu1 li {
    position: relative;
    margin-bottom: 0;
    border-bottom: 1px solid #e0e0e0;
  }
  .header_menu1 > li::before, .header_menu1 > li::after {
    position: absolute;
    top: 29px;
    right: 18px;
    content: '';
    display: block;
    width: 21px;
    height: 21px;
    border-top: 1px solid #333;
    transform: translateX(-50%);
    pointer-events: none;
  }
  .header_menu1 > li:after {
    top: 19px;
    right: 38px;
    transform: rotate(90deg);
  }
  .header_menu1 > li.openChild::after{
    opacity: 0;
  }
  .header_menu1 .header_menu1_label a{
    pointer-events: none;
  }
  .header_menu1 li a {
    padding: 22px 40px 21px 12px;
    background: #fff;
    color: #016db5;
    font-size: 1.7rem;
    text-align: left;
  }
  .header_menu1_child {
    display: none;
    visibility: visible;
    position: static;
    width: 100%;
    height: auto;
    background: #fafafa;
    border: none;
    opacity: 1;
    transition: none;
  }
  .header_menu1_child::after{
    display: none;
  }
  .header_menu1_child_ttl {
    display: none;
  }
  .header_menu1_child_list li {
    border-bottom: none;
  }
  .header_menu1_child_list li a, .header_menu1_child_listTtl{
    padding: 22px 50px 24px 48px;
    color: #333;
    font-size: 1.7rem;
    background: #f5f5f5;
  }
  .header_menu1_child_list li a::before{
    left: 30px;
  }
  .header_menu1_child_list li li a::before, .header_menu1_child_listTtl::before{
    left: 60px;
  }
  .header_menu1_child_list li a::after {
    right: 32px;
    width: 9px;
    height: 17px;
    margin-top: -8px;
    background: url("../img/bg_arrow_bL.png") no-repeat;
    background-size: 9px auto;
  }
  .header_menu1_child_list ul a, .header_menu1_child_listTtl{
    padding-left: 78px;
    font-size: 1.4rem;
  }
  .header_menu1_child_list ul ul a {
    padding: 22px 50px 24px 105px;
  }
  .header_menu2{
    padding: 30px 37px 50px;
  }
  .header_menu2_1{
    margin: 0 0 25px;
  }
  .header_menu2_1 .btn{
    width: calc(50% - 5px);
    border-radius: 5px;
    line-height: 1.3;
  }
  .header_menu2_1 .btn-inner{
    padding: 13px 0 15px;
    border-radius: 5px;
    font-size: 1.7rem;
  }
  .header_menu2_1 .listNews_new span{
    top: 0;
    left: 10px;
    background: #ffff01;
    font-size: 1.3rem;
  }
  .header_menu2_1 .listNews_new::after{
    border: none;
  }
  .header_menu2_1 .btn:last-child .btn-inner{
    padding-top: 17px;
    padding-bottom: 17px;
  }
  .header_menu2_2{
    padding: 0;
  }
  .header_search_inner {
    border: 1px solid #c8c8c8;
    border-radius: 40px;
  }
  .header_search input[type=text] {
    width: calc(100% - 54px);
    padding: 12px 0 12px 20px;
    border: none;
    outline: 0;
    font-size: 16px;
    background: transparent;
  }
  .header_search input[type=submit] {
    width: 44px;
    height: 54px;
    padding: 0;
    background: url("../img/icon_search.png") no-repeat 14px 50%;
    background-size: 22px auto;
    text-indent: -9999px;
    outline: 0;
  }
  /* ========================================================

CONTAINER

========================================================= */
  .container p, .container dt, .container dd, .container li {
    font-size: 1.4rem;
    line-height: 1.5;
  }
  .flexCol2 {
    display: block;
  }
  .flexCol2 .flexCol {
    width: 100%;
  }
  .flexCol4{
    flex-wrap: wrap;
  }
  .flexCol4 .flexCol{
    width: calc(50% - 7px);
    margin-right: 14px;
  }
  .flexCol4 .flexCol:nth-child(2n){
    margin-right: 0;
  }
  
  .listCardBox {
    box-shadow: 0 5px 0 rgba(229, 229, 229, 1);
    margin-bottom: 20px;
    border-radius: 9px;
  }
  .listCardBox a {
    display: block;
    background: #fff;
    border: 1px solid #c8c8c8;
    border-radius: 9px;
    color: #333;
  }
  
  /* TEXT
================================================= */
.txtSmall{ font-size: 1.1rem !important}
.txtLarge{ font-size: 2rem !important}
.txtHidPc{ display: inline}

.txtBlueItalicL{ font-size: 2rem}

  /* ボタン
================================================= */
  .btn, .btn-external {
    width: 230px;
    margin: 30px auto 25px;
    box-shadow: 0 5px 0 #e6e6e6;
  }
  .btn-inner {
    padding: 13px 0 16px;
    font-size: 1.7rem;
  }
  .btn-inner::after {
    top: 15px;
    right: 15px;
  }
  .btn-white .btn-inner{
    padding: 14px 0 16px;
    font-size: 1.6rem;
  }
.btn-xs{
  width: 90px;
  margin: 0 0 13px;
}
.btn-xs .btn-inner{
  padding: 3px 0 5px 10px;
  font-size: 1rem;
}
.btn-print .btn-inner::after {
    top: 5px;
    right: 18px;
}
.btn-zoom{
  margin-top: 10px;
}
.btn-zoom .btn-inner{
  padding-left: 8px;
  letter-spacing: 0.05em;
}
.btn-zoom .btn-inner::after {
  top: 3px;
  right: 6px;
}
.btn-business,
.btn-external-s{
  width: 315px;
}
.btn-external-s,
.cvBtnBox .btn-external-s{
  width: 290px;
  letter-spacing: 0.01em;
}
.btn-business .btn-inner{
  padding: 14px 0 16px;
  font-size: 1.6rem;
}
.btn-external-s .btn-inner,
.cvBtnBox .btn-external-s .btn-inner{
  padding: 15px 15px 16px 0;
  font-size: 1.5rem;
}
.btn-business .btn-inner::after,
.btn-external-s .btn-inner::after{
  top: 18px;
  right: 15px;
}
  
  
@media screen and (max-width:320px){
  .btn-business{
    width: 100%;
  }
  .btn-business .btn-inner{
    padding-right: 15px;
  }
}

.btn-tel .btn-inner,
.btn-mail .btn-inner,
.btn-business .btn-inner{
  padding-left: 30px;
  letter-spacing: 0.05em;
}
.btn-tel .btn-inner::before,
.btn-mail .btn-inner::before,
.btn-business .btn-inner::before{
  width: 23px;
  height: 23px;
  margin: -1px 0 0 -33px;
  background-size: 23px auto;
}

.flexCol4 .flexCol .btn{
  margin-top: 10px;
  margin-bottom: 10px;
  letter-spacing: 0.05em;
}
@media screen and (min-width:320px){
  .flexCol4 .flexCol .btn-inner{
    padding: 14px 23px 17px 0;
    font-size: 1.5rem;
  }
}
    
/* ラベル
================================================= */
  .label{
    margin-right: 0;
    padding: 0 4px;
    font-size: 1.1rem;
    font-weight: 400;
    border-width: 1px;
    letter-spacing: 0.1em;
  }
  .listLabel li{
    margin: 0 7px 7px 0;
  }
  .label-new {
    position: absolute;
    width: 30px;
    height: auto;
    padding: 1px 0;
    color: #006db5;
    background: #ff0;
    text-indent: 0;
    font-size: 1rem;
    text-align: center;
  }
  
/* 画像
================================================= */
.list2linePhoto{
  margin: 45px 0;
}
.list2linePhoto + .list2linePhoto{
  margin-top: -25px;
}
.list2linePhoto li{
  float: none;
  width: 100%;
  margin-bottom: 20px;
}
.list2linePhoto li:nth-child(2n-1){
  margin-right: 0;
}
.list2linePhoto_cap dt{
  margin: 1px 0 8px;
  font-size: 1.4rem !important;
}
  
.tab-cont .imgW100sp img{
  margin-left: -15px;
  margin-right: -15px;
  padding: 0;
  max-width: none;
  width: calc(100% + 30px);
  height: auto;
}
.tab-cont .img100sp{
  padding: 0;
}
  
.iframeBox iframe{
  height: 300px;
}
  
/* slick
================================================= */
.slick-prev, .slick-next {
  width: 45px;
  height: 45px;
  box-shadow: 0 3px 0 #e6e6e6;
}
.slick-prev::before, .slick-next::before {
  top: 17px;
  left: 14px;
  width: 12px;
  height: 12px;
}
.slick-prev::before {
  left: 18px;
}
  /* ========================================================

FOOTER

========================================================= */
.toTop{
  right: 10px;
  bottom: 15px;
}
.btn-toTop{
  width: 60px;
  height: 60px;
  margin: 0;
  box-shadow: 0 3px 0 rgba(0,0,0,.1);
}
.btn-toTop .btn-inner{
  height: 60px;
  padding-top: 30px;
}
.btn-toTop .btn-inner::after{
  top: 21px;
  right: 25px;
  width: 9px;
  height: 9px;
  border-right-width: 1px;
  border-top-width: 1px;
}
footer {
  position: relative;
  margin-top: 60px;
  border-top: none;
  background: #f5f5f5;
}
.footerNav {
  padding: 45px 0 110px;
}
.footerNavSP li {
  position: relative;
  margin: 0 15px 15px;
  color: #333;
  font-size: 1.4rem;
  text-align: center;
}
.footerNavSP li:last-child{
  margin-bottom: 30px;
}
.footerNavSP li a {
  color: #333;
  text-decoration: none;
}
.footerNavSP li a::after{
  display: inline-block;
  content: "";
  width: 6px;
  height: 12px;
  margin-left: 10px;
  background: url("../img/bg_arrow_bS.png") no-repeat 0 50%;
  background-size: 6px 12px;
}
.footerNavSP .footerNavSPBtn{
  font-size: 1.7rem;
}
.footerNavSP .footerNavSPBtn a{
  position: relative;
  display: inline-block;
  width: 230px;
  padding: 14px 0 16px;
  border: 2px solid #c8c8c8;
  border-radius: 30px;
}
.footerNavSP .footerNavSPBtn .icoExternal::after{
  position: absolute;
  top: 18px;
  right: 14px;
  width: 14px;
  height: 12px;
  background-image: url(../img/icon_external_gray.png);
  background-size: 14px 12px;
}
.footerNavBox {
  min-width: 0;
}
.footerNavBoxL, .footerNavBoxR, .footerNav {
  float: none;
  width: 100%;
  min-width: 0;
}
.footerNavBoxL_inner {
  width: 100%;
}
.footerNav:not(:last-child), .footerNav_parent,
#top .footerNav .btn-external:first-of-type{
  display: none;
}
.footerNavBoxR {
  padding: 30px 15px;
  text-align: center;
}
.footerLogo{
  margin: 0 0 15px;
}
.footerLogo img{
  width: 110px;
  height: auto;
}
.footerLogoTxt{
  font-size: 1.2rem;
  text-align: center;
}
.footerSns {
  margin: 30px 0 0;
}
.footerSns li {
  padding: 0 12px;
}
.footerSns img{
  width: 45px;
  height: auto;
}

.cvBtn {
  top: auto;
  bottom: 15px;
  left: 10px;
  width: 138px;
  height: 80px;
  animation: none;
}
.cvBtn a {
  display: block;
  height: 80px;
  background: url("../img/sp/img_cvBtnSP.png") no-repeat;
  background-size: auto 80px;
  text-indent: -9999px;
}
.footerBtm {
  padding: 0 0 15px;
  background: #106eb1;
  font-size: 1rem;
}
.footerBtm_privacy{
  position: absolute;
  top: 200px;
  width: auto;
  margin: 0 auto;
  padding: 0 15px;
}
.footerBtm_privacy dt a{
  display: block;
  width: 100px;
  height: 100px;
  background: url("../img/ico_footer_privacy.png") no-repeat;
  background-size: 100px auto;
}
.footerBtm_privacy dt img{
  display: none;
}
.footerBtm_privacy dd{
  width: calc(100% - 115px);
  font-size: 1.2rem;
}

.footerBtmCopy {
  margin-top: 0;
  color: #99c6de;
  font-size: 1rem;
  letter-spacing: 0;
  text-align: center;
}
  /* ========================================================

TOP

========================================================= */
  .effect {
    position: relative;
    bottom: -20px;
    transition: 1s;
    opacity: 0;
  }
  .visible {
    bottom: 0;
    opacity: 1;
  }
  .topTtl {
    margin: 52px 0 21px !important;
  }
  .topTtlH2 {
    margin-top: 5px;
    font-size: 1.2rem;
  }
  .topTtlH2::before, .topTtlH2::after {
    top: 9px;
    width: 11px;
    height: 25px;
  }
  .topTtlH3 {
    line-height: 1.35 !important;
    font-size: 2rem;
  }
  .topTtlH3_line {
    background: linear-gradient(transparent 75%, yellow 20%) 0 -5px;
  }
  .topTtlH3_large {
    font-size: 2.8rem;
  }
  .slick-slide {
    margin-left: 7px;
    margin-right: 7px;
  }
  .slick-dotted.slick-slider{
    margin-bottom: 60px;
  }
  .slick-dots {
    bottom: -30px;
  }
  .slick-prev {
    left: 15px;
  }
  .slick-next{
    right: 15px;
  }
  
/* メインビジュアル
================================================= */
  .topMV {
    position: relative;
    height: auto;
    padding-bottom: 300px;
  }
  .topMV_msg {
    position: absolute;
    width: 100%;
    padding: 10px 0 0;
  }
  .topMV_msg h2 img, .topMV_msg p img{
    width: 305px;
    height: auto;
    margin: 0 auto;
    max-width: 100%;
  }
  .topMV_msg p {
    margin-top: 20px;
    line-height: 1.6;
    font-size: 1.4rem;
    text-align: center;
  }
  .topMVBoxs{
    width: 100%;
  }
  .topMVBoxs::before, .topMVBox1::before,
  .topMVBox2::before, .topMVBox3::before{
    content:"";
    display: block;
    padding-top: 78.6666%;
  }
  .topMVBox{
    width: 100%;
    left: 0;
    height: auto;
    display: block;
    margin: 0;
    background-size: 100% auto;
  }
  .topMVBox1{
    background-image: url("../img/top/img_topMV_bg1_sp.png");
  }
  .topMVBox2{
    background-image: url("../img/top/img_topMV_bg2_sp.png");
  }
  .topMVBox3{
    background-image: url("../img/top/img_topMV_bg3_sp.png");
  }
  .topMVBox_list {
    position: static;
    width: 100%;
  }
  .topMVBox_list img {
    position: absolute;
    z-index: 50;
    opacity: 0;
    width: 18.6666%;
  }
  .topMVBox1-1 { top: 16%; left: 13%;}
  .topMVBox1-2 { top: 58%; left: 67%;}
  .topMVBox_list .topMVBox1-2-2 { top: 89%; left: 69.2%; width: 2.14%}
  .topMVBox_list .topMVBox1-2-3 { top: 79.3%; left: 67.7%; width: 15.4%}
  .topMVBox_list .topMVBox1-2-4 { top: 79.3%; left: 67.7%; width: 15.4%}
  
  .topMVBox2-1 { top: 24%; left: 75%;}
  .topMVBox_list .topMVBox2-1-2{ top: 41%; left: 66%; width: 25%}
  .topMVBox_list .topMVBox2-1-3{ top: 52.9%; left: 88%; width: 4.8%}
  .topMVBox2-2 { top: 46%; left: 12%; width: 18%}
  .topMVBox_list .topMVBox2-2-2{ top: 64.5%; left: 15.4%; width: 18%}
  .topMVBox_list .topMVBox2-2-3{ top: 76.6%; left: 12.1%; width: 8.8%}
  
  .topMVBox3-1 { top: 9%; left: 34%;}
  .topMVBox_list .topMVBox3-1-3 { top: 42%; left: 34.5%; width: 12%}
  .topMVBox3-2 { top: 31%; left: 53%;}
  
  /* トピックス
================================================= */
  .topTopics, .listTopicsPCTxt, .listTopicsPC{
    visibility: hidden;
    margin: 0;
    padding: 0;
    height: 0;
    width: 100%;
    min-width: 100%;
  }
  .listTopicsPCTxt li{
    display: none !important;
  }
  .topTopicsSP {
    margin-top: -70px;
  }
  .listTopicsSP li img{
    border-radius: 8px;
  }
  .listTopicsSPTxt.listTopicsSPTxt {
    margin-bottom: 85px !important;
  }
  .listTopicsSPTxt .slick-list li{
    opacity: 0;
    position: relative;
    padding: 0 35px 5px 45px;
    line-height: 1.5;
    font-size: 1.4rem;
    color: #333;
    font-weight: bold;
    letter-spacing: 0.05em;
    transition: 0.5s;
  }
  .listTopicsSPTxt .slick-list li.slick-current{
    opacity: 1;
  }
  .listTopicsSPTxt span{
    position: relative;
    opacity: 0;
    top: 10px;
    left: 20px;
    z-index: 2;
    display: inline-block;
    margin-bottom: 10px;
    padding: 4px 10px 6px;
    background: #006db5;
    color: #fff;
    transition: 0.5s;
  }
  .listTopicsSPTxt  span.active{
    left: 0;
    opacity: 1;
  }
  .listTopicsSPTxtArrow{
    opacity: 0;
    position: absolute;
    z-index: 1;
    top: 10px;
    left: 45px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 50px 50px 0 0;
    border-color: #ffff01 transparent transparent transparent;
    transition: 0.5s;
  }
  .listTopicsSPTxtArrow.active{
    top: -5px;
    left: 35px;
    opacity: 1;
  }  
/* サービス紹介
================================================= */
.topService{
  padding: 1px 15px 90px;
  background: linear-gradient(180deg, #006db5 0%, #006db5 205px, #fff 205px, #fff 100%);
}
.topService .topTtl{
  margin-top: 30px !important;
}
.topService_list_inner{
  float: none;
  width: 100%;
  margin-right: 0;
  padding: 25px 0 30px;
  text-align: center;
}
.topService_list_list{
  display: inline-block;
  text-align: left;
}
.topService_list_list li{
  margin-bottom: 20px;
  padding-left: 0;
  font-size: 2rem;
  font-style: italic;
  letter-spacing: 0.05em;
}
.topService_list_inner .btn{
  bottom: -25px;
  left: 50%;
  margin-left: -115px;
  width: 230px;
  line-height: 1
}
.topService_list_inner .btn-inner {
  padding: 13px 10px 16px 0;
  font-size: 1.7rem;
}
.topService_list_inner .btn-inner::after {
  top: 14px;
}
  
/* 事例紹介
================================================= */
  .topJirei .topTtl {
    display: block;
  }
  .topJirei_inner{
    width: 100%;
    padding: 1px 0 0;
  }
  .listJirei .listCardBox a{
    padding: 23px 15px;
  }
  .listJirei .label-new{
    left: 15px;
  }
  .listJirei_spTtl{
    margin: 5px 0 10px !important;
    font-size: 1.3rem !important;
    font-weight: 600;
  }
  .listJirei_img {
    position: relative;
    width: 110px;
    height: 63px;
    border-radius: 0;
  }
  .listJirei_dtl {
    width: calc(100% - 120px);
    padding: 5px 0 0;
  }
  .listJirei_dtl dt .label {
    padding: 1px 4px;
    margin-bottom: 0;
  }
  .listJirei_cat_child{
    margin-left: 8px;
    font-size: 1.1rem;
  }
  .listJirei_dtl dd{
    padding-top: 0;
    font-size: 1.1rem;
    border: none;
  }
  .topJirei .listCalSP.slick-dotted.slick-slider {
    margin-bottom: 30px;
  }
  .topJirei .listCalSP .slick-dots {
    bottom: 0;
  }
  
/* 新着記事
================================================= */
  .topNews {
    padding: 1px 0 40px;
  }
  .topNews .topTtl {
    position: relative;
    overflow: hidden;
    margin-bottom: 15px !important;
    padding-bottom: 8px;
  }
  .topTtlH3_base, .topTtlH3_truck {
    top: 2px;
    right: 50%;
    width: 330px;
    height: 74px;
    margin-right: -173px;
  }
  .topTtlH3_truck {
    background-position: 0 80%;
    background-size: 49px auto;
  }
  .listNews .listCardBox,
  .listCardBox-newsIndex{
    float: none;
    width: auto;
    margin: 0 7px 5px !important;
  }
  #top .listNews .listCardBox{
    margin: 0 7px 5px !important;
  }
  .topNews .listNews .listCardBox{
    float: left;
  }
  .listNews .listCardBox:nth-child(4){
    clear: none;
  }
  .listCardBox_inner {
    padding-top: 37px;
  }
  .listNews_img{
    height: auto;
  }
  .listNews_time {
    padding: 11px 15px 0;
    font-size: 1rem !important;
  }
  .listNews_cat {
    margin: 15px 15px 0;
    font-size: 1.1rem !important;
  }
  .listNews_dtl {
      margin: 10px 15px 13px;
  }
  .listNews_dtl dt {
    font-size: 1.3rem !important;
  }
  .listNews_dtl dd{
    display: none;
  }

/* 物件情報
================================================= */
  .topBukken {
    padding: 1px 0 60px !important;
  }
  .topBukken .topCsrR{
    margin-bottom: 15px;
  }
  .topBukken .bnJigyoBukken {
    margin-top: 45px;
}
  
  /* 社会貢献活動
================================================= */
  .topCsr {
    padding-bottom: 40px;
  }
  .topCsrBox .flexCol2 {
    width: 100%;
  }
  .topCsrR .slick-slide {
    margin-left: 0;
    margin-right: 0;
  }
  .topCsrL {
    padding: 0 15px;
  }
  .topCsrL h4 {
    margin: 15px 0 10px;
  }
  .topCsrL h4 img {
    height: auto;
    max-width: 100%;
  }
  .topCsrL .btn {
    margin-top: 30px;
}
  /* アクセス
================================================= */
  #map {
    height: 175px;
  }
  .topAccess{
    padding: 1px 0 60px;
  }
  .topAccess .topTtlH3{
    letter-spacing: 0.1em;
  }
  .topAccess .rCol_inner{
    padding: 0 15px !important;
  }
  .topAccessBoxR {
    padding: 25px 15px !important;
  }
  @media screen and (max-width:374px){
    .topAccessBoxR {
      padding: 25px 15px 45px !important;
    }
  }
  .topAccessBoxR h4 {
    margin-bottom: 15px;
    font-size: 1.4rem;
  }
  .topAccessBoxR h4::after {
    margin-top: 15px;
  }
  .topAccessBoxR p{
    font-size: 1.4rem;
  }
  .topAccessBoxR a{
    color: #fff;
    text-decoration: underline;
  }
  .topAccessIllust{
    right: -2px;
    bottom: -50px;
    width: 115px;
    height: auto;
  }
  .bnRecruit {
    margin: 60px 15px 0;
  }

  /* ========================================================

  COMMON

  ========================================================= */
/* パンくずリスト
================================================= */
.bnav{
  margin-bottom: 53px;
  padding: 0 2px 1px;
}
.bnav li{
  font-size: 1.2rem !important;
}
.bnav a::after{
  top: 0px;
  width: 16px;
  height: 8px;
  background-size: 6px auto;
}

/* H1
================================================= */
.h1Box{
  padding-top: 10px;
  background-position: -200px 0;
  background-size: 250% auto;
}
  .h1Box .rCol_inner-L{
    padding-left: 15px;
    padding-right: 15px;
  }
.h1BoxTtl{
  margin-bottom: 20px;
  padding: 18px 2px 30px 7px;
  font-size: 2.5rem;
  text-align: center;
}
.h1BoxTtl_en{
  font-size: 1.5rem;
}

.h1BoxTxt{
  text-align: left;
  font-size: 1.3rem !important;
  line-height: 1.6 !important;
}
.h1BoxTxt::after{
  display: block;
  content: "";
  width: 2px;
  height: 40px;
  margin: 24px auto 30px;
  background: #9dc5e4;
}


.h1Box-s{
  margin-bottom: 60px;
}
.h1BoxS{
  top: 20px;
  display: block;
  padding: 21px 15px 24px;
}
.h1BoxS .h1BoxTtl{
  margin: 0 !important;
  padding: 5px 0;
  font-size: 2.5rem;
  line-height: 1 !important;
  text-align: left;
}
.h1BoxS .h1BoxTxt{
  margin-top: 25px;
  padding-left: 0;
  font-size: 1.4rem;
}
.h1BoxS .h1BoxTxt::after{
  display: none;
}
.h1Box-s .bnav{
  margin-bottom: 0;
}
.h1Box-nocap.h1Box-s{
  margin-bottom: 0;
  padding-bottom: 60px;
}
.h1Box-nocap .h1BoxS{
  padding: 17px 15px 23px !important;
  }
 .h1Box-nocap .h1BoxTtl{
   margin-bottom: 0 !important;
  font-size: 2.5rem;
  text-align: left;
  }
  .h1Box-nocap .h1BoxTxt{
   display: none;
  }
  
.h2Box{
  margin: 0 -15px 45px;
  padding: 25px 15px 1px 15px;
}
.h2BoxTtl{
  margin-bottom: 10px;
  font-size: 2.5rem;
}
.anchorBox{
  margin-top: -80px;
  padding-top: 80px;
}
.h3Ttl.anchorBox, .rCol_content h3.anchorBox{
  margin-top: -80px;
  padding-top: 135px;
}
  
/* 見出し
================================================= */
.h1Ttl_sm{
  margin: 18px 0 20px;
  font-size: 1.6rem;
}
.h2Ttl{
  margin-top: 85px;
  font-size: 2.5rem;
  line-height: 1.4;
}
.h2Ttl::after{
  margin: 20px auto;
}
.h2Ttl-mL{
  margin-top: 110px;
}
.h2Ttl-noBD{
  margin: 28px 0;
  font-size: 1.7rem;
}
.h2Ttl-noBD + .newsInfo_category{
  margin-top: 40px;
}

.h3Ttl, .rCol_content h3{
  margin: 75px 0 40px;
  font-size: 1.7rem;
  line-height: 1.4;
}

.h4Ttl,
.rCol_content h4{
  margin: 30px 0 24px;
  background-position: 0 2px;
  font-size: 1.4rem;
}
.rCol_content h5{
  margin: 20px 0 10px;
  font-size: 1.4rem;
}

/* 本文
================================================= */
.rCol_content .alignleft,
.rCol_content .alignright{
  margin: 0 0 20px;
  width: 100%;
  height: auto;
}
.rCol_content p + h3,
.rCol_content div + h4, .rCol_content p + h4, .rCol_content dl + h4{
  margin-top: 40px;
}
.rCol_inner .imgBox{
  margin: 40px 0 !important;
}

/* テーブル
================================================= */
.rCol_content table th, .rCol_content table td {
  padding: 11px 15px;
  font-size: 1.4rem;
}
.rCol_content table th{
  width: 40%;
}

.flexCol:first-child table,
.flexCol:first-child tr:last-child th:last-of-type,
.flexCol:first-child tr:last-child td:last-of-type{
  border-bottom: none;
}
  
.rCol_content .flexCol2 .flexCol:first-child{
  padding-right: 0;
}
.rCol_content .flexCol2 .flexCol:last-child{
  padding-left: 0;
}
.rCol_content .flexCol2 .flexCol-40:first-child {
  margin-bottom: 30px;
}
  
/* リスト
================================================= */
.listPager{
  margin: 60px 0;
}
.listPager li{
  margin: 0 6px;
  box-shadow: 0 3px 0 rgba(230,230,230,1);
  font-size: 1.7rem;
}
.listPager a, .listPager span{
  width: 40px;
  padding: 8px 0 7px;
  color: #333;
}
.listPager-prev::after, .listPager-next::after{
  top: 15px;
  left: 17px;
  width: 10px;
  height: 10px;
  border-color: #333;
}
.listPager-next::after{
  left: 14px;
}
  
.acBox-normal .acCaseDtl .acDtl_inner{
  padding: 15px;
}
.acBox-normal .acCaseTtl dt{
  width: calc(100% - 45px);
}
.acBox-normal .acCaseTtl .acCaseTtl_msg{
  width: 45px;
  height: auto;
}


/* タブ
================================================= */
.tab-menu{
  padding: 0 15px;
}
.tab-menu .tab,
.tab-menu .tab-link,
.tab-menu .tab-link a{
  top: 18px;
  width: 100%;
  height: 42px;
  margin-right: 5px;
  border-radius: 5px 5px 0 0;
  font-size: 1.1rem;
}
.tab-menu .tab-active{
  top: 0;
  height: 60px;
  font-size: 1.4rem;
}
.tab-menu-s .tab{
  font-size: 1.1rem !important;
}
.tab-menu-s .tab-active{
  font-size: 1.2rem !important;
}
  
.tab-menu .tab-link{
  top: 0;
  border-radius: 5px;
}
.tab-menu .tab-link a{
  border-radius: 5px;
}

.tab-contents{
  padding: 30px 0 33px;
  border: none;
  border-top: 3px solid #006db5;
  border-bottom: 3px solid #006db5;
}
.tabCont-read{
  text-align: left;
}
.tabCont-read::after{
  display: block;
  content: "";
  width: 2px;
  height: 40px;
  margin: 24px auto 30px;
  background: #9dc5e4;
}
.tab-contents .listPager {
    margin-top: 36px;
}
.rCol_content-hasTab{
  margin-top: 45px !important;
}
  
/* フォーム
================================================= */

/* セレクト */
.inputSelect{
	padding: 0 30px 2px 15px;
}
  
/* ボックス
================================================= */
.checklistBox{
  margin-bottom: 60px;
  padding: 15px;
}
.btn-external-s + .checklistBox{
  margin-bottom: 30px;
}
.checklist_Ttl{
  margin-bottom: 15px;
  font-size: 1.4rem;
  line-height: 1.5;
}
.checklist_list li{
  padding: 5px 0 7px 28px;
  font-size: 1.4rem;
}
.checklist_list li::before{
  top: 12px;
  left: 10px;
  width: 9px;
  height: 5px;
}
  
.acBox{
  margin-bottom: 65px;
}

.pointBox{
  margin: -20px 0 30px 15px;
}
.pointBox-R{
  margin-left: 15px;
}
.pointBox dt{
  top: 11px;
  left: -15px;
  font-size: 2rem;
  line-height: 1.4;
}
.pointBox dd{
  width: calc(100% - 15px);
  padding: 35px 15px 30px;
  line-height: 1.5 !important;
  background-size: 118px auto;
}

.bnFaq{
    margin: 60px 0;
}
@media screen and (max-width:374px){
  .bnFaq{
    padding: 0 15px;
  }
  .bnFaq img, .bnJigyoBukken img{
    width: 100%;
    height: auto;
  }
}

/* フロート
================================================= */
.floatL, .floatR{
  float: none;
}
.w390, .w520{
  width: 100%;
  margin-bottom: 20px;
}
.w390 img, .w520 img{ width: 100%; height: auto}


/* ハッシュタグ
================================================= */
.listHashtag li{
  margin: 0 7px 7px 0;
  padding: 1px 5px;
  font-size: 1.1rem !important;
  border-radius: 2px;
}

/* コメント
================================================= */
.commentBox{
  margin: 60px 0;
}
.commentBox_inner{
  margin-left: 105px;
  padding: 15px 20px;
  border-width: 1px;
  border-radius: 10px;
}
.commentBox dt{
  margin-bottom: 2px;
  font-size: 1.4rem;
}
.commentBox .commentBox_img{
  top: 0;
  width: 90px;
}
.commentBox .commentBox_img_inner{
  height: 90px;
}
.commentBox .commentBox_img a {
    font-size: 1.1rem;
}
.commentBox dt::after{
  top: 45px;
  left: 85px;
  width: 25px;
  height: 1px;
}
.commentBox_note{
  font-size: 1.1rem !important;
}
.commentBox-R .commentBox_inner{
  margin-right: 105px;
}
.commentBox-R dt::after{
  left: auto;
  right: 85px;
}
  
/* 関連記事
================================================= */
.relationBox{
  padding-top: 45px;
}
.relationBox_ttl{
  margin-bottom: 25px;
  font-size: 1.7rem;
}
.relationBox_read{
  margin-bottom: 25px !important;
}
  
/* お問い合わせ
================================================= */
.cvBox{
  margin: 100px 0 60px;
  padding: 25px 0 35px;
}
.cvBox_inner{
  padding-right: 0;
  text-align: left;
}
.cvBoxTtl{
  margin-left: 15px;
  font-size: 2rem;
}
.cvBox_inner .btn{
  width: 290px;
  margin: 25px auto 0;
}
.cvBox_inner .btn-inner {
  padding: 15px 10px 19px 30px;
}
.cvBox_img{
  top: -30px;
  right: -15px;
  bottom: auto;
}
@media screen and (max-width:320px){
  .cvBoxTtl{
    margin-left: 0;
    font-size: 1.7rem;
  }
}

  
.cvBtnBox{
  margin: 45px 0 70px;
}
.cvBtnBox_ttl{
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.5;
}
.cvBtnBox_ttl-voice {
  margin-bottom: -10px;
  padding-left: 10px;
  font-size: 2rem;
  line-height: 1.4;
}
.cvBtnBox_ttl-voice::before,
.cvBtnBox_ttl-voice::after {
  width: 60px;
  height: 1px;
  margin-left: -20px;
  transform: rotate(-70deg);
}
.cvBtnBox_ttl-voice::before{
  transform: rotate(70deg);
  margin-left: -90px;
}
.cvBtnBox_ttl-voiceWide::before{
  margin-left: -110px;
}
.cvBtnBox_ttl-voiceWide::after{
  margin-left: 0;
}

.cvBtnBox .btn{
  width: 290px;
}
.cvBtnBox .btn-inner{
  padding: 15px 10px 19px 23px
}
.cvBtnBox .btn-inner::after {
  top: 17px;
}
.cvBtnBox-2btn {
  margin-left: 0;
  margin-right: 0;
}
.cvBtnBox-2btn .btn-mail-L{
  position: relative;
  line-height: 1.2;
}
.cvBtnBox-2btn .btn-mail-L .btn-inner{
  padding: 4px 10px 7px 23px;
}
.btn-mail-L .btn-inner::before{
  left: 19px;
  top: 15px;
  margin-left: 0;
}
  
/* サービス紹介
================================================= */
.serviceBox_ttl{
  margin-bottom: 30px;
  font-size: 1.7rem !important;
}
.serviceBox_list{
  display: block;
}
.serviceBox_list li{
  width: auto;
  margin: 0 15px 55px;
}
.serviceBox_list li:last-child{
  margin: 0 15px 30px;
}
.serviceBox_list dt{
  top: -15px;
  font-size: 2rem;
}
.serviceBox_list dd{
  padding: 10px 15px 12px;
  background-position: 50% 0;
  background-size: 90px auto;
}

.serviceBox_list dd p{
  min-height: 60px;
  line-height: 1.5;
  font-size: 1.3rem !important;
}
.serviceBox_list .btn{
  width: 230px;
}
.serviceBox_list .btn-inner{
  padding: 8px 0 13px;
  font-size: 1.7rem;
}
.serviceBox_list .btn-inner::after {
    top: 15px;
}

.serviceBox_list-index li,
.serviceBox_list-about li{
  margin-bottom: 40px;
}
.serviceBox_list-index li:last-child,
.serviceBox_list-about li:last-child{
  margin-bottom: 0;
}
.serviceBox_list-index dt{
  left: 15px;
  text-align: left;
}
.serviceBox_list-index dd{
  padding-top: 0;
  padding-bottom: 1px;
}
.serviceBox_list-index dd p{
  margin: 0 0 20px !important;
  padding-left: 80px;
}
.serviceBox_list-index_img{
  float: left;
  width: 65px;
  margin-right: 15px;
  padding-top: 8px;
}
.serviceBox_list-index_img img{
  width: auto;
  height: 42px;
}
.serviceBox_list-index .btn{
  margin-top: -5px;
}

.serviceBox_list-index2Line dd{
  padding-top: 0;
}
.serviceBox_list-index2Line_ttl dt span{
  display: inline;
  padding-left: 8px;
  font-size: 1.3rem;
}

.serviceBox_list-index-s{
  margin-top: 30px;
}
.serviceBox_list-index-s li,
.serviceBox_list-index-s li:last-child{
  margin: 0 0 37px;
}
.serviceBox_list-index-s dt {
  left: 0;
  text-align: center;
}
.serviceBox_list-index-s dd{
  display: flex;
  margin-top: 0;
}
.serviceBox_list-index-s .serviceBox_list-index_img,
.serviceBox_list-index-s dd p{
  display: flex;
  align-items: center;
}
.serviceBox_list-index-s .serviceBox_list-index_img{
  width: 125px;
  margin-bottom: 20px;
  padding: 0;
}
.serviceBox_list-index-s .serviceBox_list-index_img img{
  padding: 0 !important;
  height: auto;
}
.serviceBox_list-index-s  dd p {
  width: calc(100% - 140px);
  margin-top: 0;
  padding-left: 0;
}
@media screen and (max-width:320px){
  .serviceBox_list-index-s dt{
    font-size: 1.8rem;
  }
}
.tab-contents-bukkenDetail .hottopicBox_img img {
  padding: 0;
}
.hottopicBox-noDate a {
    padding-top: 0 !important;
}
.hottopicBox-noDate .hottopicBox_img {
    padding-top: 0;
}

/* ========================================================

サービス紹介

========================================================= */
.h2Box-service2, .h2Box-service3{
  margin-top: 83px;
}
.h2Box-service1 .h2Box_img,
.h2Box-service2 .h2Box_img,
.h2Box-service3 .h2Box_img{
  width: 82px;
  top: -30px;
  right: 0;
  overflow: hidden;
}
.h2Box-service1 .h2Box_img img{
  width: 90px;
  height: auto;
}
.h2Box-service2 .h2Box_img{
  width: 113px;
  top: -10px;
}
.h2Box-service2 .h2Box_img img{
  width: 120px;
  height: auto;
}
.h2Box-service3 .h2Box_img{
  width: 90px;
  top: -8px;
}
.h2Box-service3 .h2Box_img img{
  width: 125px;
  height: auto;
}
@media screen and (max-width:320px){
  .h2Box-service3 .h2Box_img{
    width: 70px;
  }
}

/* ========================================================

不動産の活用

========================================================= */
.msgBox{
  margin-bottom: 60px;
  padding: 30px 0 0;
}
.msgBox .msgBox_inner{
  width: calc(100% - 30px);
  margin: 0 auto;
  padding: 30px 20px 10px;
}
.msgBox_ttl{
  font-size: 2rem;
}
.msgBox::before{
  height: 300px;
}

.consultBox_read{
  margin-bottom: 65px !important;
  line-height: 1.5 !important;
  font-size: 1.3rem !important;
  text-align: left;
}
.consultBox{
  float: none;
  width: 100%;
  margin-bottom: 30px;
  padding: 30px 15px 15px;
}
.consultBoxs .consultBox:first-child{
  margin: 0 0 100px;
}
.consultBox_subTtl{
  top: -33px;
  font-size: 3.5rem;
}
.consultBox_ttl{
  margin: 0 auto 30px;
  font-size: 2.5rem;
}
.consultBoxs .consultBox:last-child .consultBox_ttl{
  margin-bottom: 35px;
}
.consultBox_list{
  margin-bottom: 25px;
}
.consultBoxs .consultBox:last-child .consultBox_list{
  margin-bottom: 32px;
}
.consultBox_list li{
  font-size: 1.7rem;
}
.consultBoxs .consultBox:first-child .consultBox_list li:first-child{
  margin-bottom: 30px;
}
.consultBoxs .consultBox:last-child .consultBox_list li:first-child{
  margin-bottom: 20px;
}
.consultBox_list li img{
  width: 60px;
  height: auto;
  margin-right: 25px;
}
.consultBox p{
  font-size: 1.4rem !important;
}
.consultBox .btn-anchor{
  width: 250px;
  margin-left: -125px;
}

.rCol_inner .tableScroll_cap{
  margin-bottom: 5px !important;
  text-align: right;
  font-size: 1.1rem !important;
}
.tableScroll{
  width: 100%;
  overflow: auto;
}
.tableScroll::-webkit-scrollbar{
  width: 75px;
  height: 6px;
}
.tableScroll::-webkit-scrollbar-track{
  background: #f5f5f5;
  border-radius: 100px;
}
.tableScroll::-webkit-scrollbar-thumb{
  background: #555;
  border-radius: 10px;
}
.tableScroll table{
  position: relative;
  width: 850px;
  margin-bottom: 20px;
}
.tableAkari {
    width: 645px !important;
}
.tableAkari th:first-child{
  position: -webkit-sticky;
  position: sticky;
  left: 0;
  z-index: 2;
}
.rCol_content .tableScroll table{
  border-top: 1px solid #c8c8c8;
  border-bottom: none;
}
.tableScroll table th, .tableScroll table td{
  font-size: 1.2rem;
}
.tableAkari th, .tableAkari td{
  position: relative;
  padding: 13px !important;
  border: none !important;
}
.tableAkari th{
  width: 105px !important;
}
.tableAkari td{
  width: 180px !important;
}
.tableScroll .bgLightBlue{ background: transparent}

.tableAkari th::before, .tableAkari td::before,
.tableScroll .boldBDBlueTop::before,
.tableScroll .boldBDBlueMid::before,
.tableScroll .boldBDBlueBottom::before,
.tableScroll .boldBDBlueTop::after,
.tableScroll .boldBDBlueMid::after,
.tableScroll .boldBDBlueBottom::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  border-right: 1px solid #c8c8c8;
  border-bottom: 1px solid #c8c8c8;
  z-index: -1;
}
.tableScroll tr th::before{
  border-right: 3px solid #c8c8c8 !important;
  border-left: 3px solid #c8c8c8 !important;
}
.tableScroll tr:first-child th::before{
  border-top: 2px solid #c8c8c8 !important;
  border-right: 3px solid #c8c8c8 !important;
  border-left: 3px solid #c8c8c8 !important;
}
.tableScroll tr:last-child th::before{
  border-right: 3px solid #c8c8c8 !important;
  border-left: 3px solid #c8c8c8 !important;
  border-bottom: 3px solid #c8c8c8 !important;
}
  
.tableScroll .boldBDBlueMid::before{
  border-right: 3px solid #006db5 !important;
  border-left: 3px solid #006db5 !important;
}
.tableScroll .boldBDBlueTop::before{
  border-top: 3px solid #006db5 !important;
  border-right: 3px solid #006db5 !important;
  border-left: 3px solid #006db5 !important;
}
.tableScroll .boldBDBlueBottom::before{
  border-right: 3px solid #006db5 !important;
  border-left: 3px solid #006db5 !important;
  border-bottom: 3px solid #006db5 !important;
}
.tableScroll .boldBDBlueTop::after,
.tableScroll .boldBDBlueMid::after,
.tableScroll .boldBDBlueBottom::after{
  background: #ecf3f9;
  z-index: -2;
}
#map_parking{
  height: 200px;
}
  
  /* 事例・相談会
  ================================================= */
  .listJirei .listCardBox a{
    padding: 15px;
  }
  .listJirei-local .listJirei_img{
    float: left;
    width: 110px;
    height: 63px;
    margin-bottom: 15px;
    padding: 0;
  }
  .listJirei-local .listJirei_dtl dd,
  .listNews-relation .listNews_cat{
    margin: 10px 0 15px !important;
    font-size: 1.2rem !important;
}
  .listJirei-local .listJirei_spTtl,
  .listNews-relation .listNews_dtl{
    clear: both;
    margin-bottom: 0 !important;
    padding-top: 10px;
    margin: 0;
    border-top: 2px dotted #eaeaea;
  }
  .listNews-relation .listNews_dtl{
    margin: 10px 15px;
    padding-bottom: 15px;
  }
  .listNews-relation .listCardBox{
    float: none;
    width: 100%;
    margin: 0 0 20px !important;
  }
  .listNews-relation .listCardBox_inner {
    padding-top: 0;
  }
  .listNews-relation .listNews_cat .listNews_cat_child{
    display: block;
    margin-top: 3px;
  }

  /* ========================================================

  不動産を売る

  ========================================================= */
  .msgBoxSale{
    margin-bottom: 45px;
    padding: 30px 0 0 0;
  }
  .msgBoxSale_inner{
    padding: 0 15px 1px;
  }
  .msgBoxSale_ttl{
    margin-bottom: 10px;
    margin-right: 0;
    font-size: 2rem;
  }
  .msgBoxSale p{
    line-height: 19px;
    font-size: 1.3rem;
  }
  .msgBoxSale_img{
    position: relative;
    top: -30px;
    left: 0;
    width: 100%;
    margin-bottom: -10px;
  }

  
  .consultBoxs-v2 .consultBox {
    margin-bottom: 45px !important;
    padding-bottom: 10px;
  }
  .consultBoxs-v2 .consultBox_subTtl{
    margin-bottom: 12px;
    font-size: 1.3rem;
  }
  .consultBoxs-v2 .consultBox:last-child .consultBox_ttl{
    margin-bottom: 30px;
  }
  .consultBoxs-v2 .consultBox_list,
  .consultBoxs-v2 .consultBox:last-child .consultBox_list{
    margin-bottom: 30px;
  }
  .consultBox:first-child .consultBox_list li:first-child,
  .consultBoxs-v2 .consultBox:first-child .consultBox_list li:first-child,
  .consultBoxs-v2 .consultBox:last-child .consultBox_list li:first-child{
    margin-bottom: 0;
  }
  .consultBoxs-v2 .consultBox_list li img {
    width: 105px;
    margin-right: 20px;
  }

  .rCol_content .saleTtl{
    margin: 55px 0 25px !important;
    font-size: 2rem !important;
  }

  .sodanBox_ttl{
    margin-bottom: 15px;
    padding: 30px 15px;
  }
  .sodanBox_ttl_txt{
    margin: -20px 0 15px;
    font-size: 2rem;
  }

  
  @media screen and (max-width: 320px){
    .msgBoxSale_ttl{
      font-size: 1.9rem;
    }
    .consultBoxs-v2 .consultBox_list li{
      font-size: 1.5rem;
    }
    .consultBoxs-v2 .consultBox_list li img {
      width: 78px;
    }
    .rCol_content .saleTtl{
      font-size: 1.9rem !important;
    }
  }
  
/* ========================================================

不動産買取りサービス

========================================================= */
.mvBox{
  margin-bottom: 45px;
}
.imgNopd img{
  padding: 0 !important;
}
  
/* メリット
================================================= */
.tableMerit{
  width: 485px !important;
}
.tableMerit th{
  width: 125px !important;
}
.tableMerit td{
  width: 180px !important;
}
  
.dlMerit-1{ padding-top: 12px}
.dlMerit-2{ padding-top: 22px}
.dlMerit-3{ padding-top: 55px}
.dlMerit-4{ padding-top: 30px}
.dlMerit-5{ padding-top: 4px}

.dlMerit_ttl_cap{
  margin: 0 0 5px 16px;
  font-size: 1.3rem;
}
.dlMerit_ttl{
  margin-bottom: 18px;
}
.dlMerit_ttl_cap .enFont{
  font-size: 1.7rem;
}
.dlMerit_ttl_txt{
  padding: 2px 26px 4px;
  font-size: 2rem !important;
  border-top: 2px solid #006db5;
  border-bottom: 2px solid #006db5;
  line-height: 1.2;
}
.dlMerit_ttl_txt::before,
.dlMerit_ttl_txt::after {
  top: -2px;
  width: 20px;
  height: calc(100% + 4px);
  background-image: url("../img/service/sale/purchase/bg_dlMerit_ttl_txt-before_sp.png");
  background-size: 20px auto;
}

.dlMerit-3 .dlMerit_ttl_cap{
  margin-left: 9px
}
.dlMerit-3 .dlMerit_ttl_txt{
  padding: 2px 20px 4px;
}
.dlMerit-3 .dlMerit_ttl_txt::before,
.dlMerit-3 .dlMerit_ttl_txt::after{
  width: 13px;
}
  
.dlMerit dd{
  margin-bottom: 30px;
  font-size: 1.7rem;
  line-height: 1.5;
}
.dlMerit-R{
  padding-left: 0;
}
.dlMerit_img,
.dlMerit-R .dlMerit_img{
  right: 0;
  top: 0;
  bottom: auto;
  left: auto;
}
  
.dlMerit_img img{  width: 100%}
.dlMerit-1 .dlMerit_img{ width: 98px}
.dlMerit-2 .dlMerit_img{ width: 85px}
.dlMerit-3 .dlMerit_img{ width: 104px}
.dlMerit-4 .dlMerit_img,
.dlMerit-5 .dlMerit_img{ width: 110px}
  
.dlMerit + .dlMame,
.dlMerit + div{
  margin-bottom: 45px;
}
  
@media screen and (max-width: 320px){
.dlMerit-1, .dlMerit-4, .dlMerit-5{ padding-top: 0}
.dlMerit-2{ padding-top: 12px}
.dlMerit-3{ padding-top: 18px}

.dlMerit-1 .dlMerit_img,
.dlMerit-2 .dlMerit_img,
.dlMerit-4 .dlMerit_img,
.dlMerit-5 .dlMerit_img{ width: 75px}
.dlMerit-3 .dlMerit_img{ width: 65px}

.dlMerit-1 .dlMerit_img{ top: 8px}
.dlMerit-5 .dlMerit_img{ top: 18px}
}

.dlMame{
  display: block;
  padding: 15px;
}
.dlMame:last-child{
  margin-bottom: 0;
}
.dlMame dt{
  width: 100%;
  margin-bottom: 10px;
  font-size: 1.5rem !important;
}
.dlMame dt .fSP{
  display: inline-block;
  margin-left: 5px;
}
.dlMame dd{
  width: 100%;
}

/* 選ばれる理由
================================================= */
.listArea{
  display: block;
}
.listArea li{
  min-height: 110px;
  padding-top: 0;
  border: 1px solid #006db5;
}
.listArea li:not(:last-child){
  margin: 0 0 15px;
}
.listArea dl{
  display: flex;
}
.listArea dt, .listArea dd{
  width: 50%;
}
.listArea_ttl{
  margin-bottom: 0;
  font-size: 2.5rem !important;
}
.listArea_ttl_cap{
  font-size: 1.5rem;
}
.listArea dt{
  padding-top: 32px;
}
  .listArea dd{
  padding: 12px 0 0 15px;
  text-align: left;
}
.listArea li:last-child dd{
  padding-top: 32px;
}
.tab-cont .copyBox{
    margin-top: 30px !important;
}
.tableArchives th, .tableArchives td {
  width: auto !important;
}

/* ========================================================

売却相談窓口

========================================================= */

/* 売却成約事例
================================================= */
.hottopicBox{
  margin-bottom: 30px;
}
.hottopicBox a{
  padding-top: 0;
}
.hottopicBox_ttl{
  padding: 0 15px 6px;
  font-size: 2rem;
}
.hottopicBox_ttl_en{
  font-size: 1.2rem;
}
.hottopicBox_img{
  width: 100%;
  height: auto;
  padding: 0 15px;
}
.hottopicBox_info{
  float: right;
  position: static;
  width: calc(100% - 45px);
  margin-top: -15px;
  margin-left: 45px;
}
.hottopicBox_info_inner{
  padding: 10px 15px 5px;
}
.hottopicBox_info .listNews_cat_child{
  font-size: 1.1rem;
}
.hottopicBox_info .hottopicBox_newsTtl{
  margin: 5px 0 5px;
  font-size: 1.4rem;
}
.hottopicBox_info dd{
  display: none;
}
  
/* ========================================================

H-Gallery

========================================================= */
.eventBox{
  margin: 50px 0 70px;
  padding: 0 0 0 45px;
}
.eventBox_inner{
  padding-bottom: 15px;
}
.eventBox_ttl{
  top: -18px;
  left: -45px;
  width: calc(100% + 45px);
  margin-bottom: 20px;
  font-size: 2rem !important;
}
.eventBox dd{
  left: -45px;
  width: calc(100% + 45px);
}
.eventBox .eventBox_gallery{
  width: 100%;
  position: relative;
  right: auto;
  left: -30px;
  margin-top: -10px;
}
.eventBox_date{
  margin-top: 10px;
  margin-bottom: 10px !important;
}
.createrProfileBox{
  padding-left: 110px;
}
.createrProfileBox_ttl{
  margin-bottom: 5px;
  font-size: 1.7rem !important;
}

.listPastEvents li{
  width: calc(50% - 7.5px);
  margin-bottom: 45px;
}
.listPastEvents li:nth-child(2n-1){
  margin-right: 15px;
}
.listPastEvents_img img {
  padding: 0 !important;
}
.listPastEvents_detail dt{
  font-size: 1.3rem !important;
}
.listPastEvents_detail dd{
  font-size: 1.1rem !important;
}
.listPastEvents_img_txt,
.listPastEvents_img_detail{
  display: none;
}
.modalEvent{
  width: calc(100% - 30px);
  margin-top: 70px;
  margin-left: auto;
  margin-right: auto;
  padding: 35px 15px 30px;
}
.modalEvent .eventBox{
  margin-right: -15px;
}
.modalEvent .eventBox dd,
.modalEvent .eventBox dd{
  padding-right: 15px;
}
.modalEvent .eventBox .eventBox_gallery{
  padding-right: 0;
}
  
.flexbox p{
  margin-right: 0;
}
.flexbox ul{
  flex: 1;
  margin-right: 15px;
}
.listHGUse{
  padding: 0 !important;
}
.listHGUse li{
  width: calc(100% - 75px);
}
.slideSP{
  margin-bottom: 75px;
  padding: 0 22px;
}
.slideSP li{
  float: left !important;
  margin-bottom: 0 !important;
}
.bukkenTab-listAround.slideSP li,
.bukkenTab-listAround.slideSP li img{
  padding: 0 !important;
}

.listHGUse .slick-prev,
.listHGUse .slick-next{
  top: 30%;
}
.listHGUse .slick-prev,
.slideSP .slick-prev{ left: 0}
.listHGUse .slick-next,
.slideSP .slick-next{ right: 0}  
.listHGUse .slick-slide{
    margin-left: 22px;
    margin-right: 22px;
}
.slideSP .slick-prev,
.slideSP .slick-next{
    margin-top: 0;
}
.listHGUse, .slideSP {
  opacity: 0;
  transition: opacity .1s linear;
}
.listHGUse.slick-initialized,
.slideSP.slick-initialized{
  opacity: 1;
}
@media screen and (max-width: 320px){
.listHGUse .slick-prev,
.listHGUse .slick-next{
  top: 24%;
}
}
.dlNormal dt{
  width: 120px;
}
.dlNormal dd{
  padding-left: 120px;
}
  
.policyBox{
  height: 300px;
}
.policyBox_inner{
  padding: 30px 15px;
}
.policyBox_ttl{
  margin-bottom: 30px;
  font-size: 1.4rem;
}
.policyBox p, .policyBox dd, .policyBox li{
  font-size: 1.2rem !important;
}

.cancelBox{
  padding: 20px 15px 20px;
  border-radius: 3px;
}
.cancelBox .relationBox_ttl{
  font-size: 1.7rem;
}
.groupTtl{
  margin: 10px 0 15px;
  font-size: 2rem;
}
.groupTxt{
  text-align: left;
  line-height: 1.5 !important;
}

  /* ========================================================

  社員紹介

  ========================================================= */

  /* 一覧
  ================================================= */
  /*.filterBox{
    margin-top: -110px;
    padding: 20px;
  }
  .filterBoxTtl{
    width: 60px;
    margin-right: 10px;
    padding-top: 12px;
    font-size: 1.4rem !important;
  }
  .filterBox select{
    height: 50px;
    width: calc(100% - 70px);
    padding: 0 10px;
    border: 1px solid #c8c8c8;
    border-radius: 10px;
  }*/

.staffMainTtl{
  font-size: 2.3rem !important;
}
.listPersonBox{
  margin: 55px -15px 0;
  padding: 23px 15px 30px;
}
.listPersonBox_ttl{
  top: -10px;
  left: 0;
  padding-left: 15px;
  font-size: 2rem;
  text-align: left;
}
.listPersonBox p{
  margin-bottom: -15px !important;
  text-align: left;
}
.listPerson li{
  margin: 45px 12px 0 0 !important;
}
.listPerson li:nth-child(2n-1){
  width: 50%;
  padding-right: 13px;
  border-right: 1px solid #a3cae3;
}
.listPerson li:nth-child(2n){
  width: calc(50% - 14px);
  margin-right: 0 !important;
}

.listPerson .listPerson_img{
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding-top: 66.6%;
  background: transparent;
  overflow: hidden;
}
.listPerson .listPerson_img img{
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: auto;
  height: 100%;
}
.listPerson_msg{
  display: none;
}
.listPerson_label{
  margin-bottom: 10px;
}
.listPerson .listPerson_name{
  display: block;
  margin: 0 0 -5px;
}
.listPerson .listPerson_kana{
  height: 10px;
}
.listPerson_msg_sp{
  margin-top: 14px;
}
.listPerson_msg_sp img{
  width: 100%;
  height: auto
}
  
/* 詳細
================================================= */
.bnav_img{
  top: -1px;
  height: 11px;
}
.profileBox{
  margin: -10px -15px 55px;
  padding: 0 15px 8px;
}
.profileBox_img{
  position: static;
  width: calc(100% + 30px);
  margin: 0 -15px 15px;
  padding: 0 15px;
  background: linear-gradient( #fff 80%, #ecf4f9 80%);
}
.profileBox_txt{
  padding-left: 0;
}
.profileBox_label{
  margin-bottom: 10px !important;
}
.profileBox_name{
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #9dc5e4;
}
.profileBox_name_img{
  height: 19px;
}
.profileBox_kana_img{
  height: 9px;
  margin-left: 10px;
}
.profileBox_detail{
  margin-bottom: 30px;
  padding-left: 0;
}
.profileBox_detail dt{
  width: 75px;
  margin-bottom: 8px;
  padding-top: 0;
  font-size: 1.4rem;
}
.profileBox_detail dd{
  padding-left: 75px;
  margin-bottom: 8px;
}
.profileBox_msg{
  display: block;
}
.profileBox_msg dt{
  width: 100%;
  margin-bottom: 15px;
}
.profileBox_msg dt img{
  width: 100%;
  height: auto;
}
.profileBox_msg dd{
  width: 100%;
}
.profileBox_msg_hashtag{
  margin-top: 10px;
  padding-left: 0;
}

  /* ========================================================

  提携専門家紹介

  ========================================================= */

  /* 一覧
  ================================================= */
  .listSigyoBoxs-last{
    margin-bottom: 30px;
  }
  .listSigyoBox a{
    padding: 12px 15px;
  }
  .listSigyoBox_img{
    width: 75px;
  }
  /*.listSigyoBox_txt{
    float: none;
    width: 100%;
  }*/
  .listSigyoBox_ttl{
    min-height: 75px;
    margin-bottom: 8px;
    padding-bottom: 12px;
    padding-left: 0;
  }
  .listSigyoBox_office{
    margin-left: 90px;
    padding: 0 0 0 28px;
    font-size: 1.7rem;
    letter-spacing: 0.1em;
    line-height: 1.5;
    background-size: auto 20px;
  }
  .listSigyoBox_name{
    margin: 10px 0 0 90px;
    font-size: 1.4rem;
  }
  .listSigyoBox_kana{
    font-size: 1.1rem;
  }
  .listSigyoBox_info dt{
    width: 80px;
    padding: 3px 0;
    font-size: 1.4rem;
  }
  .listSigyoBox_info dd{
    padding: 3px 0 3px 80px;
    font-size: 1.4rem;
  }
  .listSigyoBox_info dd:last-child{
    margin-bottom: -7px;
    padding-bottom: 3px;
  }

/* 詳細
================================================= */
.shigyoBox_ttl{
  margin: -5px auto 30px;
  font-size: 2.5rem;
  text-align: left;
  line-height: 1.3;
}
.shigyoBox{
  margin-bottom: 38px;
  padding: 30px 0 0 15px;
}
.shigyoBox_img{
  width: 100px;
}
.shigyoBox_txt{
  width: 100%;
  min-height: 0;
  padding: 20px 15px 5px 15px;
}
.shigyoBox_name{
  margin: 0 0 30px 85px;
  padding-bottom: 15px;
  font-size: 1.7rem;
  border-bottom: 1px solid #9dc5e4;
}
.shigyoBox_kana{
  font-size: 1.1rem;
}
.shigyoBox_detail{
  margin-bottom: 7px;
}
.shigyoBox_detail dt{
  clear: both;
  width: 80px;
  margin-bottom: 0;
}
.shigyoBox_detail dd{
  width: 100%;
  padding-left: 80px;
  margin-bottom: 0;
}
.shigyoBox_msg{
  text-align: center;
}
.shigyoBox_msg_inner{
  max-width: calc(100% - 15px);
  padding: 15px 25px;
  font-size: 1.25rem !important;
  line-height: 1.6 !important;
}
.shigyoBox_msg_inner::before,
.shigyoBox_msg_inner::after{
  width: 1px;
  height: 100%;
}
.shigyoBox_msg_inner::before{
  left: 0;
}
.shigyoBox_msg_inner::after{
  right: 0;
}
@media screen and (max-width: 320px){
  .shigyoBox {
      padding: 15px 0 0 15px;
  }
  .shigyoBox_msg_inner{
    max-width: calc(100% - 50px);
  }
}

/*.shigyoBox_msg::before, .shigyoBox_msg::after{
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 45px;
  height: 80px;
  background: url("../img/shigyo/bg_shigyobox_msg.png") no-repeat;
  z-index: -1;
}
.shigyoBox_msg::after{
  left: auto;
  right: 0;
}*/
.officeDetailBox{
  margin-bottom: 60px;
}
.officeDetailBox_ttl{
  font-size: 1.7rem !important;
}
.flexCol2 .flexCol:nth-child(2) dl{
  border: none;
}
.officeDetailBox dt{
  clear: both;
  width: 105px;
  padding: 15px 0 15px 15px;
}
.officeDetailBox dd{
  padding: 15px 0 15px 105px;
}
  
.acCaseTtl{
    margin: 15px 0 0;
    padding: 15px;
  }
.acCaseTtl dt{
  display: block;
  width: calc(100% - 35px);
  font-size: 1.4rem;
}
.acCaseTtl .acCaseTtl_label{
  margin-bottom: 5px;
}
.acCaseTtl dt .label{
  width: auto;
  padding: 2px 2px 3px 3px;
}
.acCaseTtl .acCaseTtl_msg{
  padding-right: 0;
  width: 35px;
}
.acCaseTtl .acCaseTtl_msg::before,
.acCaseTtl .acCaseTtl_msg::after{
  top: 0;
}
.acCaseTtl_ttl{
  width: 100%;
}
.acCaseTtl_msg_inner{
  display: none;
}

.acCaseDtl{
  padding: 0 15px 15px;
}
.acCaseDtl .acDtl_inner{
  padding: 1px 15px 15px;
}
.acCaseDtl_ba dt{
  margin-bottom: 10px;
  font-size: 1.4rem;
  font-weight: 500;
}
.acCaseDtl_ba dd{
  margin-bottom: 60px;
  line-height: 1.4 !important;
}
.acCaseDtl .commentBox_inner{
  margin-left: 60px;
}
.acCaseDtl .commentBox .commentBox_img{
  top: 42px;
  width: 50px;
}
.acCaseDtl .commentBox .commentBox_img_inner{
  height: 50px;
}
.acCaseDtl .commentBox dt::after{
  top: 67px;
  left: 45px;
  width: 25px;
}


/* ========================================================

物件情報

========================================================= */

/* 一覧
================================================= */
.rCol_inner-L{
  width: 100%;
}
.tab-menu-bukken .tab{
  width: calc(33.333% - 6.666px);
  padding-top: 3px;
}
.tab-menu-bukken .tab-active:not(last-child){
  padding-top: 8px;
}
.tab-menu-bukken .tab:last-child{
  padding-top: 14px;
}
.tab-menu-bukken .tab-active:last-child{
  padding-top: 20px;
}

.tab-menu-bukken .tab-link a{
  padding: 5px 0 4px;
}
.tab-menu-bukken .tab-link:last-child a{
  padding: 12px 0 13px;
}
  
.bukkenCategoriesBox .flexCol:nth-child(2){
  margin-top: 10px;
}
.bukkenCategoriesBox .flexCol:nth-child(2) dl{
  border: 2px solid #006db5;
}
.bukkenCategories{
  padding: 0;
}
.bukkenCategories_ttl{
  position: relative;
  margin-bottom: 0;
  padding: 21px 0 30px;
  font-size: 2.5rem !important;
}
.bukkenCategories_ttl::before, .bukkenCategories_ttl::after {
    content: '';
    display: block;
    width: 25px;
    height: 2px;
    background: #006db2;
    position: absolute;
    right: 20px;
    top: 41px;
}
.bukkenCategories_ttl::after {
    transform: rotate(90deg);
}
.active.bukkenCategories_ttl::after {
    transform: rotate(0deg);
}  

.bukkenCategories_dtl{
  display: none;
  padding: 0 30px 15px;
}
.bukkenCategories_list{
  display: block;
}
.bukkenCategories_list li{
  margin: 0 20px 13px 0;
  background-size: 15px auto;
}
  
/* 絞り込み
------------------------------------------ */
.bukkenFilter{
  margin: -30px -15px 50px;
  padding: 30px 30px 10px;
}
.bukkenFilter_ttl{
  margin-bottom: 0;
  font-size: 1.7rem !important;
}
.bukkenFilter .flexCol:first-child,
.bukkenFilter .flexCol:last-child{
  width: 100%;
  margin-top: 15px;
}

.bukkenFilter_search_ttl{
  margin-bottom: 5px;
  font-size: 1.4rem;
  color: #555;
}
.bukkenFilter_search_dtl .formList-inline{
  padding: 15px 5px 1px 15px;
  border-radius: 5px;
}
.bukkenFilter_search_cap{
  padding-left: 10px;
  font-size: 1rem !important;
}
.bukkenFilter .btn{
  margin-top: 30px;
  width: 230px;
}

.bukkenResult{
  margin-bottom: 15px;
}

/* 物件情報
------------------------------------------ */
.listBukkenBox a{
  padding: 30px 14px;
}
.listBukkenBox_img, 
.listBukkenBox_txt{
  float: none;
  width: 100%;
}
.listBukkenBox_img ul{
  display: flex;
}
.listBukkenBox_img li:first-child{
  margin-right: 5px;
}
.listBukkenBox_img li{
  width: calc(50% - 2.5px);
}
.listBukkenBox_img-trim{
  position: relative;
  padding-top: 75%;
  overflow: hidden;
}
.listBukkenBox_img-trim img{
  position: absolute;
  top: 50%;
  left: 50%;
  width: auto;
  height: 100%;
  transform: translate(-50%, -50%);
}

.listBukkenBox_icons li{
  margin: 0 10px 8px 0;
}
.listBukkenBox_ttl{
  font-size: 1.7rem;
}
.listBukkenBox_info{
  border-top: 1px solid #c8c8c8;
}
.listBukkenBox_info dt{
  width: 65px;
  padding: 7px 0;
  font-size: 1.1rem;
}

.listBukkenBox_info dd{
  padding: 7px 0 7px 65px;
  font-size: 1.1rem;
}

.listBukkenBox_info-first{
    display: flex;
  }
.listBukkenBox_info-first dt{
  float: none;
  padding: 7px 0 !important;
  align-items: center;



}
.listBukkenBox_info-first dd{
  width: calc(50% - 65px);
  padding: 7px 0 !important;
  border-bottom: none;
}
.listBukkenBox_price{
  font-size: 1.6rem;
}
.listBukkenBox_price_num{
  font-size: 2rem;
}

.listBukkenBox_label-new,
.listBukkenBox_label-price{
  position: absolute;
  top: 1px;
  left: 15px;
  width: auto;
}
.listBukkenBox_label-new span,
.listBukkenBox_label-price span{
  position: static;
  padding: 2px 6px 3px;
  font-size: 1.1rem;
  color: #006db5;
  background: #ff0;
}
.listBukkenBox_label-price span{
  top: 0;
  left: 14px;
}
.listBukkenBox_label-new::after,
.listBukkenBox_label-price::after{
  display: none;
}
.listBukkenBox_label-chukai{
  left: auto;
  right: 14px;
  background: #006db5;
  color: #fff;
}
.listBukkenBox_label-chukai span,
.bukkenInfo_tags .listBukkenBox_label-chukai span{
  width: 95px;
  line-height: 1em;
  padding: 1px 0 6px;
  font-size: 1.1rem;
}
.listBukkenBox_img-hover {
    display: none !important;
}
.bnJigyoBukken{
  margin: 90px 0 0;
}

/* ご成約済み
------------------------------------------ */
.listBukkenBox-sold a{
  padding: 30px 14px 15px;
}
.listBukkenBox-sold .listBukkenBox_img li:nth-child(2){
  display: block;
}
.listBukkenBox-sold .listBukkenBox_img li{
  position: static;
}
.listBukkenBox-sold .listBukkenBox_img{
  position: relative;
}
.listBukkenBox-sold .listBukkenBox_img_sold{
  height: calc(100% - 10px);
}
.listBukkenBox-sold .listBukkenBox_img_sold span{
  top: 50%;
  left: 50%;
  margin-top: -25px;
  margin-left: -70px;
  width: 140px;
  padding: 10px 0 11px;
  font-size: 1.7rem;
  border: 1px solid #fff;
}


/* 詳細
================================================= */
.bukkenInfo_dates{
  padding-bottom: 10px;
  border-bottom: 2px solid #c8c8c8;
}
.bukkenInfo_dates .flexCol:last-child{
  text-align: left;
}
.bukkenInfo_dates .flexCol:last-child li{
  margin: 5px 5px 0 0;
  font-size: 1.1rem !important;
}
.bukkenInfo_dates_renew{
  padding-left: 8px;
  border-left: 1px solid #999;
}
.bukkenInfo_dates .flexCol:last-child li:last-child{
  display: none;
}

.bukkenInfo_tags{
  position: relative;
  margin-bottom: 25px;
}
.bukkenInfo_tags .flexCol:first-child{
  width: calc(100% - 100px);
  padding-top: 2px;
}

.bukkenInfo_ttl{
  margin: 13px 0;
  font-size: 1.7rem;
}
.bukkenInfo_img,
.bukkenInfo_txt{
  float: none;
  width: 100%;
}

.bukkenInfo_txt .listBukkenBox_info{
  border-top: 1px solid #c8c8c8;
}
.bukkenInfo_txt .listBukkenBox_info dt{
  width: 65px;
  padding: 9px 0 9px;
  font-size: 1.1rem;
}
.bukkenInfo_txt .listBukkenBox_info dd{
  padding: 9px 0 9px 65px;
  font-size: 1.1rem;
}

#bksell26_slider{
  margin-bottom: 3px;
}
.bksell26-img img {
  width: 100%;
}
#bksell26_slider .slick-slide .caption {
  padding: 10px 15px;
  font-size: 1.1rem;
}
#bksell26_slider .slick-prev,
#bksell26_slider .slick-next{
  position: absolute;
  top: 45%;
  width: 30px;
  height: 45px;
  background: rgba(85,85,85,.6);
  border-radius: 0 5px 5px 0;
  z-index: 10;
  box-shadow: none;
}
#bksell26_slider .slick-prev{
  left: 0;
}
#bksell26_slider .slick-next{
  right: 0;
  border-radius: 5px 0 0 5px;
}
#bksell26_slider .slick-prev::before,
#bksell26_slider .slick-next::before{
  left: 12px;
  border-color: #fff;
}
#bksell26_slider .slick-next::before{
  left: 8px;
}
#bksell26_slider li{
  pointer-events: none;
}

.bksell26_thumbnail{
  padding: 0 0 12px 0;
}
.bksell26_thumbnail .bksell26_thumbnail_list{
  position: relative;
  width: calc(16.6666% - 1.6666px);
  margin: 0 2px 2px 0;
}
.bksell26_thumbnail .bksell26_thumbnail_list::before{
  display: block;
  content: '';
  padding-top: 100%;
}
.bksell26_thumbnail .bksell26_thumbnail_list_inner{
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.bksell26_thumbnail li img{
  width: 100%;
  height: 100%;
}
  
/* Modal
------------------------------------------ */
.mfp-bg {
    background: #333 !important;
    opacity: 0.85 !important;
}
.mfp-counter{
  display: none;
}
.mfp-container {
    padding-left: 0 !important;
    padding-right: 0 !important;
}
.mfp-title {
  text-align: left !important;
  padding: 10px 15px 0 !important;
  font-size: 1.4rem;
}
.mfp-arrow{
  top: 47.5% !important;
  width: 30px !important;
  height: 45px !important;
  background: rgba(85,85,85,.6) !important;
  border-radius: 0 5px 5px 0 !important;
  -webkit-transform: scale(1) !important;
  transform: scale(1) !important;
  box-shadow: none !important;
}
.mfp-arrow-right{
  border-radius: 5px 0 0 5px !important;
}
.mfp-arrow-left::before, .mfp-arrow-right::before {
  top: 18px !important;
  left: 8px !important;
  border-color: #fff !important;
}
.mfp-arrow-left::before {
  left: 12px !important;
}
.mfp-image-holder .mfp-close,
.mfp-inline-holder .mfp-close{
    right: 15px !important;
    width: 40px !important;
    height: 40px !important;
}
.mfp-inline-holder .mfp-close{
    top: -50px !important;
    right: -5px !important;
}
  
.bukkenInfo .btn-red{
  width: 290px;
  margin-bottom: 20px;
}
.bukkenInfo .btn-red .btn-inner{
  padding: 13px 10px 16px 23px;
}
.bukkenInfo .btn-red .btn-inner::after{
  top: 14px;
}
.bukkenInfo .btn-red .hid{
  display: none;
  }
.bukkenInfo_bukkenNo{
  font-size: 1.1rem;
}
  
.bukkenInfo .commentBox-bukken{
  margin: 85px 0 45px;
}
  
.commentBox-bukken .commentBox_inner {
    margin: 0 105px 0 0;
}
.commentBox-bukken  dt::after {
  left: auto;
  top: 45px;
  right: 85px;
}
.commentBox-bukken .commentBox_img{
  top: 0;
  left: auto;
  right: 0;
  width: 90px;
}
.commentBox-bukken .commentBox_img img{
  width: 90px;
  height: 90px;
}
.commentBox-bukken .commentBox_img a {
  font-size: 1.1rem;
}
  
/* タブ
------------------------------------------ */
.tab-menu-bukkenDetail .tab .fPC{
  display: none;
}
.tab-menu-bukkenDetail .tab .fSP{
  display: inline-block;
}
.tab-menu-bukkenDetail .tab{
  top: 15px;
  width: calc(25% - 3.75px);
  height: 55px;
  margin-right: 5px;
  font-size: 1.4rem;
}
.tab-menu-bukkenDetail .tab-active{
  top: 0;
  height: 70px;
}
.tab-menu-bukkenDetail.fixed{
  top: 70px;
  width: 100%;
  padding: 0;
  border: none;
}
.tab-menu-bukkenDetail.fixed .tab{
  position: static;
  width: 25%;
  height: 45px;
  margin-right: 0;
  background: #f5f5f5 !important;
  font-size: 1.3rem !important;
  color: #333;
  border: none;
  border-right: 1px solid #c8c8c8;
  border-bottom: 2px solid #c8c8c8;
  border-radius: 0;
  line-height: 1.2;
}
.tab-menu-bukkenDetail.fixed .tab-active{
  border-bottom: 4px solid #006db5;
}

.tab-contents-bukkenDetail{
  margin-bottom: 15px;
  padding: 30px 0 60px;
}

.tab-contents-bukkenDetail .tab-cont .h3Ttl{
  margin-top: 80px;
}
.tab-contents-bukkenDetail .tab-cont .h3Ttl:first-child{
  margin-top: 0;
}
.tab-contents-bukkenDetail img{
  max-width: 100%;
  padding: 0 15px;
}

/* タブ - おすすめポイント
------------------------------------------ */
.bukkenTab-recommend-2linePhoto li, .bukkenTab-imgZoom .w390{
  float: none;
  width: 100%;
  margin: 0 0 10px;
  padding: 0 15px;
  text-align: right;
}
.bukkenTab-recommend-2linePhoto li img, .bukkenTab-imgZoom .w390 img,
.tab-cont .list2linePhoto img{
  padding: 0;
}

/* タブ - 地図・周辺情報
------------------------------------------ */
.bukkenTab-listAround li{
  width: 100%;
  margin: 0 0 25px;
  padding: 0 15px;
}
.bukkenTab-listAround li br{
  display: none;
}
.bukkenTab-listAround img{
  margin-bottom: 5px;
  padding: 0;
}

/* タブ - 物件情報
------------------------------------------ */
.bukkenTab-infos, .bukkenTab-info{
  width: 100%;
}
.bukkenTab-info dt:nth-child(3), .bukkenTab-info dd:nth-child(4){
  border-top: none;
}
.bukkenTab-info dt, .bukkenTab-info dd{
  padding: 10px 15px 12px;
  border-top: none;
  font-size: 1.4rem;
}
.bukkenTab-info dt{
  width: 140px;
}
.bukkenTab-info dd,
.bukkenTab-infos .bukkenTab-info dd.oneLine{
  width: calc(100% - 140px);
}
.bukkenTab-infos-L .bukkenTab-info{
  width: 100%;
  margin: 30px 0;
}
.bukkenTab-info dd .listBukkenBox_price_num {
  font-size: 1.4rem;
}

/* タブ - 図面・間取り
------------------------------------------ */
.bukkenTab-imgZoom .w390{
  text-align: right;
  line-height: 1.8;
}
.bukkenPolicy{
  margin-left: 15px;
}
.snsBox{
  margin: 60px 0;
  text-align: center;
}
.snsBox dt{
  display: block;
  margin-bottom: 15px;
  font-size: 1rem;
}
.snsBox li{
  width: 40px;
  height: 40px;
  padding: 0 10px;
}
.snsBox li img{
  width: 40px;
  height: 40px;
}

/* 成約物件
------------------------------------------ */
.bukkenInfos{
  padding-bottom: 14px;
  margin-bottom: 45px;
}
.bukkenSoldBox{
  top: 14px;
  width: calc(100% - 30px);
  margin: 0 15px;
  padding: 30px 15px 15px;
  border-radius: 10px;
}
.bukkenSoldBox .bukkenSoldBox_ttl{
  margin-bottom: 15px;
  font-size: 2.5rem;
}
.bukkenSoldBox .txtCenter{
  margin-bottom: 15px !important;
  font-size: 1.4rem;
}
.bukkenSoldBox .commentBox{
  margin: 15px 0;
}

/* ========================================================

事例紹介

========================================================= */

/* 一覧
================================================= */

/* 詳細
================================================= */
.jirei_ttl{
  margin: 15px 0;
  font-size: 1.7rem;
  line-height: 1.4;
}
.jirei .rCol_content .flexCol2 {
    margin-bottom: 0;
}
.jirei .officeDetailBox dd.twoLine{
    padding: 15px 0 33px 105px;
}
.listFlow, .listFlow-vertical{
  overflow: hidden;
}
.listFlow li, .listFlow-vertical li{
  position: relative;
  background: #ecf3f9 url("../img/jirei/bg_flowV_mid.png") no-repeat 100% 100%;
  background-size: 100% auto;
  padding: 15px 15px 35px;
  text-align: center;
}
.listFlow .listFlow-step1Last,
.listFlow-vertical .listFlow-step1Last{
  background-image: url("../img/jirei/bg_flowV_mid-step1.png") !important;
}
.listFlow .listFlow-step2Last,
.listFlow-vertical .listFlow-step2Last{
  background-image: url("../img/jirei/bg_flowV_mid-step2.png") !important;
}
.listFlow li:first-child,
.listFlow-vertical li:first-child{
  padding-top: 15px;
}
.listFlow li:last-child,
.listFlow-vertical li:last-child{
  background-image: none;
  padding-bottom: 15px;
}
.listFlow-vertical li:before,
.listFlow-vertical li:after{
  display: none;
}

.listFlow dt{
  margin-bottom: 5px;
  font-size: 1.4rem;  
}
.listFlow dd{
  font-size: 1.4rem;
  text-align: left;
}

.copyBox{
  margin: 75px 0 60px;
}
.copyBox_inner{
  max-width: calc(100% - 60px);
  padding: 20px 0 20px 20px;
  font-size: 1.5rem;
}
.copyBox_inner::before,
.copyBox_inner::after{
  width: 1px;
}
.copyBox_inner::before{
  left: -10px;
}
.copyBox_inner::after{
  right: 0;
}
.copyBox-s .copyBox_inner{
  font-size: 1.4rem;
}
.copyBox-noBd .copyBox_inner{
  max-width: none;
}

.jirei .relationBox{
  margin-top: 60px;  
}
@media screen and (min-width:320px){
.copyBox_inner::after{
  right: -15px;
}
}

/* 詳細 - お客様体験談
================================================= */
.rCol_content-experience h4{
  margin: 30px 0 0 !important;
  padding-left: 38px;
  font-size: 1.4rem;
}
.rCol_content-experience h4::before{
  top: 8px;
  left: 0;
  width: 30px;
}
.rCol_content-experience .officeDetailBox{
  margin-bottom: -15px;
}

.commentBox-large{
  margin-bottom: 30px !important;
  padding-top: 105px;
}
.commentBox-large .commentBox_inner{
  margin-left: 0;
}
.commentBox-large_name{
  position: absolute;
  margin: 25px 0 0 105px;
  font-size: 1.4rem !important;
}
.commentBox-large dt::after {
  top: 85px;
  left: 45px;
  width: 1px;
  height: 30px;
}
.commentBox-large .commentBox_img{
  top: 0;
  left: 0;
  width: 90px;
}
.commentBox-large .commentBox_img_inner{
  height: 90px;
}

.commentBox-voice{
  margin: 25px 0 !important;
}
.commentBox-voice .commentBox_inner{
  margin-left: 70px;
  margin-right: 0;
  padding: 15px;
  border-radius: 0 10px 10px 10px;
}
.commentBox-voice .commentBox_img{
  top: -10px;
  width: 50px;
  font-size: 1.4rem;
}
.commentBox-voice .commentBox_img_inner{
  height: 50px;
}
.commentBox-voice .commentBox_img::after{
  top: 10px;
  left: 60px;
  border-width: 0 10px 10px 0;
}
.commentBox-voice.commentBox-R .commentBox_inner{
  margin-left: 0;
  margin-right: 70px;
  border-radius: 10px 0 10px 10px;
}
.commentBox-voice.commentBox-R .commentBox_img::after{
  right: 60px;
  border-width: 10px 10px 0 0;
}
.divideImg{
  margin: 45px -15px;
}

  
/* ========================================================

ニュース

========================================================= */

/* 一覧
================================================= */

/* Hot Topic
------------------------------------------ */
/*.hottopicBox{
  margin-bottom: 30px;
}
.hottopicBox a{
  padding-top: 25px;
}
.hottopicBox_ttl{
  padding: 0 15px 6px;
  font-size: 2rem;
}
.hottopicBox_ttl_en{
  font-size: 1.2rem;
}
.hottopicBox_date{
  top: 59px;
  padding: 3px 5px 3px 8px;
  font-size: 1.2rem;
}
.hottopicBox_img{
  width: 100%;
  height: auto;
  padding: 0 15px;
}
.hottopicBox_info{
  float: right;
  position: static;
  width: calc(100% - 45px);
  margin-top: -15px;
  margin-left: 45px;
}
.hottopicBox_info_inner{
  padding: 10px 15px 5px;
}
.hottopicBox_info .listNews_cat_child{
  font-size: 1.1rem;
}
.hottopicBox_info .hottopicBox_newsTtl{
  margin: 5px 0 5px;
  font-size: 1.4rem;
}
.hottopicBox_info dd{
  display: none;
}*/

/* インデックス
------------------------------------------ */
.newsIndex .listCardBox {
  margin: 0 0 20px !important;
}
.newsIndex .listCardBox_inner{
    position: static;
    padding-top: 0;
}
.newsIndex .listNews_time {
  padding: 10px 15px 0;
  font-size: 1.1rem !important;
}
.newsIndex .listNews_dtl{
  padding-top: 10px;
}
.newsIndex .listNews_cat_child{
  font-size: 1.1rem;
}
.newsIndex .listNews_dtl dd{
  display: block;
  font-size: 1.4rem;
}

/* 詳細
================================================= */
.newsInfo_category h2{
  margin-bottom: 10px;
  font-size: 2rem;
}
.newsInfo_category p{
  margin-bottom: 0 !important;
  letter-spacing: 0.1em;
}

.btnBox, .newsInfo .listBukkenBox_icons li:nth-child(2){
  display: none;
}
.newsInfo .listBukkenBox_icons li {
  margin: 0 20px 5px 0;
}
.newsInfo .bukkenInfo_dates .flexCol:last-child li:last-child{
  display: block;
}

.newsInfo_date{
  margin-bottom: 0 !important;
  font-size: 1.1rem !important;
}
.rCol_content-news p, .rCol_content-news span{
  font-size: 1.4rem !important;
}
  
/* ========================================================

お問い合わせ

========================================================= */

/* インデックス
================================================= */
.listInquiry .listCardBox{
  float: none;
  width: 100%;
  margin: 0 0 20px;
}
.listInquiry .listCardBox a{
  padding: 10px 15px 15px;
}
.listInquiry_ttl{
  margin-bottom: 10px;
  font-size: 2rem !important;
}
.listInquiry .listNormal li{
  margin-bottom: 3px;
  font-size: 1.1rem;
}
.listInquiry_img{
  right: 15px;
  bottom: 15px;
  width: 97px;
}
@media screen and (min-width:320px){ 
  .listInquiry_img{
    width: 80px;
  }
}
  
/* フォーム
================================================= */
.listStep{
  display: flex;
  width: calc(100% - 30px);
  max-width: 530px;
  margin: 0 15px 35px;
}
.listStep li{
  width: 31.5%;
  padding: 19px 0 20px 13px;
  letter-spacing: 0.1em;
}
.listStep li:nth-child(1){
  padding-left: 5px;
}
.listStep li:nth-child(2){
  width: 37%;
}
.listStep li:before{
  top: -11px;
  right: -15px;
  border-width: 40px 0 40px 20px;
}
.listStep li:after{
  top: -11px;
  right: -10px;
  border-width: 40px 0 40px 20px;
}
.listStep .listStep-active{
  font-size: 1.4rem;
}
.listStep .listStep-done{
  font-size: 1.4rem;
  padding: 28px 0 0 10px;
}
.listStep .listStep-done span{
  padding: 15px 0 0;
  background: url("../img/inquiry/icon_listStep_done.png") no-repeat 50% 0;
  background-size: 16px auto;
}

.formBox{
  padding-top: 5px;
}
.formBox_errorForm{
  margin: 25px 0 5px;
}
.formBox_errorForm_inner{
  padding: 12px 23px 14px 28px;
  font-size: 1.7rem;
}
.formBox dl{
  margin-bottom: 45px;
  padding: 0 15px 20px;
}
.formBox dt{
  float: none;
  width: 100%;
  padding: 25px 0 0;
  font-size: 1.7rem;
}
.formBox dd, .formBox .formBox_txt{
  padding: 8px 0 0;
}
.formBox .formBox_txt{
  font-size: 1.7rem;
}
.formBox-check, .formBox-check dl{
  padding: 0;
}
.formBox-check dt{
  float: none;
  width: 100%;
  padding: 20px 0 0;
  font-size: 1.4rem;
}
.formBox-check dd{
  padding: 10px 0 20px;
  font-size: 1.7rem;
}
.formBox-check_msg{
  font-size: 1.6rem !important;
}
.formBoxComplete{
  margin: 60px 0;
}
.formBoxComplete dt{
  margin-bottom: 15px;
  font-size: 1.5rem;
}
.dlPrivacy{
  margin: -10px 0 30px !important;
  padding: 0 !important;
}
.dlPrivacy dt{
  width: 90px;
  padding: 0;
}
.dlPrivacy dd{
  padding: 0;
  font-size: 1.4rem !important;
}
.dlMsg{
  margin-bottom: 40px;
  padding: 20px 15px;
}
.dlMsg dt{
  margin-bottom: 10px;
}
.dlMsg dd:not(:last-child){
  margin-bottom: 8px;
}

/* フォームパーツ
--------------------------*/
.formBox_cap{
  font-size: 1.1rem;
}
.formBox_rec{
  padding-left: 7px;
  font-size: 1.1rem;
}
.formBox_lines{
  margin-bottom: 15px;
}
.formBox_radiolist li{
  margin-bottom: 10px;
}
.formBox_policy{
  font-size: 1.7rem !important;
}
.formBox_policy .inputCheckbox input[type="checkbox"] + span {
    position: relative;
    padding: 30px 0 0;
}
.formBox_policy .inputCheckbox input[type="checkbox"] + span::before{
  left: 50%;
  margin-left: -10px;
}
.formBox_policy .inputCheckbox input[type="checkbox"] + span::after{
  left: 50%;
  margin-left: -3px;
}
  
.formBox_btnBox{
  margin-top: 45px;
  display: block;
}
.formBox_btnBox .btn{
  margin-left: auto;
  margin-right: auto;
}
.formBox_btnBox .btn-white .btn-inner{
  padding: 14px 0 16px;
}
.formBox_btnBox input[type=submit]{
  padding: 8px 0 13px;
  font-size: 1.7rem;
}
.formBox label.error{
  font-size: 1.4rem;
}
  
  /* ========================================================

  サイト内検索

  ========================================================= */
  .listSearch .listJirei_dtl {
    padding: 0;
}
  .listSearch .listJirei_dtl dd{
    margin-top: 0;
    line-height: 1.4;
  }
  .listSearch .listJirei_dtl .listSearch_url{
    font-size: 1.1rem;
  }
  @supports (-webkit-line-clamp: 3) {
    .listSearch .listJirei_dtl dd{
      display: -webkit-box;
      overflow: hidden;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
    }
  }
  
/* ========================================================

事業用

========================================================= */
.rCol-B .topTtlH3{
  letter-spacing: 0.1em;
}
.topMV-B{
  padding-top: 250px;
  margin-bottom: 42px;
}
.topMV-B_ttl{
  position: absolute;
  top: 30px;
  left: 0;
  font-size: 2.5rem;
  letter-spacing: 0.05em;
}
.topMV-B_ttl .topMV-B_ttl_txt{
  margin-bottom: 10px;
  padding: 14px 10px;
  box-shadow: 4px 4px 10px 0 rgba(0,61,102,.15);
}
.topMV-B_msg{
  position: relative;
  top: -18px;
  left: 30px;
  width: calc(100% - 30px);
  height: auto;
  padding: 30px;
  font-size: 1.4rem;
  letter-spacing: 0.1em;
}
.topMV-B_bg{
  position: absolute;
  top: 0;
  width: 100%;
  height: 250px;
  margin-left: 0;
  background-size: cover;
}
.topMV-B_bg li{
  height: 250px;
}
@media screen and (max-width: 360px){
  .topMV-B_ttl{
    font-size: 2.1rem;
  }
  .topMV-B_msg{
    padding: 25px 20px;
    letter-spacing: 0.05em;
  }
}

/* メッセージ
================================================= */
.topMsg-B{
  padding-bottom: 55px;
}
.topMsg-B_ttl{
  font-size: 2rem;
  line-height: 1.4;
}
.topMsg-B p{
  line-height: 19px;
}
@media screen and (max-width: 320px){
.topMsg-B_ttl{
  font-size: 1.8rem;
  letter-spacing: 0.15em;
}
}
  
/* 物件紹介
================================================= */
.topBukken-B{
  padding: 1px 0 40px;
}
.topBukken-B .rCol_inner{
  padding: 0;
}
.topBukken-B .listCardBox{
  margin-bottom: 5px;
}
.topBukken-B .listBukkenBox_ttl{
  font-size: 1.5rem;
}
.topBukken-B .listBukkenBox_info-first{
  flex-wrap: wrap;
  border-bottom: none;
}
.topBukken-B .listBukkenBox_info-first dt{
  width: 65px;
  padding: 3px 0 !important;
}
.topBukken-B .listBukkenBox_info-first dd{
  width: calc(100% - 65px);
  padding: 3px 0 !important;
}
.topBukken-B .listBukkenBox_info dt:first-child{
  padding-top: 7px;
}
.topBukken-B .listBukkenBox_info-first dt:nth-child(3),
.topBukken-B .listBukkenBox_info-first dd:nth-child(4){
  border-top: 1px solid #c8c8c8;
}

/* メールニュース
================================================= */
.topMail-B{
  padding: 0 15px 60px;
}
.topMail-B .rCol_inner{
  padding: 25px 0 30px;
  border-radius: 0;
}
.topMail-B h4{
  margin: 25px 0 15px;
  font-size: 1.7rem;
}
.topMail-B_form{
  width: 100%;
  display: block;
  padding: 0 15px;
}
.topMail-B_form_input{
  width: 100%;
}
.topMail-B_form_input input{
  width: 100%;
  margin-bottom: 15px;
  padding: 12px 15px;
  background: #f5f5f5;
}
.topMail-B_form_btnBox{
  width: 100%;
  margin-left: 0;
}
.topMail-B_form_btnBox .btn{
  width: 230px;
}
.topMail-B_form_btnBox .btn-inner{
  display: block;
  width: 100%;
  padding: 10px 0 13px;
  font-size: 1.8rem;
  letter-spacing: 0.1em;
}
.topMail-B_cap{
  margin: 20px 15px 0;
  font-size: 1.1rem !important;
}

.topJirei-B .rCol_inner{
  padding: 0 0 35px;
}
.topJirei-B .topTtlH3{
  font-size: 1.5rem;
}
.topJirei-B .listJirei_dtl dd {
    padding-top: 0;
}
@media screen and (max-width: 320px){
  .topJirei-B .topTtlH3_large{
    font-size: 2.4rem;
  }
}
.topNews-B .rCol_inner{
  padding: 0;
}
.topAccess-B{
  margin-top: 3px;
  padding-bottom: 45px;
}  

/* 物件情報ページ
================================================= */
.biz .bukkenCategoriesBox .flexCol:first-child,
.biz .bukkenCategoriesBox .flexCol:last-child{
  width: 100%;
}
.biz .bukkenCategoriesBox .flexCol:nth-child(2) dl {
  border-color: #003d66;
}
.biz .bukkenCategories_dtl{
  padding: 0 30px 15px;
}
.biz .bukkenCategories_ttl::before,
.biz .bukkenCategories_ttl::after{
  background: #003d66;
}
  
/* ========================================================

マージン調整

========================================================= */
.bnFaq + .cvBox, .relationBox + .relationBox,
.relationBox + .serviceBox{
  margin-top: 60px;
}
.bnFaq + .relationBox{
  margin-top: 60px;
}
.bukkenResult + .btn{
  margin-top: 60px;
}

}