img.mail-icon{
 width: 40px;
margin-right: 20px;
display: inline-block;
vertical-align:baseline;
margin-bottom: -3px;
}
.footer-front{
    display: flex;
    width: 100%;
    text-align: center;
}
p.telephone,.email{
    font-size: 1rem;
    line-height: 1.8rem;
    text-align: center;
    color: #fff;
}
p.telnumber{
    font-size: 2.5rem;
    line-height:3rem;
    letter-spacing: 2px;
    color: #fff;
     font-family: 'Jost', sans-serif;
    text-align: center;
     font-weight: 300;
}

p.mailform{
    font-size: 2rem;
    line-height: 3rem;
    letter-spacing: 2px;
    font-weight: 400;
    text-align: center;
    color: #fff;
}

.front-left{
    padding: 25px 0 25px 0;
    width: 50%;
    background-color: #00548d;
    display: inline-block;
}
..front-left: hover{
    cursor
}
.front-right{
    padding: 25px 0 25px 0;
    width: 50%;
    background-color: #0071bc;
    display: inline-block;
}
.front-right:hover{
    background-color: #004071;
}


a.mail-button{
    text-decoration: none;
}

.copy-area{
    width: 100%;
    background: #343e4a;
    text-align: center;
    border-top: 1px solid #999;
}
.copy{
    color: #fff;
    font-size: 0.8rem;
    text-align: center;
    padding: 10px 0 10px 0;
}
li{
    list-style: none;
}
.item-area{
    display: inline-flex;
}
.footer-container{
    display: inline-flex;
}
.footer-item {
    flex-basis:auto;
}
a {
    text-decoration: none;
}
a.list-child:visited{
 color: #ccc;
}
a.footer-list:visited{
 color: #fff;
}
a.list-child:hover,
a.footer-list:hover{
    color: blue;
}
.list-child{
    margin-left: 1rem;
    font-size: 0.9rem;
    color: #ccc;
    line-height: 1.8rem;
}
ul{
    display: inline-block;
}
.footer-list{
    font-size: 1.1rem;
    line-height: 1.1rem;
    color: #fff;
    font-weight: 500;
    margin-top: -50px;
    padding-bottom: 20px;
    display: inline-block;
}
.footer-all{
    width: 100%;
    background: #343e4a;
        text-align: center;
}
.footer-logo{
    width: 200px;
}
.logo-area{
    width: auto;
   padding: 30px 60px 0px 0px;
   display: inline-block;
}
.footer-item,.footer-item02{
   padding: 40px 20px 40px 20px;
   display: inline-block;
      text-align: left;
}

img.p-mark{
   width: 80px;
   margin-top: 10px;
   margin-bottom: 10px;
}
.pmark-all{
    width: 100%;
   text-align: center;
}
.pmark-child{
   display: inline-block;
}
.blank20{
    padding-top: 20px;
}

@media screen and (max-width:1140px) {

.footer-item{
    display: none;
}
#item02{
    display: none;
}
.list-child{
    display: none;
}

#personal{
    display: block;
}
.footer-container{
    flex-direction: column;
}
.logo-area{
    width: 100%;
   padding: 20px 0px 0px 0px;
   text-align: center;
}

.item-area{
    display: inline-block;
}
.footer-item02{
   padding: 0;
   text-align: center;
   margin:0;
}
a.footer-list{
    padding-bottom: 0px;
    color: #fff;
}
.blank20{
    display: none;
}
}
@media screen and (max-width:800px) {
.footer-front{
    display: inline-block;
}
.front-left,.front-right{
  width: 100%;
    padding: 10px 0 10px 0;
}

.footer-item02{
    display: inline-flex;

}
p.list-parent{
    margin: 3px 10px 0 10px;
}
p.telnumber{
    font-size: 2.1rem;
    line-height: 2.5rem;
}

p.mailform{
    font-size: 1.6rem;
    line-height: 2.5rem;
}


img.mail-icon{
 width: 30px;
margin-right: 10px;
}
}

@media screen and (max-width:480px) {

.footer-list{
    font-size: 0.9rem;
}
.front-left:hover{
    background-color: #002e56;
}
}