@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,500,700");
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
html,
body {
  font-display: swap;
  font-family: "YakuHanJP", "Helvetica Neue", "Helvetica", Arial, "Yu Gothic", YuGothic,  "Hiragino Kaku Gothic Pro",  "Hiragino Sans", "Noto Sans JP", Meiryo, Roboto, sans-serif !important;
  font-feature-settings: "palt" 1 !important;
}
@media all and (-ms-high-contrast: none)  {
  html {
    font-family: Verdana, Meiryo, sans-serif !important;
  }
}
@media all and (-ms-high-contrast: active) {
  html {
    font-family: Verdana, Meiryo, sans-serif !important;
  }
}
a:hover{
transition: 0.3s ease-in-out;
}
.alert-info{
  display:none;
}

/*icon*/
#back2top{
  z-index: 1000;
  padding: 0;
  position: absolute;
  right: 12px;
  bottom: 120px !important;
}
.page-scroll{
 color:rgba(52, 73, 94,1);
 font-size:16px;
 text-decoration: none;
}
a .icon-arrow_up{
  background: rgba(255, 255, 255,1);
  box-shadow: 0 0 5px 0 #333;
  width: 48px;
  height: 48px;
  display: block;
  border-radius: 50%;
}
a:hover .icon-arrow_up{
  background:rgba(52, 73, 94,1);
  transition: all .3s;
}
.icon-arrow_up:before {
  content: '';
  width: 16px;
  height: 16px;
  display: block;
  border-top: 6px solid #34495e;
  border-right: 6px solid #34495e;
  border-radius: 3px;
  position: absolute;
  top: 35%;
  left: 33%;
  bottom: 0;
  right: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
}
.icon-arrow_up:hover:before {
  border-top: 6px solid #fff;
  border-right: 6px solid #fff;
  opacity: 1;
}
/* base */
#K3_container{
width:100%;
margin: 0 auto;
padding: 0px;
}
#K3_container hr{
  display: none;
  }
  #K3_container form{
    width:100%;
    margin: 0 auto;
    padding: 24px;
    box-shadow: 0 0 10px 0 rgba(51,51,51,.1);
    border: .82px solid #eaeaea !important;
    }
input.form-control {
  border-radius: 6px;
  height: auto;
  font-size: 12px;
  padding: 10px 4px;
}
textarea.form-control {
  border-radius: 6px;
  max-height: 90px;
  min-height: 100px;
  font-size: 1.2rem;
}
.form-control,
input,
select,
.controls select {
  border-radius: 6px;
  padding: 10px 5px;
  height: auto;
  font-size: 1.2rem;
}
input[type="checkbox"],
input[type="radio"]{
  background: #ccc !important;
  border: .82px solid #ccc !important;
}
div#K3_header{
width: 100%;
height: 72px !important;
position: sticky !important;
position: -webkit-sticky !important;
top: 0;
z-index:100;
padding:0px !important;
background: rgba(255,255,255,1);
box-shadow: 0 0 5px rgba(51,51,51,.1);
}
#K3_header_inner{
padding:12px !important;
height: 72px !important;
}
header{
  display: flex !important;
  flex-direction: row;
  justify-content:flex-start ;
  align-items: flex-end;
  height: 100%;
  }
  header p.hd-logo-image img{
    display: block;
    width: 72px;
    height: auto;
    }
div#K3_headline{
text-align:  center !important;
margin:0 !important;
}
div#K3_headline h1{
  position: relative;
  color: #34495e;
  font-size: 3.6rem;
  font-weight: 700;
  margin:36px 0;
}
  div#K3_headline h2:empty{
    margin: 0 !important;
    padding: 0 !important;
    }
    div#K3_content h3,
    div#K3_content p {
      text-align:center!important;
      }
      div#K3_content h3{
      border-bottom: .82px solid #eee!important;
      font-weight: 600;
      padding:12px 0!important;
      }
 div.form-description{
margin: 24px auto !important;
padding: 0 24px;
width: 85%;
 }
 div#K3_content div.form-description p.lead{
