@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;
}

.btn-forinq{
color: #34495e;
font-weight: 700;
position: relative;
display: inline;
text-decoration: none !important;
transition: background .3s;
background: rgba(255,255,255,1);
box-shadow:rgba(18,18,18,.3)0 0 4px;
padding: 6px 12px;
border-radius: 24px;
border:2px solid #34495e;
}
.btn-forinq:hover{
color: #fff !important;
position: relative;
display: inline;
text-decoration: none !important;
transition: background .3s;
background: rgba(52,73,94,1);
box-shadow:rgba(18,18,18,.3)0 0 8px;
border:2px solid #34495e;
}

.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: 72px;
min-height: 60px;
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 div.image_area{
    display: flex;
    flex-direction: row;
}
div#K3_content div.image_area img{
    width: 50%;
    height: 50%;;
margin:0 4px 24px;
box-shadow: 0px 2px 8px 0px rgba(51,51,51,.3);
}

div#K3_content h3,
div#K3_content p {
text-align:center!important;
}
div#K3_content h3{
border-bottom: .82px solid #eee!important;
color: #333;
font-size: 2.0rem;
font-weight: 700;
text-align: center !important;
padding:12px 0 8px!important;
}
div.form-description{
margin: 24px auto !important;
padding: 0;
width: 85%;
}
#K3_horizontal_left  div.form-description h3{
    border-bottom: none !important;
    color: #333;
    font-size: 2.0rem;
    font-weight: 700;
    text-align: left !important;
    margin: 0;
    padding: 24px 0 20px!important;
}
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 0 0 8px !important;
}
div.form-description ul.sub-lead li{
    font-weight: 500;
    list-style-position: inside;
    margin: 0 0 2px;
    }
div.form-description ul.sub-lead.linkitem{
margin:0!important;
padding:24px 0 0 8px !important;
}

div.form-description ul.sub-lead.linkitem li{
    margin: 0 0 24px;
    }

/* 2HALF LAYOUT */
#K3_content{
width: 960px !important;
}

#K3_horizontal_left{
padding:0 !important;
}

#K3_horizontal_right{
margin: 24px 0 !important;
padding: 0 24px 0 0 !important;
}
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;
top:2px;
}
/*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:last-of-type{
margin: 0 !important;
}
label.control-label{
    margin:0 0 12px !important;
    width: 120px;
    display: flex !important;
    flex-direction: column;
}

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{
position: relative;
font-weight:700 !important;
font-size:1.4rem !important;
line-height: 1;
font-feature-settings: "palt" 1 !important;
top: 2px;
}
div.controls{flex-basis: calc(100% - 120px) !important;width: 100%;}
div.controls span{
display: block;
width: 100% !important;
}
fieldset > div.control-group:empty{
display: none;
}
fieldset > div.control-group:nth-of-type(1),
fieldset > div.control-group:nth-of-type(2),
fieldset > div.control-group:nth-of-type(3),
fieldset > div.control-group:nth-of-type(5),
fieldset > div.control-group:nth-of-type(6),
fieldset > div.control-group:nth-of-type(7),
fieldset > div.control-group:nth-of-type(8){
padding: 0 0 24px;
border-bottom: .82px solid #eee;
}
fieldset > div.control-group:nth-of-type(3) input::placeholder{
    color: #999 !important;
    opacity: 1!important;
}

_::-webkit-full-page-media, _:future, :root fieldset > div.control-group:nth-of-type(4) {
bottom: 0;
}
fieldset > div.control-group:nth-of-type(6){
    margin: 0 0 12px !important;
    display: flex !important;
    flex-direction: column !important;
}
fieldset > div.control-group:nth-of-type(6) label.control-label{
    display: block;
    width: 100%;
}
fieldset > div.control-group:nth-of-type(6) div.controls textarea.form-control{
flex-basis: 100%;
display: block;
}
fieldset > div.control-group:nth-of-type(6) label:after{
  content: "https://corp.kairosmarketing.net/";
  font-size:10px;
  font-weight: normal;
  display: block !important;
  width: 100%;
  padding: 8px 0 0;
  line-height: 1!important;
}



fieldset > div.control-group:nth-of-type(7){
    margin: 0 0 12px !important;
    display: block;
    flex-direction: column !important;
}
fieldset > div.control-group:nth-of-type(7) label.control-label{
    display: block !important;
    /* flex-direction: column!important; */
    width: 100%;
}
fieldset > div.control-group:nth-of-type(7) div.controls textarea.form-control{
flex-basis: 100%;
display: block;
}

