@charset "UTF-8";


html {
  font-size: 100%;
}
body {
  background-color: #ffffff;
  color: #000;
  font-size: 0.875rem;
  font-family: '平成角ゴシック Std', serif;
}
a {
  color: #000;
  font-size: 0.875rem;
  text-decoration: none;
}
img {
  max-width: 100%;
  vertical-align: bottom;
}
li {
  list-style: none;
}

.logo {
  width: 150px;
  height: 50px;
  line-height: 1px;
}
.mt1{
  margin-top: 45px;
}

.link-btn-area{
  width: 100%;
  text-align: center;
}
.link-btn{
  display: inline-block;
  color: #192F60;
  font-size: 0.875rem;
  position: relative;
  width: 240px;
  line-height: 40px;
  border: 1px solid #192F60;
}
.link-btn::after{
  content: url(../img/link-btn-arrow.png);
  display: inline-block;
  margin: 0 0 0 16px;
}
.sp-1{
  display: none;
}
.sp-2{
  display: none;
}



/*============================================= 
header
===============================================*/
.header {
    width: 100%;
    height: 80px;
    display: flex;
    justify-content: space-between;
    /* position: fixed; */
    z-index: 1000; 
    background-color: #fff;
    position: relative;
}

.logo {  
  margin: 15px 16% 15px 3%;
}
.logo img{
    width: 150px;
    height: 50px;
    line-height: 1px;    
}

.gmenu-area {
    height: 100%;
    margin: 20px 0;
    text-align: center;
}

.gmanu {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 45px;
}

.en {
    display: block;
    font-size: 0.8rem;
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    font-weight: 400;
}

.ja {
    display: block;
    font-size: 1rem;
    font-family: '平成角ゴシック Std', serif;
    font-weight: bold;
}

.h-tel {
    width: 15%;
    height: 50px;
    margin: 14px 2%;
    font-family: 'Neue Haas Grotesk Text Pro', serif;
}

.nub {
    font-size: 1.8rem;
    line-height: 1;
    font-family: '平成角ゴシック Std', serif;    
}
.nub::before{
    content: url(../img/Icon-awesome-phone-alt2.png);
    display: inline-block;
    margin: 0 8px;
}
.time {
    display: inline-block;
    margin: 5px 0 0 42px;
    font-size: 1rem;
}

.h-menu-cnt {
    width: 9.5%;
    background-color: #20868A;
    text-align: center;
    width: 170px;
}

.h-menu-cnt::before{
    content: url(../img/Icon\ material-email.png);
    display: inline-block;
    vertical-align: middle;    
    margin: 15px 60px 0;
}
.h-menu-cnt::after{
    content: "お問い合わせ";
    display: inline-block;
    color: #fff;
}

/*============================================= 
burger-menu 
===============================================*/
.header .burger-menu{
    display: block;
    position: fixed;
    top: 0;
    left: -300px;
    bottom: 0;
    width: 300px;
    color: #333333;
    padding: 100px 25px;
    background-color: #fff;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all .5s;
    z-index: 999;
    /* opacity: 0;    */
}


