@charset "utf-8";
/* CSS Document */

.img-responsive-center {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
}

.inner {
  max-width: 1040px;
  margin: 0 auto;
}

/* ==================== top ==================== */

/* ==================== header / link color change ==================== */

#index-menu li a,
#index-menu li:hover > a {
	color: #333;
}

#container-top-moving {
  margin: 0 auto;
  text-align: center;
  background-color: #FFF;
}

#container-top {
  background-color: #FFF;
  margin: 0 auto;
  text-align: center;
  padding: 0;
  max-width: 1480px;
}

#container-top .news {
	text-align:left;
	margin: 2rem 10%;
}

#container-top .service {
  margin: 0;
  padding: 0;
}

#container-top .service img {
  width: 100%;
  vertical-align: bottom;
}

/* ==================== text moving ==================== */
.block-base {
	line-height: calc((1rem + 0.25vw) * 2);
	margin: 0 auto;
	max-width: 1400px;
	height: auto;
}

.block-home {
	letter-spacing: .1rem;
	margin: 0 auto;
	position:relative;
}

.block-home .text-box-r-title {
	background-color: rgba(22,35,127,0.8);
	color: #FFF;
	font-size: calc((1rem + 0.25vw) * 1.5) ;
	left: 30%;
	position:absolute;
	padding: .8rem 1rem;
	top: 40%;
}

.block-home .text-box-r-mess {
	background-color: rgba(22,35,127,0.8);
	color: #FFF;
	font-size: calc(1.125rem + 0.25vw);
	left: 30%;
	padding: .8rem 1rem;
	position:absolute;
	text-align: left;
	top: 60%;
}

.block-home .text-box-l-title {
	background-color: rgba(38,120,176,0.8);
	color: #FFF;
	font-size: calc((1rem + 0.25vw) * 1.5) ;
	right: 15%;
	position:absolute;
	padding: .8rem 1rem;
	top: 40%;
}

.block-home .text-box-l-mess {
	background-color: rgba(38,120,176,0.8);
	color: #FFF;
	font-size: calc(1.125rem + 0.25vw);
	right: 15%;
	padding: 1rem;
	position:absolute;
	text-align: left;
	top: 60%;
}

#container-top-moving .service-left img {
  margin: 0 40% 3rem 0;
  vertical-align: bottom;
  width: 60%;
  height: auto;
}

#container-top-moving .service-right img {
  margin: 0 0 3rem 40%;
  vertical-align: bottom;
  width: 60%;
  height: auto;
}
/* ==================== end text moving ==================== */

.img-responsive-center_block {
  margin: 0 auto;
  max-width: 100%;
  height: auto;
  display: block;
}

#container-top .service-title{
  padding: 0 0 1rem 0;
}

#innovation {
  padding: 6rem 0 4rem 0;
}

.bg-gray {
  background-color: #DFE0E0;
}

.bg-square {
  background: url(../img/bg-diamond-gray.svg) repeat;
}

#about {
  background-color: #16237F;
  color: #FFF;
  padding: 7rem 0;
}

#about table {
  border-collapse: collapse;
  border-bottom: 1px solid #FFF;
  margin: 3rem auto 5rem auto;
  width: 80%;
}

#about table tr {
  border-top: 1px solid #FFF;
}

#about table tr td {
  letter-spacing: .3rem;
  padding: .5rem 1.3rem;
  text-align: left;
  vertical-align:middle;
}

#about table tr td:first-child {
  border-right: 1px solid #FFF;
  text-align: right;
  width: 35%;
}

#about .map {
  margin: 3rem auto;
  width: 80%;
}

#greeting {
  padding: 7rem 0 2rem 0;
  text-align:center;
  width: 1000px;
  margin: 0 auto;
}

#greeting p {
  color: #16237F;
  text-align: left;
}

#greeting p:first-of-type {
  padding: 3rem 0 0 0;
}

#greeting p:last-of-type {
	text-align: right;
}

/*==================== raf ====================*/
#raf {
  text-align: center;
}

#raf h2 {
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: .15rem;
  padding: 1rem 0;
}

.raf-flow {
  background-color: #d9d9d9;
  padding: 5rem 0;
}

.raf-flow .inner .flow {
  background-color: #FFF;
  margin: 0 auto;
  max-width: 800px;
  height: 13.8rem;
}

