@charset "utf-8";
/*
Theme Name: よつば入居相談 lightning
Theme URI: 
Template: lightning
Description: 
Author: SDservice
Tags: 
Version: 0.1.2
*/

/* common */
.title_bggr_coye{
	background-color:#45b035!important;
	color:#fff799;
}

@media (max-width: 599px){
	.h2, .mainSection-title, h2, .h3, h3{
		font-size:1.5rem;
	}
}

.p15{padding:15px;}
.bg_yellow{background-color: #fffbcc;}
.icon_green{
	display: inline-block;
    background-color: #45b035;
    color: #fff;
    font-size: 0.8rem;
	margin:0 5px 0 0;
    padding: 0 3px;
}

/* freedial */
@media (min-width: 751px) {
	a[href*="tel:"] {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	}
}






/* conts_contact */
.conts_contact .btn-primary{
    background-color: #f08300;
    border-color: #f08300;
}
.veu_contact .conts_contact .contact_txt_tel{
	padding:10px 0;
}
.conts_contact .freedial a{color:#231815;}
.conts_contact .freedial a:before {
	content: '';
	vertical-align: middle;
    width: 3em;
    height: 3em;
    display: inline-block;
    mask: no-repeat center/70%;
    -webkit-mask: no-repeat center/70%;
    mask-image: url(/wpkcyn/wp-content/themes/kcyn_ligchild/images/icon_freedial.png);
    -webkit-mask-image: url(/wpkcyn/wp-content/themes/kcyn_ligchild/images/icon_freedial.png);
    background: #231815;
}
.conts_contact .contact_txt_notice{
    margin-top: 10px;
    display: inline-block;
}
@media (max-width: 599px){
	.veu_card .veu_card_inner.conts_contact{
		  padding: 1.2rem;
	}
	.veu_contact .conts_contact .contact_txt_tel{
		font-size:1.6rem;
	}
	.conts_contact .freedial a:before {
		width: 2em;
		height: 2em;	
	}
	.conts_contact .btn-group-lg>.btn, .btn-lg{
		font-size:1.1rem;	
	}
}
/**/
.veu_contact .contact_frame.conts_contact.fconts{
	background-color: #3c0000;
	color:#fff;
}
.conts_contact.fconts .freedial a{color:#fff799;}
.conts_contact.fconts .freedial a:before {
    background: #fff799;
}

/* conts_flow */
.conts_flow ul{margin:0;padding:0;}
.conts_flow li{list-style:none;margin:0;}
.conts_flow li span{display:inline-block;}	
@media (min-width: 600px){
	.conts_flow ul{
		list-style-type: none;
		display:table;
		table-layout: fixed;
		width:100%;
		padding:0;
		margin:0;
		overflow:hidden;
	}
	.conts_flow li{
		display:table-cell;
		position:relative;
		background: #45b035;
		padding: 0.5em 0.5em 0.5em 2em;
		color:#fff;
		font-size: 1.3rem;
	}
	.conts_flow li:first-child{
		padding-left: 1.5em;
	}
	.conts_flow li:last-child{
	  padding-right: 1em;
	}
	.conts_flow li:last-child:before,
	.conts_flow li:last-child:after{
	  display:none;
	}
	.conts_flow li:before,
	.conts_flow li:after{
	  content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  margin: auto;
	}
	.conts_flow li:before{
	  top:-15px;
	  right:-1em;
	  border-style: solid;
	  border-color: transparent transparent transparent #fff;
	  border-width: 60px 0 60px 1em;
	  z-index: 10;
	}
	.conts_flow li:after{
	  top:-15px;
	  right:-.7em;
	  border-style: solid;
	  border-color: transparent transparent transparent #45b035;
	  border-width: 60px 0 60px 1em;
	  z-index: 10;
	}
	.conts_flow li span{
		margin: 0 0 5px 0;
		padding: 0 5px;
		background-color: #abcd03;
		color: #fff;
		line-height: 1.5;
		font-size:1.0rem;
	}	
}

@media (max-width: 599px){
	.conts_flow{
	  margin:0 auto;
	}
	.conts_flow ul{
	  list-style-type: none;
	  padding:0;
	  margin:0;
	}
	.conts_flow li{
		position: relative;
		width:300px;
		background: #45b035;
		color:#FFF;
		padding: 1em;
		margin-bottom: 2em;
		text-align:center;
		font-size: 1.3rem;
	}
	.conts_flow li:after{
	  content: "";
	  position: absolute;
	  width: 0;
	  height: 0;
	  bottom: -20px;
	  left: 0px;
	  border-style: solid;
	  border-color: #45b035 transparent transparent transparent;
	  border-width: 20px 150px 0 150px;
	  z-index: 1;
	}
	.conts_flow li:last-child:after{
	  content: "";
	  position: static;
	  border-color: none;
	  border-width: 0;
	}
	.conts_flow li span{
		margin: 0 0 5px 0;
		padding: 0 5px;
		background-color: #abcd03;
		color: #fff;
		line-height: 1.5;
		font-size: 1.0rem;
	}
}


/* form */
::-webkit-input-placeholder{
	color:#CCC;
	font-weight: normal;
}
:-ms-input-placeholder{
	color:#CCC;
	font-weight: normal;
}
::-moz-placeholder{
	color:#CCC;
	font-weight: normal;
}
label,
select,
input[type="checkbox"],
input[type="radio"] {
	cursor: pointer;
}
select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	padding:5px 3px;
	font-size:1.1em;
}
select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	outline: none;
}
select,
input[type="text"],
input[type="email"],
input[type="tel"],
textarea{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="radio"] {
	border: 1px solid #aaaaaa;
	vertical-align: -8px;
	-webkit-appearance: none;
	position: relative;
	margin-right: 5px;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	-webkit-box-sizing: border-box;
	width: 26px;
	height: 26px;
	background: #e2e2e2;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #e2e2e2));
	background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
}
input[type="radio"]:checked {
	border: 1px solid #336600;
	background:#FFF;
}
input[type="radio"]:checked:before {
	position: absolute;
	left: 4px;
	top: 3px;
	display: block;
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	content: "";
	width: 16px;
	height: 16px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	background: #99cc00;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #99cc00),color-stop(1.00, #87b400));
	background: linear-gradient( to bottom,#99cc00 0%,#87b400 100%);
}
input[type="radio"]:checked:after {
	display: block;
	position: absolute;
	left: 4px;
	top: 3px;
	content: "";
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
	width: 16px;
	height: 16px;
	width: 16px;
	height: 16px;
	border-radius: 50%;
}
input[type="checkbox"] {
    border: 1px solid #aaaaaa;
    vertical-align: -8px;
    -webkit-appearance: none;
    position: relative;
    margin-right: 5px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -webkit-box-sizing: border-box;
    width: 26px;
    height: 26px;
    background: #e2e2e2;
    background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #ffffff),color-stop(1.00, #e2e2e2));
    background: linear-gradient(to bottom,#ffffff 0%,#e2e2e2 100%);
}
input[type="checkbox"]:checked {
    background: #99cc00;
    background: -webkit-gradient(linear, left top, left bottom,color-stop(0.00, #99cc00), color-stop(1.00, #87b400));
    background: linear-gradient(to bottom,#99cc00 0%,#87b400 100%);
    border: 1px solid #336600;
}

input[type="checkbox"]:checked:before {
    position: absolute;
    left: 1px;
    top: 16px;
    display: block;
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    content: "";
    width: 10px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(45deg);
    -webkit-transform-origin: right center;
}

input[type="checkbox"]:checked:after {
    display: block;
    position: absolute;
    left: 9px;
    top: 16px;
    content: "";
    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .5);
    width: 16px;
    height: 4px;
    background: #ffffff;
    -webkit-transform: rotate(-53deg);
    -webkit-transform-origin: left center;
}
input[type="checkbox"]:disabled:checked{
	border: 1px solid #999;
	background:#EBEBE4;
}
input[type="checkbox"]:disabled:checked:before,
input[type="checkbox"]:disabled:checked:after{
	background:#9B9B9B;
	box-shadow:none;
}
.wpcf7 .readonly{
	border:0;
}
.wpcf7 .inp_focus{
	background:#FFFFDD;
}
.wpcf7 .inp_focus option{
	background:#fff;
}
.wpcf7 .inp_err,
.wpcf7 .wpcf7-not-valid{
	background:#FEF4F8;
}
.wpcf7 .inp_noerr{
	background:#ebfbea;
}
input:-webkit-autofill {/*choromeのオートコンプリート*/
	-webkit-box-shadow: 0 0 0px 1000px #ebfbea inset;
}
.wpcf7 .err_msg,
.wpcf7 .wpcf7-not-valid-tip{
	margin:0;
	padding:0;
	font-size:0.9em;
	color:#FF0000;
}
div.wpcf7-validation-errors{
    border: 2px solid #FF0000;
}
.wpcf7-mail-sent-ok{
	display:none;
}
.wpcf7 .ex{
	color:#666;
	font-size:0.95em;
}
.wpcf7 .txt-c{
	text-align:center;
}
.wpcf7 .btn_wrap{
	margin:20px 0;
	text-align: center;
}
.wpcf7 button[type=submit], .wpcf7-form input[type=submit]{
 	border-color:#f08300;-webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;
	padding: 15px 20px; text-decoration:none; display:inline-block;text-shadow: 0px 0px 0 rgba(0,0,0,0.3); color: #FFFFFF;cursor: pointer;
 	background-color: #f08300;
}
.wpcf7 button[type=submit]:hover, .wpcf7-form input[type=submit]:hover{
 border-color:#45b035;
 background-color: #45b035;
}
.wpcf7 .sent_show{
	display:none;
}
.wpcf7 .sent .sent_show{
	display:block;
}
.wpcf7 .sent .sent_hide{
	display:none;
}
.wpcf7 #form_privacy .form_privacy_title{
	margin:20px 0 0 0;
}
.wpcf7 #form_privacy .form_privacy_iframe{
	margin:0;
	padding:0;
}
.wpcf7 #form_privacy iframe {
    border: 1px solid #cfcfcf;
    width: 100%;
	height:200px;
}
.dl_table{
	width:100%;
	overflow:hidden;
	border-top:none;
	border-bottom:1px solid #e5e5e5;
	background-color: #f9f9f9;
}
.dl_table dt{
	width:30%;
	float:left;
	padding:8px;
	border-top:1px solid #e5e5e5;
	border-left:0;
	margin-bottom:0;
}
.dl_table dd{
	width:70%;
	float:left;
	padding:8px;
	border-left:1px solid #e5e5e5;
	border-top:1px solid #e5e5e5;
	background:#fff;
	margin-bottom:0;
}


@media (max-width: 599px){
	.sp_form dt{
		float:none;
		width:100%;
	}
	.sp_form dd{
		float:none;
		border-left:0;
		padding:10px;
		width:100%;
	}
	select,
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea{
		padding:10px 5px;
	}
	input[type="text"],
	input[type="email"],
	input[type="tel"],
	textarea{
		width:100%;
		max-width:100%;
	}
}