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

body {
	color:#333;
	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 {
	color:#F03;
	font-size:0.75em;
}
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 );
	border-top:solid 9px #20AE36;
	background-repeat:no-repeat;
	
}
header section#header {
	position:relative;
}
header section#header,
article,
footer section#footer {
	width:100%; margin:0 auto; height:auto;
}

header h1 {
	font-size:0.6em; padding:0; margin:10px 0px 10px 0px;
}

header .title {
	width:94%; padding:0px 0px 10px 5px;
}
header a.pclink {
	display:block; font-size:0.75em;
	width:19%; text-align:center; text-decoration:none; color:#333;
	padding:1%; margin:10px; border:solid 1px #666666; background-color:#FFF;
}




header nav ul {
	display:inline-block;
	list-style-type:none; margin:0; padding:0; width:100%;
}




header img.free {
	display:block;
}

header .fa-bars {
	position:absolute; bottom:0; right:12px; z-index:0;
	font-size:2em; padding:1% 2% 0% 2%;
	border:solid 1px #ccc; background-color:#FFF; cursor:pointer;
	border-radius:10% 10% 0 0; border-bottom:none;
}

header nav#nav {
	display:none; width:100%; margin:0px; padding:0px; border:none; box-shadow:none;
}

header nav#nav ul li{
	display:block; float:none; text-align:left; border-top:solid 1px #666666;
	width:100%; height:auto; margin:0; padding:0;
}

header nav#nav ul li a{
	position:relative;
	display:block; color:#333; background-color:#FFF; margin:1px 0px 1px 0px;
	padding:5px; text-decoration:none;
}
header nav#nav ul li a i{
	position:absolute; top:25%; right:15px; font-size:1.2em;
}


header nav {
	width:100%; height:auto; margin-top:10px; padding:0;
	background-color:#FFF; border-top:solid 1px #65CDCC;
	border-bottom:solid 1px #65CDCC;
	box-shadow:0px 0px 5px -3px rgba(0, 0, 0, 0.8);

}



header nav ul {
	display:inline-block;
	list-style-type:none; margin:0; padding:0; width:100%;
}

header nav ul li{
	display:block; float:left; text-align:center;
	width:25%;
}
header nav ul li a {
	position:relative;
	display:block; color:#333; text-decoration:none;
	width:100%; margin:0px; padding:10px 0px 0px 0px;
}

header div.title {
	/*padding-top:30px;*/
	margin-bottom:0px; padding-bottom:0px;
}
header div.information {
	padding-top:30px; width:450px; height:55px;
	margin-bottom:0px; padding-bottom:0px;
}

header p.right {
	color:#666666; font-size:0.54em;
	width:39%; margin-top:5px;
}


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

section#main_img {
    padding-bottom: 20px;
    width: 98%; margin:0 auto 10px auto;
	border-bottom:solid 4px #9edc80;
}
h2#ent_catch {
    padding: 1%;
    width: 98%;
    margin: 0 0 15px 0;
    background-color: #53be56;
    color: #FFFFFF;
    font-size: 0.7em;
    font-weight: normal;
}

article {
	background-color:#EDEDED;
}
#form_case {
	
	width: 94%;
	height: 550px; background-color:#FFFFFF;
	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: 550px; } }
@media (min-width: 481px) and (max-width: 540px) { #form_case { height: 570px; } }
@media (min-width: 541px) and (max-width: 640px) { #form_case { height: 670px; } }
@media (min-width: 641px) and (max-width: 720px) { #form_case { height: 770px; } }
@media (min-width: 721px) { #form_case { height: 870px; } }


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

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

#field1, #field2, #field3 , #field4, #field5{
	position: absolute;
	top: 0px; width:96%; height:auto;
	padding:1% 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:center; background-color:#EDEDED; 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:#20AD36;
}

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

form {
	display:block;margin-bottom:20px;

}

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 #4EAC39;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin:2%;
}
input[type=checkbox] + label{
	display:inline-block; line-height:41px; height:41px;
	background-color:#FFFFFF;
	font-size:0.9em; vertical-align:middle; cursor:pointer;
	width:45%; text-align:center;
}
input[type=checkbox]:checked + label{
	background-color:#5EC148;
	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 5% 2% 5%; font-size:0.9em;
}

#form_case dl dd {
	margin:0 3% 2% 3%;
}
article #form_case dl dt .hissu {
	display:inline-block; width:37px; padding:2px 2px 1px 2px; text-align:center;
	background-color:#20AD36; 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 30px 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 30px auto;
	/*background-color:#33CC33;*/
	background-color:#CCCCCC;
	color:#FFFFFF; text-decoration:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px
	
}

#next_load,#next2_load,#next3_load,#next4_load{
	border-style: none;
	cursor: pointer;
	position:relative;
	display:block; font-size:20px;
	width:88%; height:41px; text-align:center;
	padding:10px 0 0 0; margin:10px auto 25px auto;
	/*background-color:#33CC33;*/
	background-color:#CCCCCC;
	color:#FFFFFF;
	
	text-decoration:none;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px
	
}


a#next,a#next2,a#next3,a#next4 {
	border-style: none;
	cursor: pointer;
	position:relative;
	display:none; font-size:20px;
	width:88%; height:41px; text-align:center;
	padding:10px 0 0 0; margin:10px auto 25px 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;

}

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



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

#secure {
	/*float:right;*/
	/*padding:15px;*/ /*float:left;*/ 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 {
	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 {
	max-width:70px; max-height:70px; height:auto;
	width:100%;
}
#secure div.norton {
    float: left;
	max-width: 100px;
	max-height: 82px;
	padding: 7.5px 0;
}
#secure div.norton img{
	max-width: 100%;
}

a.back {
	width:20%;
}


/************** footer *****************************/
footer {
	width:100%;
	font-size:0.75em;
	
}
footer nav.center a {
    font-size: 12px;
}
#footer a {
	color: #FFFFFF;
}
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:#5ec52c; position:relative;
}

footer a.ptop {
	display:block; background-color:#5ec52c; 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 span.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;	
}
/*20201015*/
#field4 p.name_caution {
    font-size: 0.722em;
    margin-top: 0.5em;
    margin-bottom: 1em;
}
/* 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: #fff;display: inline-block;margin: 0px 10px 0px 0px;border-right: solid 1px #fff;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;}