/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

h1{ font-size: 3.0rem; text-align: center;}
h2{ font-size: 2.5rem; text-align: center;}}
h3{ font-size: 1.8rem; text-align: center;}



/*------------------------------------------------------*/
/*  contact */
/*------------------------------------------------------*/
.contact-title { margin-bottom: 40px; }

.contact-lead { width: 86.6%; max-width: 750px; margin: 0 auto; font-size: 1.3rem; margin-bottom: 30px; text-align: center; }

.hs_cos_wrapper_type_form { width: 86.6%; max-width: 750px; margin: 0 auto; }

.contact-form form { width: 86.6%; }

.hs_cos_wrapper_type_form form, .contact-form form { max-width: 750px; margin: 0 auto; }

.hs_cos_wrapper_type_form form label, .contact-form form label { display: inline-block; margin-bottom: 5px; }

.hs_cos_wrapper_type_form form label span, .contact-form form label span { font-size: 1.3rem; line-height: 2.0rem; font-weight: 700; }

.hs_cos_wrapper_type_form form label span.hs-form-required, .contact-form form label span.hs-form-required { color: #ff0000; }

.hs_cos_wrapper_type_form form fieldset, .contact-form form fieldset { max-width: 100%; margin-bottom: 20px; }

.hs_cos_wrapper_type_form form input[type=text], .hs_cos_wrapper_type_form form input[type=tel], .hs_cos_wrapper_type_form form input[type=email], .contact-form form input[type=text], .contact-form form input[type=tel], .contact-form form input[type=email] { box-sizing: border-box; -webkit-box-sizing: border-box; width: 90%; height: 45px; font-size: 1.6rem; border: none; background: #f4f4f4; padding: 0 10px; }

@media screen and (max-width: 400px) { .hs_cos_wrapper_type_form form input[type=text], .hs_cos_wrapper_type_form form input[type=tel], .hs_cos_wrapper_type_form form input[type=email], .contact-form form input[type=text], .contact-form form input[type=tel], .contact-form form input[type=email] { width: 100% !important; } }

.hs_cos_wrapper_type_form form textarea, .contact-form form textarea { box-sizing: border-box; -webkit-box-sizing: border-box; width: 90%; height: 135px; font-size: 1.6rem; line-height: 35px; border: none; background: #f4f4f4; padding: 0 10px; }

@media screen and (max-width: 400px) { .hs_cos_wrapper_type_form form textarea, .contact-form form textarea { width: 100% !important; } }

.hs_cos_wrapper_type_form form select, .contact-form form select { box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; height: 45px; font-size: 1.6rem; line-height: 45px; border: none; padding: 0 10px; background: url(https://2864453.fs1.hubspotusercontent-na1.net/hubfs/2864453/image/renewal2018/common/select_arrow.png) no-repeat 99% center #f4f4f4; background-size: 35px 35px; -webkit-background-size: 35px 35px; }

@media screen and (max-width: 400px) { .hs_cos_wrapper_type_form form select, .contact-form form select { width: 100% !important; } }

.hs-error-msgs { color: #035b90; margin-top: 5px; font-size: 1.1rem; }

.hs_cos_wrapper_type_form form label span.hs-form-required { color: #035b90; position: relative; margin-left: 5px; top: 3px; }

.hs-form-booleancheckbox label { position: relative; padding-left: 20px; font-size: 1.3rem; }

.hs-form-booleancheckbox label::after { content: ''; width: 5px; height: 8px; position: absolute; left: 7px; top: 50%; margin-top: -6px; -ms-transform: rotate(39deg); transform: rotate(39deg); -webkit-transform: rotate(39deg); border-bottom: 2px solid #2d2d2d; border-right: 2px solid #2d2d2d; opacity: 0; filter: alpha(opacity=0); }

input[type=checkbox]:checked + .hs-form-booleancheckbox label::after { opacity: 1; filter: alpha(opacity=100); }

.hs-form-booleancheckbox label::before { position: absolute; top: 50%; left: 0px; display: block; margin-top: -10px; width: 20px; height: 20px; content: ''; background: #f4f4f4; }

.hs-form-booleancheckbox label.-checked::after { opacity: 1; filter: alpha(opacity=100); }

.hs_submit { text-align: center; margin-top: 40px; }

.hs_submit > .actions { display: inline-block; height: 90px; color: #fff; background: #035b90; border-radius: 45px 45px; -moz-border-radius: 45px 45px; -webkit-border-radius: 45px 45px; -o-border-radius: 45px 45px; -ms-border-radius: 45px 45px; position: relative; margin: 0 auto; cursor: pointer; }

.hs_submit > .actions > p { position: relative; }

.hs_submit > .actions::before { content: ''; width: 0; height: 90px; position: absolute; left: 50%; top: 0; background: #2d2d2d; border-radius: 45px 45px; -moz-border-radius: 45px 45px; -webkit-border-radius: 45px 45px; -o-border-radius: 45px 45px; -ms-border-radius: 45px 45px; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

.hs_submit > .actions:hover::before { width: 100%; left: 0; }

.hs_submit > .actions .hs-button { background: none; color: #fff; display: block; width: 100%; font-size: 1.7rem; position: relative; line-height: 90px; letter-spacing: 0.02em; cursor: pointer; font-weight: 700; padding: 0 50px; min-width: 200px; box-sizing: border-box; -webkit-box-sizing: border-box; }

@media screen and (max-width: 750px) { .hs_submit > .actions .hs-button { font-size: 1.5rem; } }

@media screen and (max-width: 486px) { .hs_submit > .actions .hs-button { text-align: center; padding: 0; } }

.contact-tel { padding-top: 30px; }

.contact-tel .inner { margin-bottom: 48px; }

.contact-tel .inner > h2 { text-align: center; font-size: 2.4rem; line-height: 3.2rem; font-weight: bold; margin-bottom: 31px; }

@media screen and (max-width: 486px) { .contact-tel .inner > h2 { max-width: 86%; margin: 0 auto 31px auto; font-size: 1.8rem; line-height: 2.4rem; } }

.contact-tel .inner h3 { text-align: center; font-size: 1.7rem; font-weight: 700; margin-bottom: 11px; }

.contact-tel .inner > .tel { text-align: center; position: relative; margin-bottom: 54px; }

.contact-tel .inner > .tel > .icon { width: 35px; position: absolute; left: 50%; margin-left: -129px; top: -4px; }

.contact-tel .inner > .tel > span, .contact-tel .inner > .tel > a { font-size: 2.7rem; font-weight: 700; letter-spacing: -.01em; }

.contact-formwrap { max-width: 1000px; margin: 0 auto; padding-bottom: 150px; }

.contact-tab > ul { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-justify-content: space-between; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-align-items: flex-start; }

.contact-tab > ul > li { width: 33.3%; text-align: center; padding-bottom: 30px; position: relative; cursor: pointer; box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 112px; }

@media screen and (max-width: 639px) { .contact-tab > ul > li { padding-left: 5%; padding-right: 5%; padding-bottom: 20px; min-height: 70px; } }

.contact-tab > ul > li > span { font-size: 1.6rem; font-weight: 500; display: inline-block; position: relative; }

.contact-tab > ul > li > span::after { content: ''; position: absolute; left: 50%; bottom: -2px; width: 0; height: 1px; background: #035b90; -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; }

@media screen and (max-width: 639px) { .contact-tab > ul > li > span { font-size: 1.4rem; } }

.contact-tab > ul > li > p { margin-top: 10px; font-size: 1.2rem; line-height: 1.8rem; }

.contact-tab > ul > li:hover > span::after { width: 100%; left: 0; }

.contact-tab > ul > li.-current { cursor: default; }

.contact-tab > ul > li.-current > span { color: #035b90; }

.contact-tab > ul > li.-current::after { content: ''; display: block; position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 12px 9px 12px; border-color: transparent transparent #035b90 transparent; margin-left: -12px; left: 50%; bottom: 0px; }

.contact-tab > ul > li.-current:hover > span::after { width: 0; left: 50%; }

.contact-form { padding-top: 40px; border-top: 3px solid #035b90; }

.contact-form .item { display: none; }

.contact-form .item.-current { display: block; }

.contact-access { padding-bottom: 80px; width: 86.6%; max-width: 1120px; margin: 0 auto; }

.contact-access h3 { text-align: center; font-size: 1.7rem; font-weight: 700; margin-bottom: 11px; }

.contact-access .map { width: 100%; height: 450px; margin-bottom: 30px; }

@media screen and (max-width: 486px) { .contact-access .map { height: 350px; } }

.contact-access .address { font-size: 1.4rem; line-height: 2.4rem; }
.sp_w_half{width: 80%;}
.flow_left_item_top{background-color:rgba(89,109,115,0.83);color:white;padding:1.5rem 0;font-weight:bold;text-align:center;}
.flow_left_item{background-color:rgba(3,47,60,0.8);color:white;padding:3rem 0;font-weight:bold;text-align:center;}
.flow_right_item_top{background-color:rgba(154,115,101,0.83);color:white;padding:1.5rem 0;font-weight:bold;text-align:center;}
.flow_right_item{background-color:rgba(54,46,43,0.8);color:white;padding:3rem 0;font-weight:bold;text-align:center;}
.red-down-arrow img{width: 60px;}
.introduction{background-color:#81979d;padding:8rem 0;}
.introduction .intro_content{border: 4px solid #fff;}
.introduction .intro_content .intro_txt{padding: 4rem 0 6rem;}
ul.txt_content{padding:4rem 20vw 4rem 14rem;background-color: rgba(240,242,241,0.9);margin-left: calc(-8rem - 4px);width: 95%;
    clip-path: polygon( 0 0, /* left top */ 100% 0, /* right top */ 80% 100%, /* right bottom */ 0 100% /* left bottom */ );
}
ul.txt_content li.list-item{background: url('https://remotelock.kke.co.jp/hubfs/lp/public_property/img/50.png') no-repeat left 0 top 6px;background-size: 40px;padding-left: 50px;}
ul.txt_content li .list_title{color:#0c605b;margin-bottom:5px;}
.intro_title{margin-top:-2.2vw;}
.intro_title .title_bg{background-color: #81979d;padding: 1rem 4rem;}
.entry_man{width: 35%;float: right;margin-right: 2rem; margin-top: -33%;position: relative;}
.flow_sub_title{margin-left: -10%;}
.logo{
    position: absolute;
    top: 2vw;
    left: 2vw;
    width: 35vw;
  text-align:center;
}
.logo h1{font-size: 4.2vw;font-weight: bold;}
.logo h1 span{font-size: 2vw;font-weight: bold;color: #032F3C;}
.hs_submit>.actions .hs-button:hover{background-color: black;}
a:hover{opacity: 0.6;}
#tab1:hover, #tab2:hover, #tab3:hover{opacity: 0.5;}
.sticky .sticky__documents--link:hover{opacity: 0.8;}
@media print, screen and (min-width: 1010px){    
  h5.sub_banner{font-size: 2.2rem !important;}
  h5.cp_detail{font-size: 2.2rem !important;}
  ul.txt_content{padding:4rem 9vw 4rem 14rem;background-color: rgba(240,242,241,0.9);margin-left: calc(-8rem - 4px);width: 95%;
    clip-path: polygon( 0 0, /* left top */ 100% 0, /* right top */ 80% 100%, /* right bottom */ 0 100% /* left bottom */ );
  }
  .entry_man{width: 35%;float: right;margin-right: 2rem; margin-top: -33%;position: relative;}
}

@media screen and (max-width: 767px) {
  .sp_w_half{width: 50%;}
  .introduction{padding: 4rem 2rem;}
  .intro_title {margin-top: -4vw;}
  .introduction .intro_content .intro_txt {padding: 2rem 0 4rem;}
  ul.txt_content {
    padding: 2rem 14vw 2rem 4rem;
    margin-left: calc(-2rem - 4px);
    width: 100%;
  }
  ul.txt_content li.list-item {
    background: url(https://remotelock.kke.co.jp/hubfs/lp/public_property/img/50.png) no-repeat left 0 top 6px;
    background-size: 40px;
    padding-left: 45px;
  }
  .entry_man{
    width: 30%;
    float: right;
    margin-right: .5rem;
    margin-top: -28%;    
  }
  .case_detail{font-size:3.2vw;}
}
@media screen and (max-width: 414px){
  ul.txt_content li.list-item {
    background: url(https://remotelock.kke.co.jp/hubfs/lp/public_property/img/50.png) no-repeat left 0 top 3px;
    background-size: 25px;
    padding-left: 30px;
  }
  .flow_sub_title{margin-left: -15%;}
}
@media screen and (max-width: 375px){
  ul.txt_content {
      padding: 2rem 11vw 2rem 4rem;
  }
}

/*------------------------------------------------------*/
/*  cookie */
/*------------------------------------------------------*/
#hs-banner-parent #hs-eu-cookie-confirmation {
  width: 100% !important;
  max-width: 100% !important;
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
  border-top: 1px solid #ececec;
  bottom: 0 !important;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container {
  width: 37px;
  height: 37px;
  position: absolute;
  right: 90px;
  top: 12px;
  border-radius: 50% 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  border: 1px solid #035b90;
  background: #fff;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  display: none !important;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container button {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 0;
  line-height: 0;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container button svg {
  width: 12px;
  height: 12px;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container button svg path {
  fill: #035b90;
}
@media screen and (min-width: 751px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container:hover {
    background: #035b90;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container:hover button svg path {
    fill: #fff;
  }
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
  padding: 34px 90px 34px;
  gap: 10px;
  min-height: auto;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner div, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner p {
  color: #000;
  font-size: 1.5rem;
  line-height: 3.6rem;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area {
  position: absolute;
  right: 90px;
  top: 50%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording {
  padding-right: 360px;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a {
  border-bottom: 1px solid #000;
}
@media screen and (min-width: 751px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording a:hover {
    border-bottom: none;
  }
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-disclaimer {
  padding-right: 280px;
  font-size: 1.2rem;
  line-height: 2.4rem;
  gap: 5px;
  display: none;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-disclaimer::before {
  content: "※";
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-confirmation-button, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-decline-button {
  font-size: 1.6rem;
  line-height: 4.6rem;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
  border: 1px solid #035b90;
  min-width: 156px;
  height: 48px;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: 500;
  text-decoration: none;
}
@media screen and (min-width: 751px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-confirmation-button:hover, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button:hover, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-decline-button:hover {
    background: #fff;
    color: #035b90;
  }
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button {
  color: #035b90;
}
@media screen and (min-width: 751px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button:hover {
    background: #035b90;
    color: #fff;
  }
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
#hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons #hs-eu-decline-button {
  display: none;
}
@media screen and (max-width: 1400px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container {
    right: 4vw;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
    padding-left: 4vw;
    padding-right: 4vw;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area {
    right: 4vw;
  }
}
@media screen and (max-width: 1000px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-confirmation-buttons-area {
    position: relative;
    right: 0;
    top: 0;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 20px;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording {
    padding-right: 0;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-disclaimer {
    padding-right: 0;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
@media screen and (max-width: 750px) {
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container {
    width: 21px;
    height: 21px;
    right: 4.6vw;
    top: 13px;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-header-container button svg {
    width: 9px;
    height: 9px;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner {
    padding-top: 26px;
    padding-left: 7.6vw;
    padding-right: 7.6vw;
    padding-bottom: 30px;
    margin-top: 18px;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner div, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner p {
    font-size: 1.2rem;
    line-height: 2.2rem;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-policy-wording {
    padding-right: 0;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-confirmation-inner #hs-eu-cookie-disclaimer {
    padding-right: 0;
    font-size: 1rem;
    line-height: 2rem;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-confirmation-button, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-cookie-settings-button, #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-decline-button {
    font-size: 1.2rem;
    line-height: 3.4rem;
    height: 36px;
    min-width: 138px;
  }
  #hs-banner-parent #hs-eu-cookie-confirmation #hs-eu-opt-in-buttons {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

#hs-modal #hs-modal-content #hs-modal-accept-all {
  border: 1px solid #035b90;
  background: #035b90;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media screen and (min-width: 751px) {
  #hs-modal #hs-modal-content #hs-modal-accept-all:hover {
    background: #fff;
    color: #035b90;
  }
}
#hs-modal #hs-modal-content #hs-modal-save-settings {
  border: 1px solid #035b90;
  color: #035b90;
  font-family: "Noto Sans JP", -apple-system, BlinkMacSystemFont, "Hiragino Sans", "Hiragino Kaku Gothic ProN", "游ゴシック  Medium", meiryo, sans-serif;
  font-weight: 500;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-out 0s;
  transition: all 0.2s ease-out 0s;
}
@media screen and (min-width: 751px) {
  #hs-modal #hs-modal-content #hs-modal-save-settings:hover {
    background: #035b90;
    color: #fff;
  }
}
#hs-modal #hs-modal-content #hs-categories-container .hs-category-row .hs-toggle-switch.hs-toggle-selected-flag {
  background-color: #035b90;
  border-color: #035b90;
}
#hs-modal #hs-modal-content #hs-categories-container .hs-category-description.visible {
  margin-top: 10px;
}
@media screen and (max-width: 750px) {
  #hs-modal #hs-modal-content #hs-modal-footer {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  #hs-modal #hs-modal-content #hs-modal-accept-all, #hs-modal #hs-modal-content #hs-modal-save-settings {
    height: 36px;
    min-width: 138px;
    font-size: 1.2rem;
  }
}