.bottom_title_area {
background-color:#f4f7fd;
background-image:url(../images/bottom_bg.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
}

.bottom_title {
font-size:260%;
font-weight:700;
margin-top:10px;
}

.bottom_title_sub {
text-transform: uppercase;
font-size:85%;
color:#2658d8;
text-align:left;
margin-bottom:0px;
font-weight:700;
padding-top:60px;

}
.bottom_title_lead {
padding-bottom:50px;
margin-top:30px;
font-size:95%;
line-height:200%;
font-weight:700;

}
@media screen and (max-width: 768px) {
.bottom_title_area {
background-image:url(../images/bottom_bg_sp.jpg);
background-position:left;
background-position:top;
background-repeat:no-repeat;
}
.bottom_title,.bottom_title_sub,.bottom_title_lead{
  text-shadow:
     1px  0   0 #fff,
    -1px  0   0 #fff,
     0    1px 0 #fff,
     0   -1px 0 #fff,
     0    0   8px rgba(255, 255, 255, 0.95),
     0    0  14px rgba(255, 255, 255, 0.8);

}

}


.bottom_main {
background-color:#f4f7fd;
background-image:url(../images/bottom_bg_02.jpg);
background-repeat:repeat-y;
background-position:center;
}
.bottom_main .wrap {

}
.news {
font-size:90%;
line-height:170%;
padding-top:30px;
}
.news h2 {
display: flex;
align-items: center;
padding: 6px 7px;
background-color: #f2f2f2;
color: #333333;
font-size:140%;
}

.news h2::before {
display: inline-block;
width: 5px;
height: 1.5em;
margin-right: .5em;
background-color: #2658d8;
content: '';
}
.news h3 {
font-size:120%;
border-bottom: 3px solid #f2f2f2;
margin-bottom:10px;
}

.news h3 span {
display: inline-block;
position: relative;
padding: 0 .4em .2em;
color: #333333;
}

.news h3 span::before {
position: absolute;
bottom: -3px;
left: 0;
width: 100%;
height: 3px;
background-color: #2658d8;
content: '';
}

.news_btn{
display:inline-block;
background-color:#1273ea;
color:#FFF;
border-radius:12px;
padding:0px 10px;
font-size:70%;
}