@charset "utf-8";
/* CSS Document */

body {
	color:#555;
	line-height:1.5;
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif;
	margin:0 auto; height:100%;
	
}
@media (max-width: 320px) { body { font-size:16px; } }
@media (min-width: 321px) and (max-width: 480px) { body { font-size:18px; } }
@media (min-width: 481px) and (max-width: 540px) { body { font-size:22px; } }
@media (min-width: 541px) and (max-width: 640px) { body { font-size:26px; } }
@media (min-width: 641px) and (max-width: 720px) { body { font-size:28px; } }
@media (min-width: 721px) { body { font-size:32px; } }

img {
	border:none; vertical-align:bottom;
}
img.top {
	vertical-align:top;
}
img.middle {
	vertical-align:middle;
}

address,
em {
	font-style:normal;
}


a {
	color:#0E6FCD;
}
a:hover,
input[type="submit"]:hover,
input[type="reset"]:hover{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}
.c-both {
	clear:both;
}

.left {
	float:left;
}

.right {
	float:right;
}

.center {
	display:block;
	margin:0 auto;
	text-align:center;
}

.f18 {
	font-size:1.2em;
}

img.banner {
	border:solid 1px #DDD;
}


span.hissu {
	background-color:#FA5504;
	color:#FFF;
	font-size:0.7em;
	padding:0.1em 0.5em 0 0.5em;
	vertical-align: middle;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}

span.nini {
	background-color:#8EB4E3;
	color:#FFF;
	font-size:0.7em;
	padding:0.1em 0.5em 0 0.5em;
	vertical-align: middle;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
}
span.memo {
	color:#666;
	font-size:0.75em;
}

span.error {
	display:block;
	color:#F03;
	font-size:0.75em;
}

/******************************************************************/

header {
	background: -moz-linear-gradient(top, #D9F5F6 0%, #FFFFFF 60%, #FFFFFF 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#D9F5F6), color-stop(60%,#FFFFFF));
	background: -webkit-linear-gradient(top, #D9F5F6 0%, #FFFFFF 60%,#FFFFFF 100%);
	background: -o-linear-gradient(top, #D9F5F6 0%, #FFFFFF 60%,#FFFFFF 100%);
	background: -ms-linear-gradient(top, #D9F5F6 0%, #FFFFFF 60%,#FFFFFF 100%);
	background: linear-gradient(to bottom, #D9F5F6 0%, #FFFFFF 60%,#FFFFFF 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#D9F5F6', endColorstr='#FFFFFF',GradientType=0 );
	background-repeat:no-repeat;
	
}
header section#header {
	position:relative;
	
}
header section#header,
footer section#footer {
	width:96%; margin-left:auto; margin-right:auto;
}
main {
	width:100%; margin-left:auto; margin-right:auto;
}
header section#header h1 {
	width:43%;
	font-size:0.6em; padding:0; margin:8px 0px 0 0px;
}

header section#header h1 img {
	width:100%;
}
header section#header p.right {
	color:#666666; font-size:0.55em;
	width:54%; margin:9px 0 0 0;
}

header.ke_hbgi {
  background-image: url(../img/ke_hbgi.jpg);
  background-size: cover;
  background-position: bottom center;
  padding-bottom: 0.5em;
}

header.ke_hbgi h2 .ce_mark {
  width: 10vw;
  max-width: 60px;
  vertical-align: middle;
  margin-left: 0.5em;
}


/************ header end *********************************************/

.ks2 {
	padding-top:20px;
	font-size:1.1em;
}
.ksp {
	padding:0 2% 0 2%;
	font-size:0.8em;
}

h2#ent_catch {
    margin: 0.5em auto 5px auto; text-align:center;
    font-size: 0.725em;
}
h2#ent_catch em {
	font-size:1.1em;
	color:#F79646;
}

h2#ent_catch sup {
	font-weight:normal;
	font-size:0.55em;
}

main {
	background-image:url(../img/care_lp_bg.jpg);
	background-position:center top;
	background-size:cover;
}
#form_case {
	
	width: 94%;
	height: 550px;
	position: relative;
	margin:0 auto;
	z-index: 7;
	overflow: hidden;
}