.raf-flow .inner .flow .text {
  margin: 1.5rem 1.5rem 1.5rem 55%;
  padding: 2rem 0 0 0;
  text-align: left;
}

.raf-flow .inner .flow .text span {
  font-size: 1.8rem;
  letter-spacing: 0.3rem;
}

.raf-flow .inner .flow .text p {
  margin: 1rem 0 0 0;
}

.flow01 {
  background: url(../img/raf-flow01.png) no-repeat left 50%;
  background-size: 48% auto;
}

.flow02 {
  background: url(../img/raf-flow02.png) no-repeat left 50%;
  background-size: 48% auto;
}

.flow03 {
  background: url(../img/raf-flow03.png) no-repeat left 50%;
  background-size: 48% auto;
}


.raf-flow img:first-of-type {
  margin: 4rem 0 2rem 0;
}

.raf-character {
  background: url(../img/raf-character-bg.jpg) no-repeat center;
  background-size : cover;
  padding: 3.5rem 0 0 0;
}

.raf-character .inner .inner-box {
  display: flex;
  justify-content: center;
  margin: 5rem auto 0 auto;
}

.raf-character .inner .character-img {
  margin: 0 0 5rem 0;
  text-align: center;
  width: 33%;
}

.raf-character .inner .character-img img {
  width: 80%;
  margin: 0 10%;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
.raf-character .inner .inner-box {
  display:inherit;
}

.raf-character .inner .character-img {
  margin: 0 0 1.5rem 0;
  width: 100%;
}

.raf-character .inner .character-img:last-of-type {
  margin: 0;
  padding: 0 0 3rem 0;
}
}

.raf-system {
  background: url(../img/bg-diamond.svg) repeat;
  background-color: #F5F5F5;
  padding: 5rem 0;
}

.raf-system p{
  font-size: 1.2rem;
  margin: 2rem 0;
}

.raf-system img:first-of-type {
  margin: 2rem 0;
}

.raf-system img:last-of-type {
  margin: 5rem 0;
}

.raf-tool {
	padding: 7rem 0 0 0;
}

.raf-tool img {
  margin: 4rem 0;
}

/*==================== m_media ====================*/

#m_media {
  text-align: center;
  position: relative;
}

.media-introduction {
	padding: 7rem 0 0 0;
}

.media-introduction h2 {
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: .15rem;
  padding: 1rem 0;
}

.media-introduction h2 + p {
  font-size: 1.2rem;
  margin: 2rem 0;
}

.media-expand {
  display: box;
  display: -webkit-box;
  display: -moz-box;
  display: -o-box;
  display: -ms-flexbox;
  box-pack: justify;
  margin: 5rem auto;
  -moz-box-pack: justify;
  -webkit-box-pack: justify;
  -o-box-pack: justify;
  -ms-box-pack: justify;
}

.media-expand .box {
  display: block;
  width: 50%;
  padding: 0 2rem;
  text-align: left;
}

.media-expand .box .title {
  font-weight: bold;
  font-size: 1.2rem;
  margin: 0 0 1rem 0;
}

.media-expand .box:first-of-type {
  border-right: 1px solid #16237F;
}

.media-expand .box:last-of-type {
}

.media-expand .box .bt {
  margin: 2rem 0 0 0;
}

.media-expand .box .bt a {
  color: #FFF;
  display:block;
  font-size: 1.2rem;
  padding: .5rem;
  text-align: center;
  width: 100%;
}

.media-expand .box .bt a:hover {
  background-color: rgba(255,255,255,0.5);
  text-decoration: none;
}

.media-expand .box:first-of-type .bt {
  background-color: #356F38;
}

.media-expand .box:last-of-type .bt {
  background-color: #004A9D;
}

.media-merit {
  background: url(../img/bg-square.svg) repeat;
  background-color: #DCEBCE;
  padding: 7rem 0 0 0;
}

.media-merit h2 {
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: .15rem;
  padding: 3rem 0;
}

.media-merit .inner .item {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: stretch;
}

.media-merit .inner .item .box {
  flex-basis: 43%;
  padding: 1rem 2rem;
  margin: 0 0 2rem 0;
}

.media-merit .box .title {
  border-bottom: 1px solid #000;
  font-size: 1.2rem;
  font-weight: bold;
  text-align:left;
}

