@charset "UTF-8";

/*===========================================================
	footer_copyright: (c)SERAKU Co.,Ltd.
	Created: 2009-07-06
	Modified: 2010-01-15
===========================================================*/

/*-----------------------------------------------------------
	import module CSS
-----------------------------------------------------------*/
.guidance-campaign-block {
	clear: both;
	margin: 10px 20px !important;
	max-width: 978px;
	position: relative;
}

.guidance-campaign-block:after {
	clear: both;
	content: "";
	display: block;
}

.guidance-campaign-block > .campaign-unit {
	background: #fff;
	border-bottom: 1px solid #d4d5d5;
	box-shadow: 0 0 3px rgba(0,0,0,0.3);
	float: left;
	padding: 1px 2px 1px 1px;
	position: relative;
	text-decoration: none;
	width: 100%;
	zoom: 1;
}

.guidance-campaign-block > .campaign-unit:hover {
	opacity: 0.7;
}

.guidance-campaign-block > .campaign-unit .campaign-inner {
	clear: both;
	padding: 15px 0;
	text-align: center;
	zoom: 1;
}

.guidance-campaign-block > .campaign-unit .campaign-inner .campaign-img {
	display: block;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	max-width: 256px;
	vertical-align: middle;
}

.guidance-campaign-block > .campaign-unit figure {
	display: block;
	margin: 0;
}

.guidance-campaign-block > .campaign-unit .campaign-inner .content {
    overflow: hidden;
    padding-left: 54px;
    padding-right: 54px;
}

.guidance-campaign-block > .campaign-unit .campaign-inner .campaign-heading span {
    display: inline-block;
}

.guidance-campaign-block > .campaign-unit .campaign-heading {
    font-weight: bold;
    font-size: 16px;
    line-height: 24px;
    margin: 14px 10px 0;
}

.guidance-campaign-block > .campaign-unit .campaign-heading span {
    text-decoration: none;
    word-break: break-all;
    padding-left: 20px;
    position: relative;
}