@media (max-width: 320px) { #form_case { height: 550px; } }
@media (min-width: 321px) and (max-width: 480px) { #form_case { height: 600px; } }
@media (min-width: 481px) and (max-width: 540px) { #form_case { height: 670px; } }
@media (min-width: 541px) and (max-width: 640px) { #form_case { height: 770px; } }
@media (min-width: 641px) and (max-width: 720px) { #form_case { height: 870px; } }
@media (min-width: 721px) { #form_case { height: 970px; } }


#field1 p, #field2 p, #field3 p, #field4 p, #field5 p {
	position:relative;
	margin-top:0px; margin-bottom:0; padding:0;
}

img.kantan {
	position:absolute; top:4px; right:20px;
	width:32%;
}

#field1, #field2, #field3 , #field4, #field5{
	position: absolute;
	top: 5px;
	width:96%;
	height:auto;
	padding:0 2% 2% 2%;
	z-index: 1;
}

#field1 { left: 0%; }
#field2 { left: 100%; }
#field3 { left: 200%; }
#field4 { left: 300%; }
#field5 { left: 400%; }


#step_bar1  {
	position:relative; color:#333333; padding:5px 0 5px 0;
	width:58%; margin-bottom:0px; margin:0 0 0 42%;
	
}

#step_bar2 ,
#step_bar3 ,
#step_bar4 ,
#step_bar5 {
	display:none; padding:5px 0 5px 0;
	position:relative;
	width:58%; margin-bottom:0px; margin:0 0 0 42%;
	
}
#step_bar1 ul,
#step_bar2 ul,
#step_bar3 ul,
#step_bar4 ul,
#step_bar5 ul {
	margin:0 auto; padding:0;
	list-style-type:none;
}
#step_bar1 ul li ,
#step_bar2 ul li ,
#step_bar3 ul li ,
#step_bar4 ul li ,
#step_bar5 ul li {
	display:block; float:left; text-align:center; background-color:#FFF; color:#999;
	width:16px; height:16px; line-height:16px; font-size:12px; margin:2%;
}

#step_bar1 ul li.s ,
#step_bar2 ul li.s ,
#step_bar3 ul li.s ,
#step_bar4 ul li.s ,
#step_bar5 ul li.s {
	display:block; text-align:right; background-color:inherit;
	color:#333333;
	width:48px; height:16px; font-size:12px;
}

#step_bar1 ul li.select ,
#step_bar2 ul li.select ,
#step_bar3 ul li.select ,
#step_bar4 ul li.select ,
#step_bar5 ul li.select {
	color:#FFFFFF; background-color:#FF6600;
}

.error_txt {
	font-size:0.7em; color:#CC0000;
}

form {
	display:block;

}

input[type=radio], input[type=checkbox] {
  display: none;/**/
}

@keyframes contract {
	0% {
		transform: scale3d(1, 1, 1);
		filter:alpha(opacity=50);
		-moz-opacity: 0.5;
		opacity: 0.5;
	}
	50%{
		transform: scale3d(0.9, 0.9, 0.9);
	}
	100% {
		transform: scale3d(1, 1, 1);
		filter:alpha(opacity=1);
		-moz-opacity: 1;
		opacity: 1;
	}
}

label {
	background-color:#FFFFFF;
	border:solid 1px #FFC098;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:1% 2% 1% 2%;
}
input[type=checkbox] + label{
	display:inline-block; line-height:41px; height:41px;
	background-color: rgba( 255, 255, 255, 0.7 );
	font-size:0.8em; vertical-align:middle; cursor:pointer;
	width:45%; text-align:center;
}
input[type=checkbox]:checked + label{
	background-color:#FFC397;
	color:#FFFFFF;
	animation-iteration-count:1;
	animation-duration: 0.5s; 
	animation-name: contract;
}

#form_case textarea {
	width:95%; height:80px;
	font-size:1em;
}
#form_case dl {
	margin:0;
}

#form_case dl dt {
	margin:0 2% 0 2%; font-size:0.85em;
	color:#000;
}

#form_case dl dd {
	margin:0 0 2% 0;
}
article #form_case dl dt .hissu {
	display:inline-block; width:37px; padding:2px 2px 1px 2px; text-align:center;
	background-color:#FF6600; border-radius:5px; font-size:11px;
	color:#FFF;
}
article #form_case dl dt .nini {
	display:inline-block; width:37px; padding:1px 2px 1px 2px; text-align:center;
	background-color:#68B5F2; border-radius:5px; font-size:11px;
	color:#FFF;
}

#form_case input[type="tel"], 
#form_case input[type=text]{
	width:90%; padding:5px; font-size:16px;
	vertical-align:middle;position:relative;
} 
#form_case input[type=tel]#zip{
	width:48%; padding:5px; font-size:16px;
	vertical-align:middle;position:relative;
} 


#form_case select {
	
	-webkit-appearance:none;
	display: block;
	width:100%;
  position: relative;
  margin: 0 0 0 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size:14px;
  color: #333;
text-shadow: 0 1px white;
  background: #f2f2f2;
 background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
}

#form_case .dropdown {
  display: inline-block;
  *display: inline;
  width: 47%;


  
}

#form_case .dropdown_s {
	width:29%; margin:0 0 0 0;
}


