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

.nagare {
	background-color: #f3feff;
	width: auto;
	padding: 30px 20px;
}

.taisyou{
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 14px;
	font-weight: 600;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 8px;
	width: 20%;
	display: block;
	background-color: #cae4e8;
	float: left;
	margin-top: 5px;
	
}

.taisyou_jikan {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 14px;
	font-weight: 400;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 8px;
	padding-left: 20px;
	width: 80%;
	display: block;
	background-color: #f4fafa;
	float: right;
	margin-top: 5px;
	
}


.case {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 20px;
	font-weight: 500;
	display: block;
	padding-left: 80px;
	padding-top: 20px;
	height: 65px;
	background-repeat: no-repeat;
	border-bottom: #666 dotted 2px;
	margin-bottom: 30px;
}
.case2 {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size: 20px;
	font-weight: 500;
	display: block;
	padding-left: 80px;
	padding-top: 20px;
	height: 65px;
	background-repeat: no-repeat;
	border-bottom: #e58fa7 dotted 2px;
	margin-bottom: 30px;
}



			.hitsuyounamono2 {
	font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
				font-size: 16px;
				list-style-type: none; /*点を非表示*/
				position: relative; /*基準位置*/
				padding-left: 0.6em;
				}
			.hitsuyounamono2:before {
				border-radius: 50%; /*丸くする*/
				width: 15px; /*点の幅*/
				height: 15px; /*点の高さ*/
				display: block;
				position: absolute; /*絶対配置*/
				left: 0.8em; /*点の位置*/
				top: 0.8em; /*点の位置*/
				content: "";
				background: #81cef0; /*点の色*/
			}
             
			.hitsuyounamono li {
				font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
           		display: block;
				width: auto;
				padding: 8px 40px;
				background-color: #eaf8f9;
				margin-bottom: 5px;
			}


			.suuji0 {
			  counter-reset: my-counter;
			  list-style: none;
			  padding: 0;
			}

			.suuji {
				position: relative;
			 　 font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
				display: block;
				width: auto;
				padding: 8px 40px;
				background-color: #eaf8f9;
				margin-bottom: 5px;
			}

			.suuji:before {
			  content: counter(my-counter);
			  counter-increment: my-counter;
			  background-color: #81cef0;
			  color: #fff;
			  display: block;
			  float: left;
			  line-height: 22px;
			  margin-left: -30px;
			  text-align: center;
			  height: 22px;
			  width: 22px;
			  border-radius: 50%;
			}




.w30per_f_left {
	width: 30%;
	padding-top: 20px;
}

.w60per_f_right {
	float: right;
	width: 60%;
}

@media screen and (max-width: 560px) {
 
.case2 {
	font-size: 18px;
	height: auto;
	padding-left: 70px;
	padding-top: 5px;
	line-height: 1.2;
	padding-bottom: 10px;
}
	
	
.case {
	font-size: 18px;
	padding-left: 70px;
	padding-bottom: 10px;
	height: auto;
}

	
.w30per_f_left {
	width: 40%;
}

.w60per_f_right {
	width: 55%;
}
	
}