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

.cont_h1 h1{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:0px;
	padding:10px 20px;
	border:none;
	color:#7777bb;
}

@media screen and (max-width: 700px){

.cont_h1 h1{
	font-size:16px;
}
}


.cont_h2 h2{
	text-align:center;
	font-size:20px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:20px;
	padding:10px;
	border:none;
	background-color:#ff91bf;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-shadow:1px 1px 0 #333, -1px -1px 0 #333,
		-1px 1px 0 #333, 1px -1px 0 #333,
		0px 1px 0 #333,  0-1px 0 #333,
		-1px 0 0 #333, 1px 0 0 #333;
	font-weight:bold;
	color:#fff;
}


@media screen and (max-width: 700px){

.cont_h2 h2{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:20px;
	padding:10px;
	border:none;
}

}




.flexbox{
	display:flex;
	flex-wrap: wrap;
}

.example{
	background-color:#FFC;
	padding:20px;
}

.example .big{
	font-size:130%;
}

dl.plan dl,dt,dd {
margin: 0;
padding: 0;
}

dl.plan{
background: #cccce6;
border: 1px solid #7777bb;
width: 100%;
margin-bottom:30px;
}
dl.plan dt {
	text-align:center;
	font-weight:bold;
}
dl.plan dt,dd {
padding: 6px;
}

dl.plan dd {
background: #fff;
}
input{
max-width:99%;
}
textarea{
max-width:99%;
}

@media only screen and (min-width:768px){

blockquote { width:50%; margin:0 auto; }

dl.plan{
border-top: none;
width: 100%;
}
dl.plan dt {
border-top: 1px solid #7777bb;
clear: left;
float: left;
width: 26%;
}

dl.plan dd {
border-left: 1px solid #7777bb;
border-top: 1px solid #7777bb;
margin-left: 27%;
}