.guidance-campaign-block > .campaign-unit .campaign-heading span:before {
    width: 18px;
    height: 100%;
    background-image: url(/assets/img/marker_01_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 18px;
    position: absolute;
    left: 0;
    content: "";
}

.guidance-campaign-block > .campaign-unit .campaign-inner .text {
    margin: 10px 10px 0;
    font-size: 12px;
    line-height: 18px;
    color: #535252;
}

.guidance-campaign-block > .campaign-unit .campaign-inner .date {
    font-size: 8px;
    line-height: 11px;
    color: #fff;
	margin: 8px 10px 3px;
	border-radius: 10px;
    padding: 5px 10px 4px 24px;
    display: inline-block;
    position: relative;
}

.guidance-campaign-block > .campaign-unit .date:before {
    width: 14px;
    height: 100%;
    background-image: url(/assets/img/marker_12_@2x.png);
    background-repeat: no-repeat;
    background-size: auto 14px;
    position: absolute;
    left: 4px;
    top: 3px;
    content: "";
}

.guidance-campaign-block > .campaign-06 .campaign-inner {
	background: linear-gradient(to bottom,#def2fe 0,#fff 35%,#fff 100%);
	border-top-color: #0895e6;
}

.guidance-campaign-block > .campaign-06 .campaign-inner .campaign-heading span {
    color: #0895e6;
}

.guidance-campaign-block > .campaign-06 .campaign-inner .campaign-heading span:before {
    background-position: -90px 0;
}

.guidance-campaign-block > .campaign-06 .campaign-inner .date {
    background-color: #0895e6;
}


/*-----------------------------------------------------------
	html and subordinate selector
-----------------------------------------------------------*/

html{
	/*background: url(../images/backGround_img.gif) 0 0px repeat-x;*/
}

	body{
		text-align: center;
		border-top: 2px solid #eb7000;
		background-color: #f7f3e4;
		color: #333333;
	}
	h3{
		padding-left: 15px;
	}
	h4{
		padding-left: 42px;
	}
	h5{
		padding-left: 51px;
	}
	a:link{
		color: #0078ff;
	}
	a:visited{
		color: #0078ff;
	}
	a:hover{
		color: #eb7000;
	}
		#wrap{
			margin: 0 auto;
			text-align: left;
			width: 978px;
			/*height: 10000px;*/
			background-color: #fff;
		}

			#header{
				width: 978px;
				height: 489px;
				position: relative;
			}

				#header .lorem{}

					#header .lorem h1{
						position: absolute;
						top: 16px;
						left: 24px;
					}

					#header .lorem h2{
						position: absolute;
						top: 70px;
					}

				#header .ipsum{}

					#header .ipsum ul{
						overflow: hidden;
						zoom: 1;
					}

						#header .ipsum ul .item00{
							float: left;
							position: absolute;
							top: 350px;
							left: 107px;
						}
						#header .ipsum ul .item01{
							position: absolute;
							top: 350px;
							left: 512px;
						}

			#gNavi{}

				#gNavi ul{
						overflow: hidden;
						zoom: 1;
						}

					#gNavi ul li{
						float: left;
						}

			#container{}

				#contentsA{
				}

					#contentsA h3{
						margin-top: 50px;
					}

					#contentsA p{
						/*padding-left: 42px;*/
					}
					#contentsA .padding{
						padding: 0 42px;
					}

					#contentsA .box01{
					width: 978px;
					height: 250px;
					position: relative;
					background: url(../images/img_h3-01Contents03.gif) 464px 100px no-repeat;
					
					}

						#contentsA .box01 .item00{
							position: absolute;
							top: 30px;
							left: 150px;
						}
						#contentsA .box01 .item01{
							position: absolute;
							top: 30px;
							left: 525px;
						}
					#contentsA .cont_inner01{}

						#contentsA .cont_inner01 h4{}

						#contentsA .cont_inner01 p{
							padding: 0 42px;
						}

						#contentsA .cont_inner01 .item00{
							margin-left: 148px;
						}
						#contentsA .cont_inner01 dl{
							padding-left: 42px;
						}

							#contentsA .cont_inner01 dt{}

							#contentsA .cont_inner01 dd{}

					#contentsA .cont_inner02{
						width: 850px;
						line-height: 1.5em;
					}

						#contentsA .cont_inner02 h4{}

						#contentsA .cont_inner02 .item00{
							padding-left: 41px; 
						}
						#contentsA .cont_inner02 .item01{
							padding-left: 247px;
						}

					#contentsA .cont_inner03{}

						#contentsA .cont_inner03 h4{}

						#contentsA .cont_inner03 .item02{
							margin-left: 300px;
						}

					#contentsA .cont_inner04{}

						#contentsA .cont_inner04 h4{}

						#contentsA .cont_inner04 p{
							width: 850px;
							line-height: 1.5em;
							padding-left: 41px;
						}

						#contentsA .cont_inner04 ul{
							
						}

							#contentsA .cont_inner04 li{
								float: left;
							}

						#contentsA .cont_inner04 p{}

						#contentsA .cont_inner04 .item02{
							padding-left: 151px;
						}
						#contentsA .cont_inner04 .item03{
							padding-left: 25px;	
						}

				#contentsB{}

					#contentsB h3{}

					#contentsB h5{}

					#contentsB .cont_inner00{
						width: 660px;
						height: 111px;
						padding-left: 151px;
						position: relative;
						background: url(../images/img_h3_02_01.gif) 230px 0px no-repeat; 
						}
					
						#contentsB .cont_inner00 p{
							position: absolute;
							top: 20px;
							left: 151px;
						}

						#contentsB .cont_inner00 dl{
							position: absolute;
							top: 5;
							left: 255px;
						}

							#contentsB .cont_inner00 dt{
								padding: 10px 0 0 5px;
								
							}

							#contentsB .cont_inner00 dd{
								font-size: 86%;
								line-height: 1.5em;
								padding:10px;
							}

					#contentsB .cont_inner01{}

						#contentsB .cont_inner01 .item01{
							margin-left: 151px;
						}

					#contentsB .cont_inner02{
						width: 680px;
						height: 120px;
						margin: 23px 149px;
						border-radius: 10px;
						background-color: #FAE7E6;
					}
						#contentsB .cont_inner02 h3{}

						#contentsB .cont_inner02 h5{}

						#contentsB .cont_inner02 dl{}
							#contentsB .cont_inner02 dt{
								padding: 13px 0px 11px 21px;
							}
							#contentsB .cont_inner02 dd{
								width: 615px;
								padding-left: 37px;
								line-height: 1.5em;
							}


				#contentsC{}

					#contentsC h3{}

					#contentsC .cont_inner01{}

						#contentsC .cont_inner01 h4{}

						#contentsC .cont_inner01 .item01{
							margin-left: 151px;
						}

						#contentsC .cont_inner01 .item02{
							margin-left: 190px;
						}

					#contentsC .cont_inner02{}

						#contentsC .cont_inner02 h4{}

						#contentsC .cont_inner02 .item01{
							margin-left: 151px;
						}

						#contentsC .cont_inner02 .item02{
							margin-left: 250px;
							margin-top: 30px;
						}

					#contentsC .cont_inner03{}

						#contentsC .cont_inner03 h4{}

						#contentsC .cont_inner03 .item01{
							margin-left: 151px;
						}

						#contentsC .cont_inner03 .item02{
							margin-left: 190px;
						}
				
				#contentsD{}

					#contentsD h3{}

					#contentsD h5{}

					#contentsD .cont_inner02{}

						#contentsD .cont_inner02 .box1{
						width: 978px;
						height: 340px;
						position: relative;
						}

							#contentsD .cont_inner02 .box1 h4{}

							#contentsD .cont_inner02 .box1 dl{}
						
						#contentsD .cont_inner02 .box2 {
						width: 978px;
						height: 200px;
						/*position: relative;*/
						}

							#contentsD .cont_inner02 .box2 h5{
								/*padding-bottom: 20px;*/
							}

							#contentsD .cont_inner02 .box2 .area1{
								float: left;
								padding: 20px 51px;
							}
							#contentsD .cont_inner02 .box2 .area2{
												}

							#contentsD .cont_inner02 .box2 dl{}

								#contentsD .cont_inner02 .box2 dt{
								/*	position: absolute;
									top: 50px;
									left: 51px;	*/
								}

								#contentsD .cont_inner02 .box2 dd{
									/*float: left;*/
								/*	position: absolute;
									top: 8px;
									left: 457px;*/	
								}	
					
					#contentsD .cont_inner03{
					
					}
					
						#contentsD .cont_inner03 h5{
							padding-top: 30px;
						}
						#contentsD .cont_inner03 .box1{
						background-color: #efefef;
						border-radius: 10px;
						width: 838px;
						height: 240px;
						margin: 0 auto;
						position: relative;
						margin-top: 10px;
						}

							#contentsD .cont_inner03 .box1 h6{
								font-weight: 900;
								font-size: 18px;
								padding: 10px 0 5px 10px;
							}

							#contentsD .cont_inner03 .box1 .item00{
								padding-left: 25px;
								width: 765px;

							}

							#contentsD .cont_inner03 .box1 .item03{
								position: absolute;
								top: 97px;
								left: 504px;
								}
							#contentsD .cont_inner03 .item04{
								padding-left: 70px;
								margin-top: 10px;
							}
					#contentsD .cont_inner01{}

						#contentsD .cont_inner01 .innerA{}

							#contentsD .cont_inner01 .innerA ul{
								overflow: hidden;
								zoom: 1;
							}

								#contentsD .cont_inner01 .innerA .box1{
									float: left;
									padding-left: 150px;
								}

								#contentsD .cont_inner01 .innerA .box2{
									padding-left: 503px;
								}
						
						#contentsD .cont_inner01 .innerB{}

							#contentsD .cont_inner01 .innerB ul{}

							#contentsD .cont_inner01 .innerB li{}
							
							#contentsD .cont_inner01 .innerB img{
								padding-left: 225px;
							}

							#contentsD .cont_inner01 .innerB p{
								margin: 20px 51px;
							}
							#contentsD .flex {
								display: flex;
								align-items: center;
								justify-content: center;
							}
							#contentsD .flex dd {
								margin-left: 55px;
							}
							#contentsD .flex .relative {
								position: relative;
							}
							#contentsD .flex .relative .stepup_rate {
								position: absolute;
								content: "";
								top: 50%;
								right: 8%;
							}
							#contentsD .flex .relative .stepup_rate-item {
								position: absolute;
								content: "";
								left: 25%;
							}
							#contentsD .flex .relative .stepup_rate-item.stepup_6th_rate-item {
								top: 32%;
							}
							#contentsD .flex .relative .stepup_rate-item.stepup_10th_rate-item {
								top: 73%;
							}
							#contentsD .flex.stepup_recommend {
								margin: 0 20px;
								justify-content: space-between;
							}
				#contentsE{}

					#contentsE .box00 p{
						text-align: right;
						margin: -55px 150px 0px 0px;
					}
						

					#contentsE .box1{
						width: 978px;
						height: 300px;
						position: relative;
						}

							#contentsE .box1 h4{}

							#contentsE .box1 dl{}

								#contentsE .box1 dt{
									position: absolute;
									top: 54px;
									left: 96px;
								}

								#contentsE .box1 dd{
									position: absolute;
									top: 54px;
									left: 347px;
								}
								#contentsE .box1 .item03{
									position: absolute;
									top: 142px;
									left: 480px;	
								}
								#contentsE .box1 .item04{
									position: absolute;
									top: 233px;
									left: 480px;
								}
						
						#contentsE .box2{
						width: 978px;
						height: 200px;
					
						}

							#contentsE .box2 h5{}

							#contentsE .box2 .area1{
								padding: 20px 50px;
								float: left;
							}
							#contentsE .box2 .area2{
								
							}
							/*#contentsE .box2 dl{}

								#contentsE .box2 dt{
									position: absolute;
									top: 8px;
									left: 51px;	
								}

								#contentsE .box2 dd{
									position: absolute;
									top: 8px;
									left: 451px;	
								}*/

						#contentsE .box3{}

							#contentsE .box3 h4{}

							#contentsE .box3 p{
								margin-left: 151px;
							}

						#contentsE .box4 {}

							#contentsE .box4 h3{}

							#contentsE .box4 ul{
								overflow: hidden;
								zoom:1;
							}

								#contentsE .box4 li{
									float: left;
									margin-left: 17px;
							
							}
							#contentsE .box_inner{
							}
								#contentsE .box_inner h5{
									padding-left: 51px;
								}

								#contentsE .box_inner p{
									padding-left: 51px;
								}

								

						
						#contentsE .box5{}

							#contentsE .box5 h4{}

							#contentsE .box5 h5{}

							#contentsE .box5 p{
								padding-left: 51px;
							}
							#contentsE .box5 .item00{
								margin: 25px 170px;
							}

				#important{
					width: 800px;
					background-color: #efefef;
					margin: 40px auto;
					padding: 20px;
				}
					#important h3{
						color: #d20000;
						font-weight: 900;
						font-size: 16px;
						padding-left: 5px;
					}
					#important ul{}

						#important li{
							width: 750px;
							line-height: 1.6em;
							margin: 2px 0px 2px 10px;  

						}

						#important .jibun{
							text-align: right;
							padding-top: 10px;
						}

				#footer{
					text-align: center;
				}
					#footer .copyright{
						padding-bottom: 30px;
					}
					.c-alertBlock-01#important {
						background-color: #ffdede;
						border: 1px solid #e50000;
					}