.header__navi__area li.red span{
  border-bottom: 2px solid #C80000;
}
.header__navi__area li.yerrow span{
  border-bottom: 2px solid #FFC800;
}
.header__navi__area li.green span{
  border-bottom: 2px solid #64C800;
}
.header__navi__area li.blue span{
  border-bottom: 2px solid #0096FF;
}
.header__navi__area li.pink span{
  border-bottom: 2px solid #FF6496;
}
.DTP01-A .mainimg .container h1,
.DTP01-A .mainimg .container h2,
.maxwidth__contents .DTP01-B h2 {
  color: #fff;
}

.footer__area {
  background-color: #f8f8f8;
  color: #444;
  padding: 190px 0;
}
.maxwidth__contents .DTP12-A .footer__area {
  background: #2f2f2f;
}
.maxwidth__contents .DTP12-A .footer__area p {
  color: #fff;
}
.maxwidth__contents .DTP12-B .footer__area {
  border-top:#0068b6 2px solid;
  background: #fff;
}
.maxwidth__contents .DTP12-B .footer__area p {
  color: #666;
}
.maxwidth__contents .DTP12-C .footer__area {
  background: #0068b6;
}
.maxwidth__contents .DTP12-C .footer__area p {
  color: #fff;
}
.DTP07-1 .title__dotted p,
.DTP10-1 .title__dotted p {
  border-bottom: 3px dotted red;
}
.DTP08-1 .title__dotted p{
  border-bottom: 3px dotted black;
}
.title__underline p,
.title__underline__detail p {
  color: #fff;
}
.title__strype01 {
  border-left: 10px solid red;
}
.title__strype02 {
  border-bottom: 5px solid red;
}
.title__leftline02 {
  background: black;
}
.center {
	margin: 0 auto;
	text-align: center;
	}
.clear {
	clear: both;
}

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

.footer__area {
  background-color: #f8f8f8;
  color: #444;
  padding: 100px 0;
}
}

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

.footer__area {
  background-color: #f8f8f8;
  color: #444;
  padding: 50px 0;
}
}