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

/* ------------------------------- */
/* Greeting */
/* ------------------------------- */

#greeting .greeting,
#greeting .policy,
#greeting .guideline {
 margin-bottom: 100px;
}

#greeting .policy .sub-title,
#greeting .guideline .sub-title {
 color: #FFF;
 background: #D41E79;
}

/* Greeting */

#greeting .greeting table tr td {
 vertical-align: top;
}

#greeting .greeting img {
 margin-right: 20px;
}

#greeting .greeting h4 {
 margin-bottom: 10px;
 font-size: 1.4rem;
 font-weight: bold;
}

/* Policy */

#greeting .policy h4 {
 margin-bottom: 10px;
 font-size: 1.4rem;
 font-weight: bold;
}

#greeting .policy dl {
 display: flex;
 align-items: center;
 margin-top: 20px;
 padding-bottom: 5px;
 border-bottom: 1px solid #d41e79;
}

#greeting .policy dl dt {
 width: 150px;
 font-size: 1.4rem;
 font-weight: bold;
}


#greeting .policy dl dt span {
 margin-right: 5px;
 color: #d41e79;
 font-size: 2rem;
}

#greeting .policy dl dd {
 float: left;
}

@media (max-width: 991px) {
 #greeting .policy dl {
  display: block;
  overflow: hidden;
 }

 #greeting .policy dl dt {
  margin-bottom: 10px;
 }
}

/* Guideline */

#greeting .guideline .flex {
 display: flex;
 align-items: center;
}

#greeting .guideline ul li {
 position: relative;
 margin: 30px 0;
 vertical-align: middle;
}

#greeting .guideline ul li:before{ 
 display:inline-block; 
 vertical-align: middle;
 content:'';
 width:1em;
 height: 1em;
 background: #D41E79;
 margin-right: 8px;
}

@media (max-width: 991px) {
 #greeting .guideline img {
  margin-bottom: 20px;
 }
 
 #greeting .guideline ul li {
  margin: 0 0 20px 0;
}