/* footerは色ごとに4つのdiv要素に。 */

.PCN18_footer{}

/* flexをfst,scnd,thrdの3つの要素に適用 */
.fleCen2{
 display:flex;
 justify-content:center;
 flex-wrap: wrap;
 text-align:center;
}

.fst2{
  width:100%;
  height:192px;
  margin:0 auto;
}

.fst2 p{
  z-index:0;
 color: #ffffff;
 position: relative;
 font-size:2.4em;
 line-height: 0.8em;
 bottom:-60px;
}

.fst2 span{
 font-size:0.45em;
}

.fst2 a { text-decoration: none;color:#ffffff;}
.fouth2 a { text-decoration: none;color:#ffffff;}
.fst2 a:hover { text-decoration: none;}
.fst2 a:link {}

.scnd2 {
 align-items: center;
 background-color:#e5fdff;
 width:100%;
 min-height:87px;
}

.scnd2 img{
 margin-right:30px;
 margin-left:30px;
 margin-bottom:20px;
}

.thrd2 {
 background-color:#f0f0f0;
 width:100%;
 padding-bottom:20px;
 /* height:131px; */
}

.thrd2 a{
 margin-top:30px;
 margin-right:20px;
 margin-left:20px;
text-decoration: none;
}

.thrd2 a p{
 margin-top:6px;
 line-height: 1.5em;
 font-size:0.9em;
}

.fouth2{
 text-align:center;
 color:#ffffff;
 background-color:#000000;
 width:100%;
 /* height:307px; */
}

.fouth2 .lastPart2{
 padding-top:32px;
 line-height: 1.8em;
 font-size:1.4em;
 margin:0 auto;
 width:260px;
}

ul.lastPart2 li {
 margin:0px 3.5px;
 list-style-type: none;
 display:;
}

/* 表示が上にずれてゆくのを調整するもの。
原因はどうもflexにあるらしい */
.flexAdjust2X{
 position: relative;
 top:-2Xpx;
}