/* IMPORT CSS */
@import url("style.css");

.box {
	margin: 0 0 3.0rem 0;
	border:#FF9900 solid 4px;
	border-radius:5px;
	padding:2.5rem 2.5rem 1.0rem 2.5rem ;
	background:#FFE599;
	text-align:center;
}

.box-rec { margin: 0 0 2.0rem 0; border:#CCC solid 1px; border-radius:5px; padding:2.0rem 2.0rem 0 2.5rem; background:#EFEFEF;}

/* 背景青付箋風 */
h3.rec {
  position: relative;
  background: #475497;
  box-shadow: 0px 0px 0px 5px #475497;
  border: dashed 1px #E0F0FF;
  padding: 0.2em 0.5em;
  margin-bottom:1.5em;
  color: #FFF;
  font-size:2.4rem;
}

h3.rec:after {
  position: absolute;
  content: '';
  left: -7px;
  top: -7px;
  border-width: 0 0 15px 15px;
  border-style: solid;
  border-color: #FFF #FFF #99CCFF;
  box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

.box h4 {
	color: #C00;
	font-size:2.6rem;
	font-weight:bold;	
	margin:0 0 1em 0;
	position: relative;
	display: inline-block;
	padding: 0 55px;
}

.box h4 h4:before,.box h4 h4:after {
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #C00;
}

h4:before { left:0;}
h4:after { right: 0;}

.box ul { text-align:left;}

@media screen and (max-width:1024px) {
	.box h4 { font-size:2.4rem; padding: 0 30px;}
	h4:before, h4:after { width: 30px;}
}

@media screen and (max-width: 768px){
	h3.rec { font-size:1.8rem;}
	.box h4 { font-size:2.2rem;}
}


table.contents {
	width:90%;
	margin:0 5% 10% 5%;
	border-collapse: collapse;
}

table.contents th {
	padding: 0.5em 0;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: #EDF3E0;
	color: #060;
}

table.contents td {
	padding: 0.8em 1em;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	text-align:left;
	background:#FFF;
}

table.tel { border-collapse:collapse;}
table.tel td { padding:0 0 0 0.5em;}

@media screen and (max-width:1024px) {
	table.contents { font-size:14px;}
}


@media screen and (max-width:480px) {
	table.tel th,table.tel td { display:block; width: auto;}
	table.contents { font-size:12px;}
	table.contents td { padding: 0.5em; width:20%;}
	table.contents th.no-line { border-top: none;}
	table.contents td.no-line { border-top: none;}
}