color: #34495e;
font-size:1.4rem;
text-align:left!important;
 }
 div.form-description ul{
  font-size:1.2rem;
line-height: 1.6;
margin:0!important;
   }
div#K3_privacy_policy {
  background: #eaeaea !important;
  margin: 0 0 20px;
  padding: 12px 0 12px 12px;
  max-height: 10em;
  border: .82px solid #eee !important;
  border-radius: 6px !important;
}
div.privacy_policy {
  max-height: 10em !important;
  overflow:auto;
  text-align: left !important;
  padding: 0 12px;
}
   .note{
     line-height: 1.4 !important;
   }
div.privacy_policy h2 {
  font-size: 1.8rem;
  margin: 0 0 12px !important;
}

div#K3_content div.privacy_policy strong {
text-align: left !important;
margin:0 0 4px !important;
}

div#K3_content div.privacy_policy p {
  text-align: left !important;
  margin:0 0 12px !important;
}
div#K3_content div.privacy_policy a,
div#K3_content div.privacy_policy a:visited {
text-decoration: underline;
color: #21A0DB !important;
}
div#K3_content div.privacy_policy a:hover,
div#K3_content div.privacy_policy a:focus{
  text-decoration: none;
  }


div.checkbox input[type="checkbox"] {
  height: 20px;
  width: 20px;
  position: relative;
  top:4px;
}
/*form_Layout*/
div.control-group{
  position: relative;
  display: flex !important;
  flex-direction: row !important;
  align-items: end;
  justify-content: center;
  margin: 0 0 24px !important;
}
div.control-group:last-of-type{
  margin: 0 !important;
}
label.control-label{
flex-basis: 40%;
margin:0 0 12px !important;
}

div.radio,
div.checkbox{
  width: 100% !important;
  display: block !important;
  position: relative;
}
div.radio label,
div.checkbox label{
  width: 100% !important;
  display: block !important;
  font-weight:500 !important;
  font-size: 1.4rem !important;
  line-height: 1.2;
  position: relative;
}

label.control-label > span.text-top.text-bold{
font-weight:700 !important;
font-size:1.4rem !important;
line-height: 1;
font-feature-settings: "palt" 1 !important;
}
div.controls{
  flex-basis: calc(100% - 40%) !important;
  width: 100%;
}
div.controls span{
  display: block;
  width: 100% !important;
}
fieldset > div.control-group:nth-of-type(1),
fieldset > div.control-group:nth-of-type(2){
  flex-direction: column !important;
}
fieldset > div.control-group:nth-of-type(1),
fieldset > div.control-group:nth-of-type(2),
fieldset > div.control-group:nth-of-type(5){
padding: 0 0 24px;
border-bottom: .82px solid #eee;
}
fieldset > div.control-group:nth-of-type(1) div.radio{
  display: block;
}
fieldset > div.control-group:nth-of-type(3),
fieldset > div.control-group:nth-of-type(4){
  width: 50%;
  flex-direction: column !important;
}
fieldset > div.control-group:nth-of-type(3){
  padding: 0 10px 0 0;
}
fieldset > div.control-group:nth-of-type(4){
  position: relative;
  left: 50%;
  bottom: 92px;
  padding: 0 0 0 10px;
}
_::-webkit-full-page-media, _:future, :root fieldset > div.control-group:nth-of-type(4) {
  bottom: 76px;
}
fieldset > div.control-group:nth-of-type(5){
  flex-direction: column !important;
  top: -42px;
top:-82px;
margin: 0 0 -48px !important;
}
fieldset > div.control-group:nth-of-type(5) label.control-label{
  flex-basis: 100%;
  display: block;
  width: 100%;
}
fieldset > div.control-group:nth-of-type(5) div.controls textarea.form-control{
  flex-basis: 100%;
  display: block;
}
fieldset > div.control-group:nth-of-type(11) {
 margin:0 !important;
}

fieldset > div.control-group:nth-of-type(14) div.checkbox.inline label{
  text-align: right;
}
.btn{
border-radius:24px !important;
}
.btn-default{
  margin:0 0 24px !important;
}

