@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;
}
@font-face {
font-family: 'icomoon';
src: url('https://www.kairosmarketing.net/wp-content/themes/k3v1/assets/fonts/icomoon.eot?8mqrey');
src: url('https://www.kairosmarketing.net/wp-content/themes/k3v1/assets/fonts/icomoon.eot?8mqrey#iefix') format('embedded-opentype'), url('https://www.kairosmarketing.net/wp-content/themes/k3v1/assets/fonts/icomoon.ttf?8mqrey') format('truetype'), url('https://www.kairosmarketing.net/wp-content/themes/k3v1/assets/fonts/icomoon.woff?8mqrey') format('woff'), url('https://www.kairosmarketing.net/wp-content/themes/k3v1/assets/fonts/icomoon.svg?8mqrey#icomoon') format('svg');
font-weight: normal;
font-style: normal;
font-display: swap
}
[class^="icon-"],
[class*=" icon-"] {
font-family: 'icomoon';
speak: none;
font-style: normal;
font-weight: normal;
font-variant: normal;
text-transform: none;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}

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;
}
.link--under{
color: #002c76;
position: relative;
display: inline;
text-decoration: none !important;
transition: background .3s;
background: linear-gradient(#34495e, #34495e) 0 100%/100% 1px no-repeat;
}
.link--under:hover{
color: #6380b1;
background-size: 0% 1px;
}
.link--under:after {
font-family: 'icomoon';
content: "\e917";
padding: 0 0.4rem 0 0.2rem;
font-size: 10px;
font-weight: 900
}
input::placeholder,
textarea::placeholder {
color: transparent !important;
opacity: 0 !important;
}

/*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 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,
div.form-description ul.sub-lead li {
color: #333;
font-size:1.4rem;
text-align:left!important;
}
div.form-description ul.sub-lead{
margin:0!important;
padding:0 !important;
}
div.form-description ul.sub-lead li{
font-weight: 500;
list-style-position: inside ;
}
div#K3_privacy_policy {
background: #eaeaea !important;
margin: 0 0 20px;
padding: 4px 0;
max-height: 8em;
border: .82px solid #eee !important;
border-radius: 6px !important;
}
div.privacy_policy {
max-height: 8em !important;
overflow:auto;
text-align: left !important;
padding: 0 12px;
}
.note{
line-height: 1.4 !important;
}
div.privacy_policy h2 {
font-size: 1.4rem;
font-weight: 700 !important;
margin: 0 0 12px !important;
}

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

div#K3_content div.privacy_policy p,
div#K3_content div.privacy_policy ul {
text-align: left !important;
padding: 0 !important;
}
div#K3_content div.privacy_policy p{
margin:8px 0 4px 4px !important;
}
div#K3_content div.privacy_policy ul {
margin:0 0 8px 4px !important;
}
div#K3_content div.privacy_policy ul li {
list-style-position: inside;
}

div#K3_content div.privacy_policy a,
div#K3_content div.privacy_policy a:visited {
text-decoration: underline;
color: #002c76 !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: 18px;
width: 18px;
position: relative;
margin: 0 4px 0 0;
top:4px;
}
/*form_Layout*/
div.control-group{
position: relative;
display: flex !important;
flex-direction: row !important;
align-items: flex-start;
justify-content: center;
margin: 0 0 24px !important;
}
div.control-group:nth-child(4){
position: relative;
display: flex !important;
flex-direction: column !important;
align-items: flex-start;
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;
padding: 0 0 0 4px;
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;width: 100%;}
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(10) input::placeholder{
color: #999 !important;
opacity: 1!important;
}
/*
fieldset > div.control-group:nth-of-type(12) {
margin:0 !important;
}
*/
fieldset > div.control-group:nth-of-type(13) label:after{
  content: "例：https://corp.kairosmarketing.net/";
  font-size:10px;
  font-weight: normal;
  display: block;
    width: 100%;
    padding: 4px 0 12px 36px;
    line-height: 1!important;
}
fieldset > div.control-group:nth-of-type(14) div.checkbox.inline label{
text-align: right;
}
fieldset > div.control-group:nth-of-type(15) {
    width: 100%;
  table-layout: fixed;
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
    /*
    display: table;
    flex-direction: column !important;
  justify-content: space-between;
    */
}
fieldset > div.control-group:nth-of-type(15) label.control-label {
    display: none;
    display: block !important;
    flex-basis: 100%;
    width: 100%;
}
/*
fieldset > div.control-group:nth-of-type(15):before {
    content: "サイト訪問のきっかけ（複数可）";
    font-size:14px;
    font-weight:700;
}
*/
    fieldset > div.control-group:nth-of-type(15) div.checkbox,
    fieldset > div.control-group:nth-of-type(15) div.checkbox label{
    width: auto !important;
    display: inline-block !important;
    display: table-cell !important;
    vertical-align: middle !important;
    font-size: 14px !important;
    margin: 0 !important;
    }
    fieldset > div.control-group:nth-of-type(15) div.checkbox input[type="checkbox"] {
        height: 18px;
        width: 18px;
        position: relative;
        margin: 0 4px 0 0 !important;
        top:2px;
    }




.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:500 !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-danger {
display: inline-block;
width: 30px;
height: 18px !important;
margin: 0  !important;
top: -2px;
}

.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 24.5px;
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:36px;
margin: 0 4px 4px 0 !important;
}
label.control-label > span.text-top.text-bold{
font-size:1.4rem !important;
}
label.control-label{
    display: flex !important;
    flex-basis: 100%;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    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(13) label:after{
    clear:both;
    padding: 4px 0 0;
    display: block;
    /* width: 200px; */
}

fieldset > div.control-group:nth-of-type(14) div.checkbox.inline label{
text-align: left;
}
fieldset > div.control-group:nth-of-type(15) div.checkbox.inline label{
font-size: 13px !important;
}

#back2top{
bottom: 80px !important;
}
}