.media-merit .box p {
  text-align:left;
  min-height: 7rem;
}

.media-merit .box img {
  margin: 1rem 0 2rem 0;
  width: 100%;
}

.about-epark {
  background: url(../img/m_media-about-bg.jpg) no-repeat;
  background-size : 100% 100%;
  padding: 8rem 0 15.2rem 0;
  position: relative;
}

.about-epark .inner{
  position: relative;
}

.about-epark .text {
  background: #FFF;
  font-size: 1.2rem;
  margin: 0 0 0 5rem;
  padding: 3rem 5rem;
  text-align: left;
  width: 35rem;
  z-index: 10;
}

.about-epark .text img {
  margin: 0 0 2rem 0;
}

.about-epark .text .bt {
  background-color: #83B81F;
  border-radius : 1.5rem;
  margin: 2rem 30% 0 0;
  width: 70%;
}

.about-epark .text .bt a {
  color: #FFF;
  display:block;
  font-size: 1.2rem;
  padding: .5rem;
  text-align: center;
  width: 100%;
}

.about-epark .text .bt a:hover {
  background-color: rgba(255,255,255,0.5);
  text-decoration: none;
}

.about-epark .member{
  position:absolute;
  display: block;
  bottom: 0%;
  left: 50%;
  height: auto;
}

@media screen and (orientation: landscape) {
  .media-expand .box:last-of-type p {
	 height: 8rem;
  }
}

@media screen and (orientation: portrait) {
  .media-expand .box:first-of-type .title {
	height: 5rem;
  }
  
  .media-expand .box:first-of-type p {
	 height: 11rem;
  }
	
  .about-epark .text {
    padding: 3rem;
	width: 30rem;
  }
	
  .about-epark .member{
    position:absolute;
    bottom: 0%;
    left: 45%;
	width:50%;
  }
}

/*==================== web_ad ====================*/
#web_ad {
  text-align: center;
}

#web_ad .inner {
  max-width: 800px;
  margin: 0 auto;
}

.web_ad_flow {
  background-color: #D0DBE0;
}

.web_ad_flow h3,
.ad_serving h3 {
  font-size: 2rem;
  font-weight: 200;
  letter-spacing: .15rem;
  padding: 5rem 0 3rem 0;
}

.web_ad_flow img {
  margin: 5em 0;
}

.ad_serving {
}

.ad_serving > img {
	width: 100%;
}

.ad_serving .ad_serving_content {
  border: 1px solid #16237F;
  box-sizing: border-box;
  text-align: left;
  margin: 1rem 1rem 4rem 1rem;
}

.ad_serving .ad_serving_content .title {
  color: #16237F;
  padding: .5rem 1.5rem; 
}

.ad_serving .ad_serving_content .ad-service {
  border-top: 1px solid #16237F;
  padding: 1rem 1.5rem 2rem 1.5rem;
}

/*==================== solution ====================*/
#solution {
  text-align: center;
}

.jump-menu {
  background-color: #16237F;
  padding: 5rem 0;
}

.jump-menu-container {
  align-items: center;
  border-right: #FFF 1px solid;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  max-width: 870px;
  margin: 0 auto;
}

.jump-menu-item {
  border-left: #FFF 1px solid;
  box-sizing: border-box;
  flex-basis: 50%;
}

.jump-menu-item span {
  display: block;
  font-size: 1.2rem;
  margin: 2rem 0 0 0;
}

.jump-menu-item a {
  color: #FFF;
  display: block;
  padding: 2rem 0;
  text-align: center;
  width: 100%;
}

.jump-menu-item a:hover {
  text-decoration: none;
  background: rgba(255,255,255,0.3);
}

.solution-subtitle-mobile {
  background: url(../img/solution-mobile.jpg) no-repeat 100% 50%;
  background-size: 50% auto;
}

.solution-subtitle-security {
  background: url(../img/solution-security.jpg) no-repeat 100% 50%;
  background-size: 50% auto;
}

.solution-subtitle-power {
  background: url(../img/solution-power.jpg) no-repeat 100% 50%;
  background-size: 50% auto;
}

.solution-subtitle {
  background-color: #D9D9D9;
  padding: 0;
}