/*============================================= 
fixed-header
スクロールしたら出る固定ヘッダー 
is-fixedが付与されたヘッダー 
===============================================*/
.header.is-fixed{
    position: fixed;
    top: 0;
    left: 0;
    transform: translateY(-60px);
    opacity: 0;
    transition: transform 0.6s, opacity 0.6s; 
    z-index: 999;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: 0 2px 4px #e1dedc;
}
/* 表示 */
.header.is-show{
     transform: translateY(0);
     opacity: 1;
}
.header.is-fixed .logo{
  line-height: 1;
}
.header.is-fixed .gmenu{
  /* width: 65%; */
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.header.is-fixed .gmenu-area {
  margin: 45px 0 0 0;
}
.header.is-fixed .fixed-h-menu-cnt {
  width: 9.5%;
  background-color: #20868A;
  text-align: center;
}
.header.is-fixed .fixed-h-menu-cnt::before{
    content: url(../img/Icon\ material-email.png);
    display: inline-block;
    vertical-align: middle;    
    margin: 15px 60px 0;
}
.header.is-fixed .fixed-h-menu-cnt::after{
    content: "お問い合わせ";
    display: inline-block;
    color: #fff;
}

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

  /*============================================= 
  header
  ===============================================*/
  
  .gmenu-area, .gmenu{
    display: none;
  }

   /* burger */
    .burger{
        width: 50px;
        height: 50px;
        background: #fff;
        margin: 10px 0 0 5vw;
        cursor: pointer;
        position: relative;
        border-radius: 5px;
        z-index: 1000;
    }
    .burger:hover{
        background-color: #ddd;
    }

    /* .burger アニメーション */
    .burger span{
        display: inline-block;
        transition: all .4s; /*アニメーションの設定*/
        position: absolute;
        left: 14px;
        height: 2px;
        border-radius: 5px;
        background: #333333;
        width: 45%;
    }

    .burger span:nth-of-type(1) {
        top:13px;	
    }

    .burger span:nth-of-type(2) {
        top:19px;
    }

    .burger span:nth-of-type(3) {
        top:25px;
    }

    .burger span:nth-of-type(3)::after{ 
        content: "Menu"; /*3つ目の要素のafterにMenu表示を指定*/
        position: absolute;
        top: 5px;
        left: -3px;
        color: #333333;
        font-size: 0.6rem;
        text-transform: uppercase;
    }

    /*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/

    .burger.is-active span:nth-of-type(1) {
        top: 14px;
        left: 18px;
        transform: translateY(6px) rotate(-45deg);
        width: 30%;
    }

    .burger.is-active span:nth-of-type(2) {
        opacity: 0;
    }

    .burger.is-active span:nth-of-type(3){
        top: 26px;
        left: 18px;
        transform: translateY(-6px) rotate(45deg);
        width: 30%;
    }

    .burger.is-active span:nth-of-type(3)::after {
        content:"Close";/*3つ目の要素のafterにClose表示を指定*/
        transform: translateY(0) rotate(-45deg);
        top:5px;
        left:4px;
    }


    .burger.is-active{
        position: relative;
        z-index: 1000;
    }

    .burger-bg{
        width: 100vw;
        height: 100vh;
        display: block;
        background-color: #000;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 998;
    }

    /* burger-menu */
    
    .burger-menu.is-active{
        left: 0;
        opacity: 1;
        text-align: center;  
    }
    .burger-bg.is-active{
      opacity: 0.5;
    }
    .burger-menu .menu-item{
      margin: 35px 0;
    }
    .burger-menu .menu-item a{
        margin: 10px 0;
        color: #333333;
    }
    .burger-menu .menu-item a:hover{
        border-bottom: 3px solid #333;
    }
    .header{
      position: fixed;
      justify-content: space-between;
      /* gap: 15vw; */
    }
    .header.is-fixed{
      display: none;
    }

    .h-tel{
      width: 215px;
    }
    .nub {
        font-size: 2vw;
            
    }
    
    .time {
        font-size: 1vw;
    }

    .logo {  
      margin: 15px 0 15px;
    }
}

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

  .h-tel{
    display: none;
  }
}




/*============================================= 
mv
===============================================*/
.mv {
  width: 100%;
  position: relative;
}
.mv img{
  width: 100%;
  height: 755px;
}
.caption {
  position: absolute;
  top: 260px;
  left: 116px;
  display: inline-block;
  width: 60%;
}

.cap-text {
  display: inline-block;
  line-height: 86px;
  font-size: 3.75rem;
  color: #192F60;
  background-color: #fff;
  padding: 0 16px;
  margin: 8px 0;
}

.cap-text-sub {
  display: inline-block;
  line-height: 44px;
  color: #192F60;
  background-color: #fff;
  width: 350px;
  padding: 0 16px;
  font-size: 1.2rem;
  margin: 24px 0 0 0;
  font-weight: bold;
}

.mv-btns {
  position: relative;  
  width: 74%;
  height: 55px;
  margin: 85px 0 0 0;
  display: flex;
  justify-content: space-between;
}

.mv-btn1 {
  display: inline-block;
  background-color: #192F60;
  padding: 5px 30px;
  margin: 0 80px 0 0;
  width: 240px;
}

