#content {
	width:600px;
	max-width:96%;
	margin-top:15px;
	margin-left:auto;
	margin-right:auto;
	height:90vh;
	border:1px solid #999;
	border-radius:10px;
	overflow:hidden;
	border-color: rgba(0, 0, 0, 0.175);
	box-shadow: 0 2px 15px -3px rgba(0,0,0, 0.07), 0 10px 20px -2px rgba(0,0,0, 0.04);
}
#content h2 {
	background-color:rgb(84, 180, 211);
	color:#fff;
	text-align:center;
	margin-top:0;
	margin-bottom:0;
}
#inner {
	height:calc(90vh - 85px);
	overflow-y:scroll;
	padding:24px;
	margin-bottom:20px;
}

.init {
	font-size:90%;
	text-align:right;
}

.anser {
	border:1px solid rgb(224,224,224);
	background-color:rgb(251,251,251);
	border-radius:10px;
	padding:16px;
}

.copy {
	text-align:center;
	font-size:14px;
}

div.rireki {
	margin-top:1em;
	margin-bottom:0;
}

p.kaito span.lastKaiyo ,
.shitsumon {
	margin-top:0;
	border-radius:10px;
	background-color: rgba(57, 192, 237,.2);
	display:inline-block;
	width:auto;
	padding:16px;
}
div.shitsumon {
	margin-bottom:1em;
}

p.kaito input[type='submit'] ,
p.kaito button[type='submit'] {
	--mdb--bg-opacity: 1;
	background-color: rgba(59, 113, 202, var(--mdb--bg-opacity));
	color:#fff;
	border:none;
	margin:4px 2px 4px 4px;
	padding:8px 16px;
	border-radius:10px;
	cursor:pointer;
}
p.kaito button[type='submit'] {
	letter-spacing:4px;
	margin-left:8px;
}
p.kaito input[type='submit']:hover ,
p.kaito button[type='submit']:hover {
	background-color: rgba(59, 113, 202, 0.7);
}
p.kaito button[type='submit'].btn2 {
	margin-left:0;
	margin-top:1.5em;
}

p.kaito textarea ,
p.kaito input[type='mail'] ,
p.kaito input[type='text'] {
	padding:8px 16px;
	border-radius:10px;
	border:1px solid rgb(224,224,224);
	background-color:rgb(251,251,251);
	margin-right:4px;
	width:2em;
}
p.kaito input[type='mail'].long ,
p.kaito input[type='text'].long {
	width:calc(100% - 48px);
}
p.kaito textarea {
	width:calc(100% - 48px);
	min-height:3em;
}
p.kaito select {
	padding:8px 16px;
	border-radius:10px;
	border:1px solid rgb(224,224,224);
	background-color:rgb(251,251,251);
	margin-right:4px;
}

p.right {
	text-align:right;
}

span.under {
	display:inline-block;
	width:100%;
	border-bottom:2px solid #738186;
	padding-bottom:2px;
	margin-bottom:2px;
}

table.plansTable {
	margin-top:4px;
	margin-bottom:1em;
	width:100%;
}
table.plansTable tr th {
	width:30%;
	min-width:166px;
	border-color:#fff;
	color:#fff;
	background-color: #486cb5;
	text-align:left;
	font-weight:normal;
	padding:2px 6px;
}
table.plansTable tr td {
	border-color:#d7f2fb;
	background-color: #fff;
	padding:2px 6px;
}
table.plansTableLast {
	margin-bottom:0;
}


@media (max-width: 480px) {
	table.plansTable tr th ,
	table.plansTable tr td {
		display:block;
		width:calc(100% - 12px);
	}
}