fieldset > div.control-group:nth-of-type(8),
fieldset > div.control-group:nth-of-type(9){
flex-direction: column !important;
}
fieldset > div.control-group:nth-of-type(8) label.control-label,
fieldset > div.control-group:nth-of-type(9) label.control-label{
width: 100%;
display: block;
}
fieldset > div.control-group:nth-of-type(10){
    flex-direction: column !important;
    margin: 0 0 12px !important;
}
fieldset > div.control-group:nth-of-type(10) label.control-label{
    width: 100%;
    display: block;
    margin: 0 0 8px !important;
}
fieldset > div.control-group:nth-of-type(10) div.checkbox.inline label{text-align: left;margin: 0;}
_:lang(x)::-moz-placeholder,fieldset > div.control-group:nth-of-type(9) div.checkbox input[type="checkbox"] {
    margin: 0 4px 0 -10px !important;
    top:2px;
}

fieldset > div.control-group:nth-of-type(11) {
    width: 100%;
  table-layout: fixed;
  text-align: left;
  flex-wrap: wrap;
  justify-content: flex-start;
}
fieldset > div.control-group:nth-of-type(11) label.control-label {
    display: block !important;
    flex-basis: 100%;
    width: 100%;
}
    fieldset > div.control-group:nth-of-type(11) div.checkbox,
    fieldset > div.control-group:nth-of-type(11) 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;
    padding: 0 8px 0 0 !important;
    }
    fieldset > div.control-group:nth-of-type(11) 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: 18px;
position: relative;
}
.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;
}
#K3_footer{
border-top: 3px solid #34495e;
margin: 72px auto !important;
padding: 0 !important;
}

#K3_footer p.copyright{
font-size:10px;
font-weight: 700;
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 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: 1200px) {
#K3_content{
width: 100% !important;
}
}
@media (max-width: 960px) {
    div#K3_content div.image_area img{
   width: 50%;
   height: 50%;
    margin:0 4px 12px;
        }
    }

@media (max-width: 768px) {
    #K3_content{
width: 100% !important;
padding: 0!important;
}

div#K3_headline h1{
font-size: 2.8rem;
margin: 36px 0 12px;
}
div#K3_content h3{
font-size: 1.8rem;
}
div.form-description{
margin:0 !important;
padding: 0 !important;
width: 100%;
}
.clearfix{
    width:100%;
    margin: 0 !important;
}
#K3_horizontal_left  div.form-description h3{
    font-size: 2.0rem;
    text-align: left !important;
}
div#K3_content div.form-description p.lead{
    width: 100%;
    margin: 0 auto 12px;
    text-align:center!important;
}

div#K3_content div.image_area{
    flex-direction: column;
margin: 0 0 12px;
}
div#K3_content div.image_area img{
    width: 100%;
margin:0 auto 12px;
}

#K3_horizontal_left{
padding: 0 24px !important;
}
#K3_horizontal_right{
margin: 48px 0 0 !important;
padding: 0 !important;
}
#K3_container form{
    width: 100%;
    margin: 0 auto;
    box-shadow: 5px 0 10px 0 rgba(51,51,51,.3);
    border-top: .82px solid #eaeaea !important;
    border-right: none!important;
    border-bottom: none!important;
    border-left: none!important;
}
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:48px;
height: 18px !important;
margin: 0 4px 0 0 !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;
    /* flex-direction: row !important; */
}
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(11) div.checkbox,
fieldset > div.control-group:nth-of-type(11) div.checkbox label{
    font-size:13px !important;
    width: 100% !important;
}
#back2top{
bottom: 80px !important;
}
}
@media (max-width: 560px) {
    div#K3_content div.form-description p.lead{
        text-align:left!important;
    }
    #K3_horizontal_left div.form-description h3{
font-size: 1.6rem;
    }
    div#K3_content div.form-description p.lead, div.form-description ul.sub-lead li{
font-size: 1.36rem;
    }
    }