.solution-subtitle-text {
  margin: 0 50% 0 0;
  padding: 4rem 2rem 5rem 2rem;
  text-align: left;
  min-height: 23.5rem;
  font-size: 1.2rem;
}

.solution-subtitle-text h3 {
  font-size: 2rem;
  font-weight: 200;
  line-height: 3rem;
  letter-spacing: 0.3rem;
  margin: 0 0 1.5rem 0;
}

/*==================== solution .solution-content ====================*/

.solution-content {
  margin: 5rem 0;
}

.solution-content .inner .title {
  margin: 0 4rem 4rem 4rem;
}

.solution-content h4 {
  text-align: left;
}

.solution-content p{
  text-align: left;
}

.solution-content .point {
  background: url(../img/solution-point-bg.png) repeat;
  padding: 5rem 6rem 3rem 6rem;
  margin: 4rem 0 0 0;
  text-align:left;
}

.solution-content .point h5 {
  font-size: 1.3rem;
  padding: 0 0 1.5rem 0;
}

.solution-content .point .inner {
  display: flex;
  flex-wrap: wrap;
}

.solution-content .point .inner .box {
  border: #16237F 1px solid;
  box-sizing: border-box;
  background-color: #FFF;
  margin: 1rem 0 1.5rem 4.5%;
  flex-basis: 45%;
  min-height: 30rem;
}

.solution-content .point .inner .box:nth-of-type(odd) {
  margin: 1rem 5% 1.5rem 0;
}

.solution-content .point .inner .box img {
  width: 100%;
}

.solution-content .point .inner .box .option {
  background-color: #000;
  color: #FFF;
  font-size: .8em;
  font-weight: 200;
  padding: .3em;
  margin: 1.5rem 1.5rem 0 1.5rem;
}

.solution-content .point .inner .box .option + p {
  margin: .5rem 1.5rem 1.5rem 1.5rem;
}

.solution-content .point .inner .box p {
  margin: 1.5rem;
}

.solution-content .point .inner .box p span {
  font-weight: bold;
  font-size: 1.2rem;
  letter-spacing: 0.3rem;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
	
.solution-content .point .inner {
  padding: 1rem;
  margin: 0 0 1rem 0;
}

.solution-content .point p {
  padding: 0 5% 1.5rem 5%;
}

.solution-content .point .inner .box {
  border: #16237F 1px solid;
  background-color: #FFF;
  margin: 1rem 0 1.5rem 0;
  width: 100%;
}

.solution-content .point .inner .box img {
  width: 100%;
}

.solution-content .point .inner .box .option {
  background-color: #000;
  color: #FFF;
  font-size: .8em;
  font-weight: 200;
  padding: .3em;
  margin: 1.5rem 1.5rem 0 1.5rem;
}

.solution-content .point .inner .box .option + p {
  margin: .5rem 1.5rem 1.5rem 1.5rem;
}

.solution-content .point .inner .box p {
  margin: 1.5rem;
}

.solution-content .point .inner .box p span {
  font-weight: bold;
  font-size: 1.2rem;
}

}

.solution-content .point .linkage {
  border: none;
  background: url(../img/solution-mobile_point01-5.jpg) no-repeat right 50%;
  background-color: #FFF;
  background-size: 54% auto;
  margin: 2rem 0;
}

.solution-content .point .linkage .text {
  padding: 2rem 60% 3rem 2rem;
}

.solution-content .point .linkage .text span {
  font-weight: bold;
  display: block;
  letter-spacing: 0.3rem;
  padding: 0 0 1rem 0;
}

/*==================== solution .security-function ====================*/

.security-function {
  font-size: 1.5rem;
  line-height: 3;
  margin: 5rem 0;
  text-align:center;
}

.security-function h4 {
  font-size: 2.5rem;
  font-weight: 200;
}

.security-function .inner {
  display: flex;
  flex-wrap: wrap;
}

.security-function .inner .box {
  flex-basis: 33%;
  line-height: 1.5;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.security-function .inner {
  display: inherit;
}

.security-function .inner .box {
  line-height: 1.5;
}

.security-function .inner .box img {
  width: 45%;
}

}


/*==================== solution .security-character ====================*/

.security-character .point {
  padding: 5rem 6rem 3rem 6rem;
  margin: 4rem 0 0 0;
  text-align:left;
}