/*
#form_case select {
  position: relative;
  width: 140%;
  margin: 0 0 0 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size:14px;
  color: #333;
  text-shadow: 0 1px white;
  background: #f2f2f2;
 background: rgba(0, 0, 0, 0) !important;
  border: 0;
  border-radius: 0;
  -webkit-appearance: none;
}

#form_case select:focus {
  z-index: 3;
  width: 100%; margin:10px 0 0 0;
  height: 28px;
  line-height: 14px;
  font-size:14px;
  color: #394349; padding: 6px 8px 6px 10px;
  outline: 2px solid #49aff2;
  outline: 2px solid -webkit-focus-ring-color;
  outline-offset: -2px;
}
#form_case select > option {
  margin:0 0 0 0;
  padding: 6px 8px 6px 10px;
  height: 28px;
  line-height: 14px;
  font-size:14px;
  text-shadow: none;
 background: #f2f2f2;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  cursor: pointer;
}
*/
#form_case .dropdown {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  position: relative; top:0;
  overflow: hidden;
  height: 28px; margin:0 0 0 0;
  width: 45%;
  background: #f2f2f2;
  border: 1px solid;
  border-color: #999 #999 #999;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-image: -webkit-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -moz-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: -o-linear-gradient(top, transparent, rgba(0, 0, 0, 0.06));
  background-image: linear-gradient(to bottom, transparent, rgba(0, 0, 0, 0.06));
  -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);

  
}


#form_case .dropdown_s {
	width:29%; margin:0 0 0 0;
}

#form_case .dropdown:before,#form_case .dropdown:after {
  content: '';
  position: absolute;
  z-index: 2;
  top: 9px;
  right: 5px;
  width: 0;
  height: 0;
  display: block;
  border: 4px dashed;
  border-color: #888 transparent;
  pointer-events: none;
}
#form_case .dropdown:before {
  border-bottom-style: solid;
  border-top: none;
}
#form_case .dropdown:after {
  margin-top: 7px;
  border-top-style: solid;
  border-bottom: none;
}
/* */


#submit {
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif;
	border-style: none;
	cursor: pointer;
	position:relative;
	display:none; font-size:16px; font-weight:normal;
	width:94%; height:67px; line-height:20px; text-align:center;
	padding:0 0 0 0; margin:15px auto 20px auto;
	background: -moz-linear-gradient(top, #60D760 0%, #3FCB3F 50%, #32C732 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60D760), color-stop(100%,#32C732));
	background: -webkit-linear-gradient(top, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	background: -o-linear-gradient(top, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	background: -ms-linear-gradient(top, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	background: linear-gradient(to bottom, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60D760', endColorstr='#32C732',GradientType=0 );
	border:solid 1px #32C732;
	box-shadow:0px 0px 5px -3px rgba(0, 0, 0, 0.8);
	
	color:#FFFFFF; text-decoration:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px
	
}
#submit_load  {
	font-family: 'メイリオ',"ヒラギノ角ゴ Pro W3",Meiryo,"Hiragino Kaku Gothic Pro",Verdana,sans-serif;
	border-style: none;
	cursor: pointer;
	position:relative;
	display:block; font-size:16px; font-weight:normal;
	width:94%; height:54px; line-height:20px; text-align:center;
	padding:13px 0 0 0; margin:15px auto 20px auto;
	/*background-color:#33CC33;
	background-color:#CCCCCC;*/
	background-color:rgba( 204, 204, 204, 0.8 );
	color:#FFFFFF; text-decoration:none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px
	
}
#submit span,
#submit_load span {
	display:block; text-align:center; font-size:0.6em;
}
#next_load,#next2_load,#next3_load,#next4_load{
	border-style: none;
	cursor: pointer;
	position:relative;
	display:block; font-size:1.2em;
	width:94%; height:44px; text-align:center;
	padding:13px 0 0 0; margin:10px auto 15px auto;
	/*background-color:#33CC33;
	background-color:#CCCCCC;*/
	background-color:rgba( 204, 204, 204, 0.8 );
	color:#FFFFFF;
	
	text-decoration:none;
	border-radius: 7px;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	-o-border-radius: 7px;
	-ms-border-radius: 7px
	
}


a#next,a#next2,a#next3,a#next4 {
	border-style: none;
	cursor: pointer;
	position:relative;
	display:none; font-size:1.2em;
	width:94%; height:44px; text-align:center;
	padding:13px 0 0 0; margin:10px auto 15px auto;
	background: -moz-linear-gradient(top, #60D760 0%, #3FCB3F 50%, #32C732 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60D760), color-stop(100%,#32C732));
	background: -webkit-linear-gradient(top, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	background: -o-linear-gradient(top, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	background: -ms-linear-gradient(top, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	background: linear-gradient(to bottom, #60D760 0%, #3FCB3F 50%,#32C732 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60D760', endColorstr='#32C732',GradientType=0 );
	border:solid 1px #32C732;
	box-shadow:0px 0px 5px -3px rgba(0, 0, 0, 0.8);
	color:#FFFFFF;
	text-decoration:none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-o-border-radius: 6px;
	-ms-border-radius: 6px;

}

#next_load i,#next2_load i,#next3_load i,#next4_load i,#submit_load i,
a#next i,a#next2 i,a#next3 i,a#next4 i {
	position:absolute;
	display:inline-block; top:14px; right:15px;
	font-size:1.2em;
}



#kiyaku {
	font-size:0.8em;
	text-align:center;
}

#secure {
	padding:4% 0% 4% 0%;
	width:89%; margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
}
#secure div.in_secure {
}
#secure span.yuryo,
#secure span.iryou,
#secure span.privacy,
#secure span.tekisei_logo {
	max-width:70px; width:60px;
	padding-right:1.4%; display:block;
	float:left;
}
#secure span.yuryo img,
#secure span.iryou img,
#secure span.privacy img,
#secure span.tekisei_logo img {
	max-width:70px; max-height:70px; height:auto;
	width:100%;
}
#secure div.norton {
    float: left;
    max-width: 115px;
    max-height: 82px;
}