.mv-nub {
  /* display: block; */
  color: #fff;
  width: 175px;
  font-size: 1.5rem;
  line-height: 25px;
}
.mv-nub::before{
  content: url(../img/Icon-awesome-phone-alt.png);
  display: inline-block;
  margin: 0 5px 0 0;
}

.mv-time {
  /* display: block; */
  color: #fff;
  font-size: 0.8rem;
  line-height: 20px;
  margin: 0 0 0 33px;  
}

.mv-cnt {
  position: relative;
  display: inline-block;
  background-color: #20868A;
  color: #fff;
  font-size: 1.2rem;
  line-height: 56px;
  width: 240px;
  text-align: center;
}
.mv-cnt::after{
  content: url(../img/mv-cnt-icon.png);
  display: inline-block;
  margin: 0 0 0 15px;
}

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

  .cap-text{
    font-size: 3.75vw;
    padding: 8px 16px;
    line-height: 1;
  }  
}
@media screen and (max-width: 1150px){
  .mv-btns{
    flex-direction: column;
    width: 48%;
    margin: 40px 0 0 0;
  }
  .mv-cnt{
    margin: 10px 0 0 0;
    padding: 0 5px 0 0;
  }
  .cap-text-sub{
    line-height: 1;
    padding: 12px 16px;
    font-size: 1.7vw;
    width: 31vw;
  }
}
@media screen and (max-width: 780px){
  .cap-text{
    font-size: 4.5vw;
  }
  .cap-text-sub{
    font-size: 2.8vw;
  }
}


/*============================================= 
news
===============================================*/
.n-container{
  position: relative;
}
.news {
  position: absolute;
  top: -45px;
  right: 0;
  width: 90%;
  height: 80px;
  background-color: #fff;
  z-index: 990;
}

.news-list {
  width: 100%;
}

.news-item {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.category {
  display: inline-block;
  font-size: 1.8rem;
  margin: 26px 0 26px 40px;
  padding-right: 27px;
  border-right: 1px solid #192F60;
  text-transform: uppercase;
  font-family: 'Neue Haas Grotesk Text Pro', sans-serif;
  font-weight: bold;
}
.category::after{
  content: "";
  display: inline-block;
  
}

.news-info {
  display: flex;
  justify-content: center;
  margin: 0 27vw 0 0;
  width: 56%;
}

.date {
  font-size: 1rem;
}

.news-text {
  font-size: 1rem;
  margin: 0 0 0 8%;
  border-bottom: 1px solid;
}
@media screen and (max-width: 1450px){

  .news-info{
    margin: 0 15vw 0 0;
  }
}
@media screen and (max-width: 1020px){
  .news-info{
    margin: 0 8vw 0 0;
  }
}
@media screen and (max-width: 780px){
  .sp-2{
    display: block;
  }
  .category{
    margin: 26px 0 26px 30px;
    padding-right: 20px;
  }
  .date{
    margin: 15px 5px;
  }
}


/*============================================= 
concept
===============================================*/
.concept {
  width: 100%;
  position: relative;
}

.con-inner {
  width: 83%;
  margin: 0 auto 80px;
  position: relative;
}
.con-inner::before{
  content: url(../img/con-br1.png);
  position: absolute;
  top: -120px;
  left: 40px;
  z-index: -2;
}
.con-inner::after{
  content: url(../img/con-bg2.png);
  position: absolute;
  top: -80px;
  left: 40px;
  z-index: -1;
}

.con-content {
  width: 70%;
  margin: 220px 8% 0 22%;
}

.con-info {
  display: flex;
  justify-content: space-between;
  text-align: right;
}
.con-info img{
  width: 50%;
}

.info-right {
  width: 50%;
}

.info-text1 {
  display: inline-block;
  font-size: 1.8vw;
  color: #fff;
  background-color: #192F60;
  padding: 0 16px;
  margin: 45px 0 0;
  line-height: 54px;
}
.concept .info-text2 {
  display: inline-block;
  font-size: 1.8vw;
  color: #fff;
  background-color: #192F60;
  margin: 12px 0 0;
  padding: 0 16px;
  line-height: 54px;
}

.sub-text1 {
  font-size: 1.2vw;
}

.main-text {
  font-size: 3.75vw;
}

.con-info-bottom {
  width: 100%;
  text-align: left;
}

.con-text {
  width: 100%;
  font-size: 0.875rem;
  margin: 40px 0;
}

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

    .con-info {
      flex-direction: column;
    }
    .info-right{
      text-align: center;
    }
    .con-info img{
      width: 100%;
    }

    .info-right {
      width: 100%;
    }
}
@media screen and (max-width: 780px){
    .concept .info-text1 {
      font-size: 2.5vw;
    }

    .concept .info-text2 {
      font-size: 2.5vw;
    }
}
@media screen and (max-width: 550px){
    .concept .info-text1 {
      font-size: 3.3vw;
    }

    .concept .info-text2 {
      font-size: 3.3vw;
    }
}