.security-character .point h5 {
  font-size: 1.3rem;
  font-weight: 200;
  padding: 0 0 1.5rem 0;
}

.security-character .point .inner {
  display: flex;
  flex-wrap: wrap;
}

.security-character .point .inner .box {
  border: #16237F 1px solid;
  background-color: #FFF;
  margin: 2rem 0 1rem 4.5%;
  flex-basis: 45%;
}

.security-character .point .inner .box:nth-of-type(odd) {
  margin: 2rem 5% 1rem 0;
}

.security-character .point .inner .box img {
  border-bottom: #16237F 1px solid;
  width: 100%;
}

.security-character .point .inner .box p {
  margin: .5rem 1.5rem 1.5rem 1.5rem;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.security-character .point .inner {
  display: inherit;
}

.security-character .point .inner .box {
  border: #16237F 1px solid;
  background-color: #FFF;
  margin: 2rem 0 1rem 0;
  width: 100%;
}

.security-character .point .inner .box:nth-of-type(odd) {
}

.security-character .point .inner .box img {
  border-bottom: #16237F 1px solid;
  padding: 1rem 20%;
  width: 100%;
}

.security-character .point .inner .box p {
  margin: 1.5rem;
}
}

/*==================== solution .security-comparison ====================*/

.security-comparison .point {
  background: url(../img/solution-point-bg.png) repeat;
  padding: 5rem 6rem 3rem 6rem;
  margin: 4rem 0 8rem 0;
  text-align:left;
}

.security-comparison .point h5 {
  font-size: 1.3rem;
  padding: 0 0 1.5rem 0;
}

.security-comparison .point .inner {
  display: flex;
}

.security-comparison .point .inner .box {
  background-color: #FFF;
  margin: 2rem 0 1rem 0;
  padding: 2rem;
  flex-basis: 47%;
}

.security-comparison .point .inner .box .comparison-other {
  color: #808080;
}

.security-comparison .point .inner .box .comparison-our {
  color: #16237F;
  font-weight: bold;
}

.security-comparison .point .inner .box .comparison-other,
.security-comparison .point .inner .box .comparison-our {
  font-size: 1.2rem;
  text-align: center;
  padding: 0 0 2rem 0;
}

.security-comparison .point .inner .box:nth-of-type(odd) {
  margin: 2rem 6% 1rem 0;
}

.security-comparison .point .inner .box img {
  margin: 0 10%;
  width: 80%;
}

.security-comparison .point .inner .box p {
  margin: .5rem 1.5rem 1.5rem 1.5rem;
}

.security-comparison .status-bad {
  border: #0074AB 3px dotted;
  position:relative;
  margin: 1rem;
}

.security-comparison .status-bad .title {
  background-color: #fff;
  color: #0074AB;
  font-size: 1.4rem;
  font-weight: bold;
  top: -1.5rem;
  left: 1.5rem;
  display: inline;
  margin: 0 0 1rem 0;
  padding: 0 .2rem;
  position: absolute;
}

.security-comparison .point .inner .box .status-bad p,
.security-comparison .point .inner .box .status-good p {
  padding: 0 0 0 1rem;
  margin: 0 1rem -.5rem 1rem;
  text-indent: -1rem;
}

.security-comparison .point .inner .box .status-bad p:first-of-type,
.security-comparison .point .inner .box .status-good p:first-of-type {
  padding: .5rem 0 0 1rem;
  margin: 1rem 1rem 0 1rem;
}

.security-comparison .point .inner .box .status-bad p:last-of-type,
.security-comparison .point .inner .box .status-good p:last-of-type {
  padding: .5rem 0 0 1rem;
  margin: -.5rem 1rem 1.5rem 1rem;
}

.security-comparison .status-good {
  border: #A90000 3px dotted;
  position:relative;
  margin: 1rem;
}

.security-comparison .status-good .title {
  background-color: #fff;
  color: #A90000;
  font-size: 1.4rem;
  font-weight: bold;
  top: -1.5rem;
  left: 1.5rem;
  display: inline;
  margin: 0 0 1rem 0;
  padding: 0 .2rem;
  position: absolute;
}


@media screen and (min-width: 768px) and (max-width: 1024px) {
.security-comparison .point .inner {
  display: inherit;
}
.security-comparison .point .inner .box {
  width: 100%;
}
}