.btn.btn-primary{
background: rgba(51,51,51,1) !important;
color:#fff ;
}
.btn.btn-primary:hover {
  background:rgba(99, 128, 177, 1) !important;
}
#K3_control_btn{
  position: relative;
}
#K3_control_btn div.controls{
flex-basis: 100% !important;
}
#K3_control_btn input[type="submit"] {
    display: block;
    border: none;
    outline: 0;
    cursor: pointer;
    width: 100%;
    height: 48px;
    line-height: 1 !important;
    padding:12px 48px !important;
    word-break: break-all;
    white-space: pre-line;
    transition: 0.3s;
}
.label-fit{
font-size:10px !important;
font-weight:700 !important ;
padding: 2px 4px !important;
border-radius: 12px !important;
height: 20px;
position: relative;
top:-2px;
}
.label-danger{
background-color:#e57373 !important;
color:#fff !important;
}
.label-fit.label-warning{
  display: none;
}
fieldset > div.control-group:nth-of-type(2) .checkbox:nth-of-type(1) label:after,
fieldset > div.control-group:nth-of-type(2) .checkbox:nth-of-type(2) label:after,
fieldset > div.control-group:nth-of-type(2) .checkbox:nth-of-type(3) label:after {
  display: block;
  width: 100%;
  padding: 4px 0 12px 4px;
  font-size: 10px;
  line-height: 1!important;
}
fieldset > div.control-group:nth-of-type(2) .checkbox:nth-of-type(1) label:after {
content: "マーケティングオートメーションと連動して営業活動を記録・分析";
}
fieldset > div.control-group:nth-of-type(2) .checkbox:nth-of-type(2) label:after{
content: "リードの行動に合わせて自動的にメールを配信";
}
fieldset > div.control-group:nth-of-type(2) .checkbox:nth-of-type(3) label:after{
content: "様々な他社製アプリケーションと自由度の高いデータ連携　（※要プログラム開発）";
}
#K3_footer{
border-top: 3px solid #34495e;
margin: 72px auto !important;
padding: 0 !important;
}

#K3_footer p.copyright{
  font-size:.8rem;
  font-weight: 600;
  margin: 24px 0 12px;
  color: #333;
}
/*form_thanks*/
div#K3_form_registered{
  background:#fff !important;
}
div.K3_hero h1{
  position: relative;
  color: #34495e;
  font-size: 2.8rem !important;
  font-weight: 700;
  margin:36px 0;
}
  div.K3_hero h2:empty{
    margin: 0 !important;
    padding: 0 !important;
    }

    div.K3_hero h3{
      font-size: 1.4rem;
      line-height: 1.8;
      }

@media (max-width: 768px) {
  div#K3_headline h1{
    font-size: 2.8rem;
    }
  div.form-description{
padding: 0;
  }
  #K3_container form{
margin: 0 auto 48px;
  }
  div.radio label,
  div.checkbox label{
    font-size: 1.3rem !important;
  }
  _:lang(x)::-moz-placeholder, div.radio label,
_:lang(x)::-moz-placeholder, div.checkbox label{
left: 1rem !important;
}
  .label-fit.label-danger{
display: block;
width:60px;
height: 18px !important;
margin: 0 0 4px !important;
    }
    label.control-label > span.text-top.text-bold{
      font-size:1.4rem !important;
      }
      label.control-label{
        flex-basis: 100%;
        margin: 0 0 4px !important;
        width: 100%;
        text-align: left;
      }
      fieldset > div.control-group{
    width: 100%;
    flex-direction: column !important;
  }
  fieldset > div.control-group:nth-of-type(3){
    width: 100%;
    padding: 0;
  }
  fieldset > div.control-group:nth-of-type(4){
    width: 100%;
    position: relative;
    left: 0;
    bottom: 0;
    padding: 0;
  }
  _::-webkit-full-page-media, _:future, :root fieldset > div.control-group:nth-of-type(4) {
    bottom: -5px;
  }
  fieldset > div.control-group:nth-of-type(5){
    top: 0;
margin: 0 0 24px !important;
  }
  fieldset > div.control-group:nth-of-type(14) div.checkbox.inline label{
    text-align: left;
  }
  #back2top{
    bottom: 80px !important;
  }
  }