/* 簡単お問い合わせフォーム */

#s_con {
	width:300px;
	position:fixed;
	bottom:10%;
	right:0;
	border-left: 1px solid #0059a7;
	border-right: 1px solid #0059a7;
	border-bottom: 1px solid #0059a7;
	background:#fff;
	box-sizing: border-box;
	z-index:999;
	/*追加*/
	font-size:80%;
}

/* --- s_con_form close btn --- */
.s_con_barger {
	display:block;
	width:38px;
	height:38px;
	background:#0059a7;
	position:absolute;
	top:0%;
	left:-38px;
	z-index:99;
}

.s_con_barger span {
	display:block;
	width:80%;
	height:2px;
	background:#fff;
	transition:all 0.7s;
	margin-left:auto;
	margin-right:auto;
}

.s_con_barger span:first-child {
	margin-top:8px;
	transform:translate(0px, 10px) rotate(45deg);
}

.s_con_barger span:not(:last-child) {
	margin-bottom:0px;
}

.s_con_barger span:last-child {
	margin-bottom:0px;
	transform:translate(0px, 5px) rotate(-45deg);
}

.s_con_barger span:nth-of-type(2) {
	opacity:0;
}

.s_con_barger span.bnone:nth-of-type(2) {
	opacity:1;
}

.s_con_barger span.lineup {
	transform:translate(0px, 0px) rotate(0deg);
    margin-bottom: 6px;
    margin-top: 10px;
}

.s_con_barger span.linedown {
	transform:translate(0px, 0px) rotate(0deg);
	margin-top: 6px;
}

/* --- ここまで　s_con_form close btn --- */


#s_con h2 {
	width:100%;
	background:#0059a7;
	line-height:1.8em;
	color:#fff;
	margin-bottom:1em;
	font-size: 18px;
    text-align: center;
    padding: 0.2em;
}

#s_con p {
	padding:0 1em;
	margin-bottom:1em;
	
}

.s_con_form {
	padding:0 1em;
	
}

.s_con_form form {
 margin: 0;
    overflow: inherit;
    border: none;
}

.s_con_form dl {
overflow: inherit;
    background: none;
    border: none;
    clear: none;
}

.s_con_form dl dt {
    padding: 0.4em 0 0.4em 0.6em;
    position: relative;
    float: none;
    width: 100%;
    box-sizing: inherit;
}

.s_con_form dl dt::before {
	content:"*";
	display:block;
	width:1em;
	height:1em;
	position:absolute;
	top:4px;
	left:0;
	color:#f00;
	font-size:10px;
}

.s_con_form dl dd {
	overflow:hidden;
	margin-bottom:0.5em;
float: none;
    width: auto;
    padding: 0;
    box-sizing: inherit;
    background: none;
    border: none;
}


.s_con_form dl dd input[type="text"],
.s_con_form dl dd input[type="tel"] {
	width:100%;
	height:2em;
	border:none;
	background:#e5f7ff;
	padding:0 20px;
	box-sizing:border-box;
}

.s_con_form dl dd input[type="radio"]{
	display:none;
}

.s_con_form dl dd label {
	padding-left:20px;
	position:relative;
	margin-right:20px;
	display:block;
	margin-bottom:10px;
}


.s_con_form dl dd label:before {
	content:"";
	display:block;
	width:16px;
	height:16px;
	margin-right:20px;
	border:1px solid #999;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	margin-top:auto;
	margin-bottom:auto;

}

.s_con_form dl dd input[type="radio"]:checked + label {
	color:#a00;
}

.s_con_form dl dd input[type="radio"]:checked + label:after {
	content:"";
	display:block;
	position:absolute;
	top:0;
	left:3px;
	bottom:0;
	margin: auto 0;
	width:12px;
	height:12px;
	background:#a00;
}

.s_con_form dl dt:last-of-type::before {
    display: none;
}

.s_con_form dl dd textarea {
    width: 100%;
    padding: 0.5em 20px;
    box-sizing: border-box;
    background: #e5f7ff;
    border: none;
    height:5em;
}

.submitbtn {
	width:80%;
	min-width:280px;
	margin:0  auto 10px auto;

}



.submitbtn input[type="button"] {
	width:100%;
	text-align:center;
	line-height:1.8em;
	padding:0.4em;
	background:#0059a7;
	transition:all 0.5s;
	border:none;
    font-size: 100%;
	color:#fff;
}

.submitbtn input[type="button"]:hover {
	cursor:pointer;
	opacity:0.7;
}

@media screen and (max-width: 480px){

#s_con {
	bottom:0px;
}

.s_con_barger {
	width:30px;
	left:-30px;
}

}

/* 簡単お問い合わせフォーム fin */