/*==================== solution .solution-power ====================*/

.solution-power {
  text-align: left;
  margin: 7rem 0 3rem 0;
}

.solution-power .inner {
  padding: 0 2rem;
}

.solution-power .inner h4 {
  font-size: 1.5rem;
  font-weight: 200;
  margin: 0 0 3rem 0;
}

.solution-power .inner .box01,
.solution-power .inner .box02,
.solution-power .inner .box03 {
  border: #000 1px solid;
  box-sizing: border-box;
  margin: 0 0 1.5rem 0;
}

.solution-power .inner .box01 p,
.solution-power .inner .box02 p,
.solution-power .inner .box03 p {
  margin: 3rem 2rem 3rem 48%;
  letter-spacing: .2rem;
  font-size: 1.2rem;
}

.solution-power .inner .box01 span,
.solution-power .inner .box02 span,
.solution-power .inner .box03 span {
  display: block;
  font-size: 1.8rem;
  margin: 0 0 1.5rem 0;
}

.solution-power .inner .box01 {
  background: url(../img/solution-power-character01.jpg) no-repeat left 50%;
  background-size: 42% auto;
}

.solution-power .inner .box02 {
  background: url(../img/solution-power-character02.jpg) no-repeat left 50%;
  background-size: 42% auto;
}

.solution-power .inner .box03 {
  background: url(../img/solution-power-character03.jpg) no-repeat left 50%;
  background-size: 42% auto;
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
	
.solution-power .inner .box01 p,
.solution-power .inner .box02 p,
.solution-power .inner .box03 p {
  margin: 1rem 2rem 1rem 48%;
  letter-spacing: .1rem;
  font-size: 1.2rem;
}
/*.solution-power .inner .box01 {
  background: url(../img/solution-power-character01.jpg) no-repeat -40% 50%;
  background-size: 60% auto;
}

.solution-power .inner .box02 {
  background: url(../img/solution-power-character02.jpg) no-repeat -40% 50%;
  background-size: 60% auto;
}

.solution-power .inner .box03 {
  background: url(../img/solution-power-character03.jpg) no-repeat -40% 50%;
  background-size: 60% auto;
}*/

}

/*==================== contact ====================*/
#contact {
  margin: 3rem 20% 10rem 20%;
}

#contact .hours {
  border-top: 1px solid #16237F;
  padding: 2.5rem 0 0 0;
  margin: 2.5rem 0 0 0;
}

address {
  font-style: normal;
  margin: 2rem 0 0 0;
  text-decoration: underline;
}

/*==================== privacy-policy ====================*/

#privacy-policy {
  margin: 3rem 20% 10rem 20%;
}

h3.privacy-policy{
  background-color: #D2D7E6;
  color: #16237F;
  font-size: 16px;
  padding: .8rem;
  margin: 1rem 0;
}

h4.privacy-policy {
  background-color: #DCDCDC;
  font-size: 14px;
  padding: .8rem;
  margin: 1rem 0;
}

#privacy-policy ol {
  margin: 0 0 3rem 1rem;
  padding: 0;
}

#privacy-policy ol li {
  margin: 0;
  padding: 0;
  list-style: decimal;
}

#privacy-policy .block-indent {
  margin: -2rem 0 0 1rem;
}

#privacy-policy .block-border {
  border-top: 1px solid #16237F;
  margin: 2rem 0 0 0;
  padding: 2rem 0 0 0;
}

#privacy-policy .block-border p:first-child {
  text-indent: -1rem;
  padding-left: 2rem;
}

#privacy-policy .block-border p:nth-child(2) {
  padding-left: 2rem;
}

.consultation {
  background: url(../img/privacy-mark.png) no-repeat right bottom;
  font-size: 14px;
  background-size: auto;
}

/* ==================== sitemap ==================== */
#sitemap {
  margin: 3rem 20% 10rem 20%;
}

h3.sitemap{
  background-color: #D2D7E6;
  color: #16237F;
  font-size: 16px;
  padding: .8rem;
  margin: 1rem 0;
}

#sitemap ul {
  margin: 2rem;
}

#sitemap ul li {
  margin: .5rem 0;
}

#sitemap ul li.indent {
  text-indent: 1rem;
}