/*============================================= 
feature
===============================================*/
.feature {
    width: 100%;
    background-image: url(../img/bg.png);
    background-size: cover;
    margin: 133px 0;
}

.feature-inner {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.l-area {
    width: 48%;
}

.text1 {
    font-size: 1.25rem;
    color: #192F60;
    margin: 80px 0 16px 121px;
}

.info-text2 {
    display: inline-block;
    font-size: 1.75rem;
    line-height: 54px;
    background-color: #192F60;
    color: #fff;
    margin: 0 0 0 113px;
    padding: 0 20px;
}

.sub-text {
    font-size: 0.875rem;
    margin: 40px 0 0 113px;
    line-height: 26px;
}

.r-area {
    width: 52%;
}

.feature-list {
    width: 80%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin: 40px auto;
}

.fe-list-item1 {
    width: 70%;
    align-self: flex-end;
    position: relative;
    margin: 0 25px 0 0;
}
.fe-list-item1::before{
    content: "01";
    position: absolute;
    top: -30px;
    left: -150px;
    font-size: 7rem;
    color: #EFF1F4;
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    font-weight: bold;
}

.fe-list-ttl {
    font-size: 1.5rem;
    line-height: 24px;
    margin: 0 0 11px 0;
    color: #192F60;
}

.fe-list-text {
    font-size: 0.875rem;
    line-height: 26px;
}

.fe-list-item2 {
    width: 70%;
    align-self: center;
    position: relative;
    margin: 45px 0;
}
.fe-list-item2::before{
    content: "02";
    position: absolute;
    top: -30px;
    left: -166px;
    font-size: 7rem;
    color: #EFF1F4;
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    font-weight: bold;
}

.fe-list-item3 {
    width: 70%;
    align-self: start;
    position: relative;
}
.fe-list-item3::before{
    content: "03";
    position: absolute;
    top: -30px;
    left: -166px;
    font-size: 7rem;
    color: #EFF1F4;
    font-family: 'Neue Haas Grotesk Text Pro', serif;
    font-weight: bold;
}

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

    .feature {
      width: 100%;
      background-image: url(../img/bg.png);
      background-size: cover;
      margin: 133px 0;
    }
    .sp{
      display: none;
    }
    .feature-inner {
      flex-direction: column;
    }

    .l-area {
      width: 100%;
      text-align: center;
    }

    .text1 {
      margin: 80px 0 16px 80px;
    }

    .info-text2 {
      margin: 40px 0 0 65px;
    }

    .sub-text {
      margin: 40px 0 0 65px;
    }

    .r-area {
      width: 70%;
      margin: 0 auto;
    }

    .feature-list {
      width: 100%;
      margin: 40px 0 0 10vw;
      align-items: center;
    }

    .fe-list-item1, .fe-list-item2, .fe-list-item3{
      width: 100%;
      align-self: center;
    }
    .fe-list-item1{
      margin: 0 0 0 0;
    }
    .fe-list-item1::before{
      font-size: 5.5rem;
      left: -145px;
    }
    .fe-list-item2::before{
      font-size: 5.5rem;
      left: -150px;
    }
    .fe-list-item3::before{
      font-size: 5.5rem;
      left: -150px;
    }
}

