@charset "utf-8";
/* ===================================================================

 file name  :guide.css
 style info :ご利用案内

=================================================================== */
/*================

	overwrite

================*/
#main{
	padding: 0 0 82px;
}

/*================*/

/* sec01 */
#main .sec01{
	margin: 0 0 46px;
	padding: 18px 23px 23px;
	background: #cce1f1;
	border-radius: 4px;
}
#main .sec01 h3{
	margin: 0 0 20px;
	text-align: center;
}
#main .sec01 .sec-inner{
	display: flex;
	padding: 36px 38px 32px 33px;
	background: #fff;
}
#main .sec01 .sec-inner .txt-block{
	position: relative;
}
#main .sec01 .sec-inner .txt-block h4{
	margin: 0 0 30px;
	padding: 0 0 23px;
	text-align: center;
	border-bottom: dashed 1px #95b3db;
}
#main .sec01 .sec-inner .txt-block p{
	padding: 0 0 0 37px;
	font-size: 123%;
	line-height: 2.25;
}
#main .sec01 .sec-inner .txt-block .wappen{
	position: absolute;
	top: -98px;
	right: -24px;
}

/* sec02 */
#main .sec02{
	margin: 0 0 54px;
	padding: 10px;
	border: solid 1px #eb7474;
	background: #fadada;
	position: relative;
}
#main .sec02 .sec-inner{
	padding: 54px 34px 32px 40px;
	background: #fff;
}
#main .sec02 .sec-inner h3{
	width: 100%;
	text-align: center;
	position: absolute;
	top: -2px;
	left: 0;
}
#main .sec02 .sec-inner .block{
	display: flex;
	justify-content: space-between;
}

/* sec03 */
#main .sec03{
	padding: 40px 36px;
	border: solid 23px #fadada;
	border-radius: 4px;
}
#main .sec03 h3{
	margin: 0 0 44px;
	padding: 12px 22px;
	background: #eb7474;
}
#main .sec03 ul{
	display: flex;
	justify-content: space-between;
}


/* ==========================================================================
   smartPhone
   ========================================================================== */
@media screen and (max-width: 640px){
	#main {
		padding: 22px 15px;
	}
	/* sec01 */
	#main .sec01{
		margin: 0 0 20px;
		padding: 10px;
		border-radius: 2px;
	}
	#main .sec01 h3{
		margin: 0 0 10px;
	}
	#main .sec01 h3 img{
		width: auto;
		height: 16px;
	}
	#main .sec01 .sec-inner{
		display: block;
		padding: 15px;
	}
	#main .sec01 .sec-inner .txt-block h4{
		margin: 30px 0 15px;
		padding: 0 0 15px;
	}
	#main .sec01 .sec-inner .txt-block h4 img{
		width: auto;
		height: 16px;
	}
	#main .sec01 .sec-inner .txt-block p{
		padding: 0;
		font-size: 100%;
		line-height: 1.8;
	}
	#main .sec01 .sec-inner .txt-block .wappen{
		width: 80px;
		position: absolute;
		top: -30px;
		right: -20px;
	}
	
	/* sec02 */
	#main .sec02{
		margin: 0 0 20px;
		padding: 5px;
	}
	#main .sec02 .sec-inner{
		padding: 40px 15px 15px;
	}
	#main .sec02 .sec-inner .block{
		display: block;
		justify-content: space-between;
	}
	#main .sec02 .sec-inner .block p{
		margin: 0 0 20px;
	}
	/* sec03 */
	#main .sec03{
		padding: 15px 15px 20px;
		border: solid 10px #fadada;
		border-radius: 2px;
	}
	#main .sec03 h3{
		margin: 0 0 20px;
		padding: 5px 10px;
	}
	#main .sec03 h3 img{
		width: auto;
		height: 16px;
	}
	#main .sec03 ul{
		display: block;
	}
	#main .sec03 ul li + li{
		margin: 10px 0 0;
	}

}