@charset "UTF-8";
/* CSS ABOUT */

ol.message{
  margin: 0 ;
  padding: 1em ;
}

ol.message li{
  margin-left: 1em;
  padding-bottom: 1em ;
  font-size: 1.5em;
  font-weight: 600;
  color: #454A55;
  list-style: decimal;
  line-height: 2;
    font-family: "dnp-shuei-mgothic-std",sans-serif;
    color: #5897D1;
}

.panel{
    padding: 1em 1em;
    margin: 2em 0;
    background: white;
    border-top: solid 5px #619DB9;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.license{
  text-align: center;
  margin: 0 auto;
}

.license img{
  border: 1px solid #ccc;
}

.panel dl{
  padding: 10px 0;
}
	.panel dt{
clear: none;
  float: none;
  padding: 10px 0 5px 0;
		width:100%;
    font-weight: 600;
	}
	.panel dd{
		margin: 0;
		padding: 5px 0 10px 0;
		float: none;
		border-bottom: 1px dotted #999;
		width: 100%;
		text-align: right;
	}

.panel dd:before{
  content: "・・・";
}
	.panel:after{
		clear: both;
	}


.local_division{
  padding: 10px 0;
  margin: 1em 0;
  border-top: 1px dotted #999;
}
.local_division dt{
clear: none;
  float: none;
  padding: 10px 0 5px 0;
		width:100%;
    font-weight: 600;
      line-height: 1.3;
	}
	.local_division dd{
		margin: 0;
		padding: 5px 0 10px 0;
		float: none;
		border-bottom: 1px dotted #999;
		width: 100%;
		text-align: left;
        line-height: 1.3;
	}

	.local_division:after{
		clear: both;
	}

dl.history dt{
	float: none;
	clear: none;
	width: auto;
   line-height: 1.6;
  padding:10px 0 0 0;
  color: #1D4F9B;
}

dl.history dd{
padding:0 0 10 0;
border-bottom:#E5E6EA 1px solid;
   line-height: 1.6;
}
	  ul.service-panel {
			padding-bottom: 2em;
      letter-spacing: -.4em;
	}

@media screen and (min-width: 768px) {
  .panel{
    padding: 1em 2em;
    margin: 2em 0;
    background: white;
    border-top: solid 5px #619DB9;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

  
dl.history dt{
	padding-top:15px;
	float:left;
	clear: left;
	width:8em;
 line-height: 1.8;
}

dl.history dd{
	padding:15px 0 5px 15em;
border-bottom:#E5E6EA 1px solid;
   line-height: 1.8;
}

dl.history dd img{
	float:right;
	margin:0 0 0 15px;
max-width:200px ;
height:auto;
padding:4px;
}

dl.history dd:after{
	content: "";
    clear: both;
    display: block;
}

dl.history dd a{
	text-decoration:underline;
}
  
}

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

  	.panel dt{
		margin: 0;
		padding: 10px 0;
clear: left;
  float: left;
		width: 18em;
		border-bottom: 1px dotted #999;
	}
	.panel dd{
		margin: 0;
		padding: 10px 0;
		float: left;
		border-bottom: 1px dotted #999;
		width: calc(100% - 18em) ;
		text-align: right;
	}
	.panel:after{
		clear: both;
	}
  
.local_division { 
    width: 100%;
    height: auto;
}
.local_division dt{
  display:block;
    width: 4em;
    min-width: 6em;
  padding: 10px 0;
    float: left;
    clear: both;
    line-height: 1.6;
	}
	.local_division dd{
    display:block;
    padding: 10px 0;
    line-height: 1.6;
    margin-right:4em;
	}
	.local_division:after{
		clear: both;
	}
}