@media screen and (max-width: 780px){
    .fe-list-item1::before{
      left: -105px;
    }
    .fe-list-item2::before,
    .fe-list-item3::before{
        left: -110px;
        font-size: 5rem;
    }
}
/*============================================= 
support
===============================================*/
.support {
  width: 83%;
  margin: 0 auto 80px;
  position: relative;
}
.support::before{
  content: url(../img/su-bg1.png);
  position: absolute;
  top: 0;
  right: 0;
  z-index: -2;
}
.support::after{
  content: url(../img/su-bg2.png);
  position: absolute;
  top: 0;
  right: 0;
  z-index: -1;
}

.su-ttl {
  display: inline-block;
  line-height: 54px;
  font-size: 28px;
  background-color: #192F60;
  color: #fff;
  padding: 0 16px;
  margin: 81px 0 40px;
}

.su-text1 {
  font-size: 0.875rem;
  line-height: 20px;
  margin: 0 0 40px 0;
}

.su-menu {
  width: 93%;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.su-list1, .su-list2, .su-list3 {
  width: 32%;
}

.list-head{
  position: relative;
  width: 100%;
  height: 100%;
}


.list-ttl-area {
  position: absolute;
  top: 82%;
  left: 20px;
}

.su-list-ttl {
  position: relative;
  display: inline-block;
  line-height: 40px;
  font-size: 1.25rem;
  background-color: #fff;
  padding: 0 16px;
}

.su-sub-ttl {
  position: relative;
  display: block;
  line-height: 1;
}

.su-list-text {
  position: relative;
  width: 90%;
  margin: 32px auto -40px;
  font-size: 0.875rem;
}

.support .link-btn-area {
  position: relative;
  margin: 100px 0 0 0;
}

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

  .sp{
    display: none;
  }
  .su-menu{
    width: 100%;
    flex-direction: column;
  }
  .su-list1, .su-list2, .su-list3 {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0 30px;
  }
  .sp-flex-l{
    width: 50%;
  }
  .sp-flex-r{
    width: 50%;
  }
}
@media screen and (max-width: 780px){

   .su-list1, .su-list2, .su-list3{
    flex-direction: column;
   }
   .sp-flex-l{
    width: 100%;
  }
  .sp-flex-r{
    width: 100%;
  }
}

/*============================================= 
work
===============================================*/
.work{
  width: 100%;
  position: relative;
}
.wo-ttl-area{
  width: 83%;
  margin: 0 auto;
  text-align: right;
}
.wo-ttl{
  display: inline-block;
  line-height: 54px;
  font-size: 1.75rem;
  background-color: #192F60;
  color: #fff;
  padding: 0 16px;
  margin: 81px 0 40px;
}
.wo-ttl-area::before{
  content: url(../img/wo-bg1.png);
  position: absolute;
  top: 0;
  left: 114px;
  z-index: -2;
}
.wo-ttl-area::after{
  content: url(../img/wo-bg2.png);
  position: absolute;
  top: 40px;
  left: 114px;
  z-index: -1;
}
.wo-text{
  font-size: 0.875rem;
  margin: 0 0 76px;
}


.work .swiper {
  max-width: 100vw;
}

.work .swiper-wrapper {
  height: 100%;   /* 画像の高さを設定 */
  transition-timing-function: linear;
}

.work .swiper-slide {
  height: auto;
}

