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


	* {
	margin: 0;
	padding: 0;
	}

	body,div,pre,p,blockquote,
	form,fieldset,input,textarea,select,option,
	dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,
	table,th,td,embed,object {
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	}


	body { font-size: 62.5%; /* 10px */ }
	p { font-size: 1.6em; /* 16px */ }

	h1,h2,h3,h4,h5,h6 {
	font-style: normal;
	font-weight: normal;
	font-size: 2.0em;
	}
 
	table {border-spacing:0;}
	* html table {border-collapse:collapse;}
	*:first-child+html table {border-collapse:collapse;}
	caption,th {text-align:left; font-weight:normal;}
	table,th,td,img {border:0;}
	img,input {vertical-align:middle;}
	q:before,q:after {content:'';}
	ul {list-style: none;}


  @media screen and (max-width: 640px) { 
    /*　画面サイズ 640pxまで適用　*/
    .sp{
	display:block;
	}
	
	.pc{
	display:none;
	}
	
	.sp img{
		width:100%
	}

/* wrapperで幅、中央寄せ、背景色一括指定 */
	#wrapper {
		width: 100%;
		margin: 0 auto;
	}

  }
  @media screen and (min-width: 641px) and (max-width: 1024px) {
    /*　画面サイズ 641pxから1024pxまで適用　*/
    .pc{
	display:block;
	}
	.sp{
	display:none;
	}
	
	/* wrapperで幅、中央寄せ、背景色一括指定 */
	#wrapper {
		width: 100%;
		margin: 0 auto;
	}
	
  }
  @media screen and (min-width:1025px) {
    /*　画面サイズ 1025px以上から適用　*/
	.pc{
	display:block
	}
	.sp{
	display:none;
	}
	
	/* wrapperで幅、中央寄せ、背景色一括指定 */
	#wrapper {
		width: 1024px;
		margin: 0 auto;
	}
  }


table{
	text-align:center;
}

.bk-blue{
	background-color:#BFDFFF;
}

.sp h2{
	text-align:center
}

.p-list h2{
	font-size:30px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#000;
}

.p-list ul{
	margin-left:10px;
}

.p-list li{
	float:left;
	padding-right:10px;

}

.p-list {

	margin-bottom:20px;

}

.p-list img{
	padding-bottom:10px;
}

.sp ul{
	margin:0 0 20px 0;
}

.sp li{
	padding-bottom:20px;
}

.bk-dblue{
	background-color:#4D7AFF;
	font-size:25px;
	padding:5px;
	text-align:center;
	font-weight:bold;
	color:#FFF;
	
}

.steplist li{
	padding:10px;
	margin:10px 0;
}


img {
max-width: 100% ;
height: auto;
}


.topNavigation{
    height: 50px;
    text-align: center;
    background-color: #888;
    color: #fff;
}

.topNavigation ul{
	float:left;
}




.form_box th{
	text-align:left;
	font-size:24px;
	padding:5px;
	border-width:thin;
	border-style: solid;
	background-color:#E8E8E8;
}

.form_box td{
	padding:10px;
}

.form_box{
	width:100%;
}


.tablearea{
	resize: auto;
	width:100%;
}

input::-webkit-input-placeholder {
    font-weight: bold;
}
input:-moz-placeholder {
    font-weight: bold;
}
input::-moz-placeholder {
    font-weight: bold;
}
input:-ms-input-placeholder {
    font-weight: bold;

}

input{
	padding:10px 0;
}

.required{
	color:#F00;
	font-size:14px
}


.sticky{
  display: flex;
  align-items: center;
  justify-content: center;
  position: -webkit-sticky;
  position: sticky;
  top: 10px;
  color: #fff;
}

#pagetop{
  position:fixed;
  right:2%;
  bottom: 0px;
  top:65%;
}