a.back {
	margin-left:3em;
	width:20%;
}


/************** footer *****************************/
section.bottom_contents {
	background-color:#EDEDED;
	padding-top:1em;
}

/************** footer *****************************/
footer {
	width:100%;
	font-size:0.75em;
	
}
footer nav.center a {
    font-size: 12px;
}
footer dl {
	margin:0px 0px 30px 0px; padding:0; background-color:#666666; font-size:1em;
}
footer dl dt {
 color:#FFF; padding:5px; font-weight:bold;
}
footer dl dd {
	margin:1px 0px 1px 0px;
}
footer dl dd a{
	display:block; color:#333; background-color:#FFF; margin:1px 0px 1px 0px;
	padding:5px; text-decoration:none; position:relative;
}
footer dl dd a i{
	position:absolute; top:25%; right:10px; font-size:1.2em;
}


footer section#footer {
	width:100%; height:auto; padding-bottom:10px; padding-top:34px;
	background-color:#FF9900; position:relative;
}

footer a.ptop {
	display:block; background-color:#FF9900; color:#FFF;
	position:absolute;
	top:-28px; left:45%;
	padding:0px 18px 0px 18px; font-size:3em;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
}
footer a.top i {
	display:block; position:absolute; top:0px;
}
/*section.pri {
	background-color:#FFF;
}
section.pri .left{
	padding:5px;
}
section.pri p.left{
	padding:0px 0px 5px 5px; font-size:0.6em;
}*/
section.pri {
	background-color:#FFF; padding:5px 5px 5px 5px;
}
/*section.pri .left{
	padding:5px;
}*/

section.pri p.left{
	/*padding:0px 0px 5px 5px;*/ font-size:0.8em;
	width:80%; word-break: break-all; margin:0; padding:20px 0 20px 8px;
}
section.pri span {
	max-width:70px; display:block; width:60px; height:auto;
}
section.pri a.yuryo {
}
section.pri span.iryou {
	position:relative; top:5px;
}
section.pri span.privacy {
	position:relative; top:10px;
}

section.pri span img {
	max-width:70px; width:100%; display:block;
	height:auto;
}
footer .copy {
	background-color:#ECEAEB; padding:20px 0px 30px 0px;
	margin:0 auto; text-align:center; font-size:0.6em; ;
}

footer p.spc {
	font-size:0.8em;
	padding:2% 1% 40px 2%;

}

footer p.spc a {
	color:#333333; text-decoration:none;
}

div.slp_a_provider {
	width: 92%;
	margin: 5px auto 15px auto;
	color: #595959;
    font-size: 0.86em;		
}
div.slp_a_provider p {
    margin: 0 0 5px 0;
	font-size: 0.6em;
}
div.slp_a_provider p.caution {
    padding-left: 1em;
	text-indent: -1em;	
}
div.slp_a_provider p.indent_5 {
    padding-left: 5em;
	text-indent: -5em;	
}
/* 20250908 */
footer #footer ul.link_ul {display: flow-root;margin-block: 0;list-style-type: none;padding-inline: 1em;text-align: center;}
footer #footer ul.link_ul li {margin-inline: 0;height: auto;display: inline-block;}
footer #footer ul.link_ul li:before {content: none;}
footer #footer ul.link_ul li a {color: #0E6FCD;display: inline-block;margin: 0px 10px 0px 0px;border-right: solid 1px #333;padding-right: 10px;line-height: 12px;text-decoration: none;}
footer #footer ul.link_ul li a.e {border-right: none;padding-right: 0;margin-right: 0;}