.work .swiper-slide img {
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.client-data {
  width: 39%;
  margin: 0 auto;
  text-align: left;
}

.client-name {
  font-size: 1.25rem;
  color: #192F60;
  margin: 0 0 32px;
}

.wo-text {
  font-size: 0.875rem;
}
.wo-achive-btn-area {
  width: 100%;
  text-align: center;
  margin: 24px 0 0 0;
}

.wo-achive-btn {
  display: inline-block;
  position: relative;
  font-size: 0.875rem;
  line-height: 40px;
  background-color: #AEB6C7;
  color: #fff;
  padding: 0 19px;
}
.wo-achive-btn::after{
  content: url(../img/wo-achive-btn-icon.png);
  display: inline-block;
  margin: 0 0 0 16px;
}

@media screen and (max-width: 1130px){
  .sp-1{
    display: block;
  }
}
@media screen and (max-width: 780px){
  .wo-ttl{
    font-size: 1.5rem;
  }
  .client-data{
    width: 85%;
  }
}

/*============================================= 
blog
===============================================*/
.blog {
  width: 100%;
  background-image: url(../img/blog_bg.jpg);
  background-size: cover;
  margin-top: 91px;
  position: relative;
  text-align: center;
}

.b-inner {
  width: 70%;
  height: 410px;
  background-color: #fff;
  margin: 80px auto 27px;
  position: relative;
  display: inline-block;
}
.b-inner::after{
  content: url(../img/blog-bg2.png);
  position: absolute;
  top: -33px;
  right: -90px;

}
.b-list {
  width: 80%;
  margin: 0 auto;
  
}
.b-list-inner{
  display: flex;
  justify-content: space-between;
}
.b-list-item {
  width: 100%;
  box-shadow: 0 2px #CACACA;
  padding: 35px 0;
  line-height: 16px;
}
time{  
  width: 24%;
  margin: 0 34px 0 44px;
  font-size: 1rem;
}
.b-text {  
  width: 76%;
  margin: 0 30px 0 0;
  font-size: 1rem;
}

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

  .b-inner{
    width: 90%;
  }
  .b-list-inner{
    width: 100%;
    flex-direction: column;
  }
  .b-list-item{
    width: 100%;
    padding: 20px 0;
  }
  time{
    width: 100%;
    margin: 0 0 10px;
  }
  .b-text{
    width: 100%;
  }
}
/*============================================= 
contact
===============================================*/
.contact {
  width: 100%;
  position: relative;
  background: url(../img/cont-bg.jpg);
  background-size: cover;
}

.inner2 {
  width: 74%;
  margin: 0 auto;
  padding: 80px 0;
}

.cnt-ttl {
  font-size: 1.5rem;
  color: #fff;
  text-align: center;
}

.cnt-mv-btns {
  position: relative;  
  width: 50%;
  height: 55px;
  margin: 85px auto 0;
  display: flex;
  justify-content: space-between;
  text-align: center;
}

.cnt-mv-btn1 {
  display: inline-block;
  background-color: #192F60;
  padding: 5px 15px;
  margin: 0 80px 0 0;
  width: 240px;
}

.cnt-mv-nub {
  color: #fff;
  width: 175px;
  font-size: 1.5rem;
  line-height: 25px;
  margin: 0 auto;
}
.cnt-mv-nub::before{
  content: url(../img/Icon-awesome-phone-alt.png);
  display: inline-block;
  margin: 0 5px 0 0;
}

.cnt-mv-time {
  color: #fff;
  font-size: 0.8rem;
  line-height: 20px;
  margin: 0 0 0 33px;
}

.cnt-mv-cnt {
  position: relative;
  display: inline-block;
  background-color: #20868A;
  color: #fff;
  font-size: 1.2rem;
  line-height: 56px;
  width: 240px;
  text-align: center;
}
.cnt-mv-cnt::after{
  content: url(../img/mv-cnt-icon.png);
  display: inline-block;
  margin: 0 0 0 15px;
}

@media screen and (max-width: 1450px){
  .cnt-mv-btns{
    flex-direction: column;
  }

  .cnt-mv-btn1{
    margin: 0 auto;
  }
  .cnt-mv-cnt{
    margin: 20px auto;
  }
}
@media screen and (max-width: 530px){
  .cnt-ttl{
    font-size: 1.3rem;
  }
}
/*============================================= 
footer
===============================================*/
.footer {
  width: 100%;
  background-color: #192F60;
}

.f-inner{
  width: 74%;
  margin: 0 auto;
  text-align: center;
}
.f-logo-area {
  text-align: center;
  padding: 40px 0 24px;
}
address{
  color: #fff;
  font-size: 1rem;
}
.copy-right-area {
  
}

.copy-right {
  font-size: 0.7rem;
  color: #fff;
  padding: 40px 0;
}


/*  */