@charset "utf-8";

/* box1
--------------------------------------------------------- */
.box1 {
	position: relative;
	margin: -0.2em 0em 2em 0em;
	padding: 0.5em 1em;
	border: solid 2px #8d8d8d;
	border-radius: 8px;
	}

.box1 .box-title {
	font-size: 19px;
	font-weight: 500;
	line-height: 1.0;

	position: absolute;
	display: inline-block;
	top: -10px;
	left: 10px;
	padding: 0 9px;
	background: #FFF;
	}

.box1 p {
	margin: 0; 
	padding: 0;
	}

/* box2
--------------------------------------------------------- */
.box2 {
	padding: 1em;
	margin: 2em 0;
	background: #cde4ff;/*背景色*/
	border-radius: 8px;
	}

.box2 p {
	margin: 0; 
	padding: 0;
	}

/* box3
--------------------------------------------------------- */
.box3-2 {
	color: #FFF;/*文字色*/
	font-weight: bold;

	padding: 0.5em 0.5em;
	margin: 0em 0;
	background: #fff;
	border: solid 3px #4B4B4B;/*線*/
	border-radius: 10px;/*角の丸み*/
	height: 53px;
	display:inline-block;
}

.box3-2:hover {
	color: #fff;/*文字色*/

	background: #dcdcdc;
	}

.box3-2 p {
	margin: 0; 
	padding: 0;
	}

.box3-2 p.long {
	color: #FFF;/*文字色*/
	font-weight: bold;

	padding: 0.5em 0.5em;
	margin: 0em 0;
	background: #fff;
	border: solid 3px #4B4B4B;/*線*/
	border-radius: 10px;/*角の丸み*/
	height: 55px;
	display:inline-block;
	}

/* box4
--------------------------------------------------------- */
.box4-2 {
	padding: 0.5em 1em;
	margin: 2em 0;
	background: #cde4ff;/*背景色*/
	}

.box4-2 p {
	margin: 0; 
	padding: 0;
	}