@charset "UTF-8";

/*===============================================
●共通
===============================================*/



/*===============================================
●画面の横幅が641px以上(タブレット・PC)
===============================================*/
@media screen and (min-width: 641px) {

/* h2 */
h2{
	width:700px;
	height:40px;
	margin:30px auto 0px auto;
	padding:14px 0px 0px 25px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	background-color:#069;
}

h3{
	width:700px;
	height:30px;
	margin:20px auto 0px auto;
	padding:9px 0px 0px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	background-color:#069;
}


/* box01 */
#box01{
	width:700px;
	margin:30px auto 30px auto;
	padding:20px;
	border:#CCC 1px solid;
	border-radius:10px;
	background-color:#FFF;
	font-size:14px;
	line-height:160%;
	}
	
#box01 p.txt01{
	font-size:16px;
	font-weight:bold;
}

#box01 p.txt02{
	margin:10px 0px 0px 0px;
}

#box01 ul{
	margin:10px 0px 0px 30px;
}

#box01 ul li{
	margin:10px 0px 0px 0px;
	list-style:disc;
}

/* box02 */
#box02{
	width:700px;
	margin:40px auto 0px auto;
	}
	
/* box03 */
#box03{
	width:700px;
	margin:20px auto 0px auto;
	}	
	
#btn_position{
	width:700px;
	margin:50px auto 50px auto;
	text-align:center;
}

}

/*===============================================
●画面の横幅が640px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 640px) {	

/* 共通 */
body {
	background:none;
}


/* h2 */
h2{
	width:100%;
	height:40px;
	margin:30px auto 0px auto;
	padding:14px 0px 0px 25px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	background-color:#069;
}

h3{
	width:100%;
	height:30px;
	margin:20px auto 10px auto;
	padding:9px 0px 0px 10px;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	text-align:left;
	background-color:#069;
}


/* box01 */
#box01{
	width:100%;
	margin:20px auto 0px auto;
	padding:20px;
	border:#CCC 1px solid;
	border-radius:10px;
	background-color:#FFF;
	font-size:14px;
	line-height:150%;
	}
	
#box01 p.txt01{
	font-size:16px;
	font-weight:bold;
}

#box01 p.txt02{
	margin:10px 0px 0px 0px;
}

#box01 ul{
	margin:10px 0px 0px 20px;
}

#box01 ul li{
	margin:10px 0px 0px 0px;
	list-style:disc;
}

/* box02 */
#box02{
	width:100%;
	margin:0px auto 0px auto;
	}
	
/* box03 */
#box03{
	width:100%;
	margin:10px auto 0px auto;
	}		

#btn_position{
	width:100%;
	margin:10px auto 40px auto;
	text-align:center;
}


}