#area1 {
	max-width: 1500px;
	width: 100%;
	margin: 0 auto;
}
#area1 .block {
	position: relative;
	max-width: 1200px;
	width: 90%;
	padding: 30px 40px;
}
#area1 .block:nth-child(odd) {
	margin: 0 auto 60px 5%;
	border: #DB095A 5px solid;
	border-top: #DB095A 1px solid;
	border-left: #DB095A 1px solid;
}
#area1 .block:nth-child(even) {
	margin: 0 5% 60px auto;
	border: #ccc 5px solid;
	border-top: #ccc 1px solid;
	border-left: #ccc 1px solid;
}
#area1 .block:nth-child(odd)::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 30px;
  height: 30px;
  border: 30px solid #DB095A;
  border-right-color: #fff;
  border-bottom-color: #fff;
  box-sizing: border-box;
}
#area1 .block:nth-child(even)::after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: -5px;
  width: 30px;
  height: 30px;
  border: 30px solid #ccc;
  border-right-color: #fff;
  border-bottom-color: #fff;
  box-sizing: border-box;
}
#area1 .block .ph {
	width: 200px;
	position: absolute;
	top: -20px;
	right: -20px;
}

#area1 .block dl {
	border-bottom: #ccc 1px dashed;
	padding: 10px 0 15px;
}
#area1 .block dl:last-child {
	border-bottom: none;
}
#area1 .block dl.style1 {
	display: table;
	width: 100%;
	padding-right: 160px;
}
#area1 .block dl.style1 dt,
#area1 .block dl.style1 dd {
	display: table-cell;
}
#area1 .block dt {
	font-weight: 600;
	margin-bottom: 5px;
	font-size: 13px;
	color: #DB095A;
}
#area1 .block dl.style1 dt {
	width: 200px;
	margin-bottom: 0;
}
#area1 .block dd {
	padding: 0 10px 0 15px;
}
@media screen and (max-width: 1100px) {
}
@media screen and (max-width: 768px) {
	#area1 .block dl.style1,
	#area1 .block dl.style1 dt,
    #area1 .block dl.style1 dd {
        display: block;
    }
}
@media screen and (max-width: 580px) {
	#area1 .block {
        width: 94%;
        padding: 10px 20px;
    }
	#area1 .block:nth-child(odd) {
        margin: 0 auto 30px 3%;
        border: #DB095A 3px solid;
        border-top: #DB095A 1px solid;
        border-left: #DB095A 1px solid;
    }
    #area1 .block:nth-child(even) {
        margin: 0 3% 30px auto;
        border: #ccc 3px solid;
        border-top: #ccc 1px solid;
        border-left: #ccc 1px solid;
    }
	#area1 .block:nth-child(odd)::after {
      bottom: -3px;
      right: -3px;
      width: 20px;
      height: 20px;
      border: 20px solid #DB095A;
      border-right-color: #fff;
      border-bottom-color: #fff;
      box-sizing: border-box;
    }
    #area1 .block:nth-child(even)::after {
      bottom: -3px;
      right: -3px;
      width: 20px;
      height: 20px;
      border: 20px solid #ccc;
      border-right-color: #fff;
      border-bottom-color: #fff;
      box-sizing: border-box;
    }
	#area1 .block .ph {
		width: 100px;
		position: static;
		float: right;
		margin-right: -10px;
	}
	#area1 .block dl.style1 {
        padding-right: 0;
    }
	#area1 .block dt,
	#area1 .block dl.style1 dt {
		margin-bottom: 10px;
	}
	#area1 .block dd {
        padding: 0;
    }
}
/* --------------------------------------------------- */

/* --------------------------------------------------- */