html{
  font-size: 62.5%; 
}

body{
  font-size: 1.6rem;
  font-family: Roboto, Noto Sans Japanese, Helvetica, Arial, ヒラギノ角ゴ ProN W3, HiraKakuProN-W3, ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, ＭＳ\ Ｐゴシック, sans-serif;
  color: #141414;
  line-height: 1.5;
  letter-spacing: 0.02em;
}

body.active{
  height: 100%;
  overflow: hidden;
}

img{
  width: 100%;
}


h2 {
  font-size: 2.8rem;
}



/* ========================================
  common
========================================= */


@media screen and (max-width: 768px) {
  .is-br{
    display: none;
  }
}

.is-sp{
  display: none;
}

@media screen and (max-width: 768px) {
  .is-sp{
    display: block;
  }
}

/* fadein fadeout */
.fix-button.is-in{
  opacity: 0;
  pointer-events: none;
}


/* section title */
.top-line{
  position: relative;
  padding-top: 8px;
  border-top: 1px solid #ccc;
}

.top-line::before{
  content: '';
  position: absolute;
  top: -2px;
  left: 0;
  width: 15%;
  height: 3px;
  background-color: #FC0019;
}


.area-title-box h2{
	font-size: 3.4rem;
	font-weight: 1000;
  line-height: 1.2;
  color: #FC0019;
  text-transform: capitalize;
}

@media screen and (max-width: 768px) {
  .area-title-box h2{
    font-size: 4rem;
  }
}


.area-title-box p{
  font-weight: 600;
  color: #FC0019;
}

@media screen and (max-width: 768px) {
  .area-title-box p{
    display: flex;
    flex-direction: column;
  }
}

@media screen and (max-width: 768px) {
  .area-title-word{
    font-size: 1.6rem;
    margin: 15px 0 0;
  }
}

/* button */

.button{
  border: 2px solid #FC0019;
  position: relative;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: 0 auto;
  width: 240px;
  height: 45px;
  transition: 0.3s ease-in-out;
  clip-path: polygon(0% 0%, 100% 0%, 90% 100%, 0% 100%);
}

.button::after{
  content: '';
  border-left: 2px solid #FC0019;
  height: 48px;
  position: absolute;
  right: 4.4%;
  transform: rotate(28deg);
  z-index: 100;
}
.button:hover{
  background-color: #FC0019;
}

.button p{
  font-weight: 600;
  text-transform: capitalize;
  color: #FC0019;
}

.button:hover p{
  color: #fff;
}

.information-button{
  width: 100px;
  height: 35px;
}

.information-button::after{
  height: 35px;
  right: 3.4%;
  transform: rotate(17deg);
}

/* fix button */

.fix-button{
  position: fixed;
  right: 15px;
  bottom: 15px;
  z-index: 2;
  background-color: #fff;
  /* border: 4px solid #FC0019; */
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: all 0.3s ease 0s;
}

.fix-button:hover .fix-button-text{
  background-color: #FC0019;
}

@media screen and (max-width: 768px) {
  .fix-button{
    right: initial;
    left: 50%;
    bottom: 10px;
    transform: translateX(-50%);
    width: max-content;
  }
}

.fix-button-box{
  display: flex;
  align-items: center;
}

.fix-button-area{
  margin: 0 20px;
}

@media screen and (max-width: 768px) {
  .fix-button-area{
    margin: 0 30px;
  }
}

.fix-button-img {
	width: 80px;
}

.fix-button-img img {
	vertical-align: bottom;
}

.fix-button-palgo{
  text-align: center;
  margin-bottom: 5px;
  font-weight: 600;
  margin-bottom: 5px;
}

.fix-button-palgo h2 {
	font-size: 1rem;
	line-height: 1.8rem;
}

.fix-button-text{
  font-weight: 600;
  background-color: #141414;
  padding: 4px 15px;
  text-align: center;
}

.fix-button-text p {
	font-size: 1rem;
	font-weight: 600;
}

@media screen and (max-width: 768px) {
  .fix-button-text{
    padding: 4px 20px;
  }
}

.fix-button-text p{
  display: inline-block;
  color: #fff;
}



/* section area */

.area{
  max-width: 1240px;
  width: 100%;
  margin: 0 auto;
  padding: 0 15px;
}

@media screen and (max-width: 768px) {
  .area{
    max-width: 100%;
    overflow: hidden;
  }
}

/* background */

.background{
  background: url(../img/movie-background.jpg)no-repeat;
  background-size: cover;
}

/* youtube modal */
.modaal-outer-wrapper{
  max-width: 960px;
  padding: 0 10px;
  margin: auto;
}

.modaal-inner-wrapper{
  padding: 0;
}

@media screen and (max-height: 900px){
  .modaal-video-container{
    max-width: 100%;
    max-height: 100%;
  }
}

@media only screen and (min-width: 1400px){
  .modaal-video-container{
    height: 100%;
    padding-bottom: 56.25%;
  }
}

.modaal-video-wrap{
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  margin: 0;
}


/* ========================================
  header
========================================= */

.header{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
  padding: 10px 10px 0;
  width: 100%;
}

.header-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 80px;
  background-color: #fff;
  padding: 0px 30px;
}

@media screen and (max-width: 768px) {
  .header-box{
    height: 60px;
    padding: 0 15px;
  }
}

.header-logo{
  position: relative;
  z-index: 1000;
}

.logo.active{
  display: none;
}

.header-hamburger-logo{
  display: none;
}

.header-hamburger-logo.active{
  display: block;
}

@media screen and (max-width: 768px) {
  .header-logo{
    width: 100px;
  }
}

.header-nav-list{
  display: flex;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .header-nav-list {
    display: none;
  }
}

.header-nav-item{
  padding: 5px 20px;
  position: relative;
}

.header-nav-item:hover::after{
  opacity: 1;
}

.header-nav-item:hover a{
  color: #FC0019;
}

.header-nav-item:last-of-type:hover a{
  color: #fff;
}

.header-nav-item::after{
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -5px;
  background: #FC0019;
  height: calc(tan(60deg) * 8px / 2);
  width: 8px;
  clip-path: polygon(50% 0, 100% 100%, 0 100%);
  opacity: 0;
}

.header-nav-item:last-of-type:after{
  content: inherit;
}

.header-nav-item:last-of-type{
  background-color: #000;
  padding: 10px 20px;
  color: #fff;
  margin-left: 20px;
}

.header-nav-item:last-of-type:hover{
  background-color: #FC0019;
}

/* sp nav */

.header-hamburgerbutton{
  display: none;
  width: 20px;
  position: relative;
  z-index: 9999;
}

.header-hamburgerbutton-line{
  width: 100%;
  height: 2px;
  background-color: #FC0019;
  display: inline-block;
  position: absolute;
  transition: all .4s;
}

.header-hamburgerbutton-line:nth-of-type(1){
  top: 5px;
}

.header-hamburgerbutton-line:nth-of-type(3){
  top: -5px;
}

.header-hamburgerbutton.active span:nth-of-type(1) {
  top: 0px;
  transform: rotate(-45deg);
  background-color: #fff;
}

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

.header-hamburgerbutton.active span:nth-of-type(3) {
  top: 0px;
  transform: rotate(45deg);
  background-color: #fff;
}

@media screen and (max-width: 768px) {
  .header-hamburgerbutton {
    display: block;
  }
}

.header-hamburger.panelactive{
  position:fixed;
  z-index: 999;
  top: 0;
  left: 0;
  width:100%;
  height: 100vh;
}

.circle-bg{
  position: fixed;
  z-index:3;
  width: 100px;
  height: 100px;
  border-radius: 50%;
  background: #141414;
  transform: scale(0);/*scaleをはじめは0に*/
  right:-50px;
  top:-50px;
  transition: all .6s;/*0.6秒かけてアニメーション*/
}

.circle-bg.circleactive{
  transform: scale(50);/*クラスが付与されたらscaleを拡大*/
}

.header-hamburger-list{
  display: none;/*はじめは表示なし*/
  /*ナビの数が増えた場合縦スクロール*/
  position: fixed;
  z-index: 999; 
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.header-hamburger.panelactive .header-hamburger-list{
  display: block;
}

.header-hamburger ul {
  opacity: 0;/*はじめは透過0*/
    /*ナビゲーション天地中央揃え※レイアウトによって調整してください。不必要なら削除*/
    position: absolute;
    z-index: 999;
    top:50%;
    left:50%;
    transform: translate(-50%,-50%);
}

.header-hamburger.panelactive ul {
  opacity:1;
}

.header-hamburger.panelactive ul li{
  animation-name:gnaviAnime;
  animation-duration:1s;
  animation-delay:.2s;/*0.2 秒遅らせて出現*/
  animation-fill-mode:forwards;
  opacity:0;
  }
  @keyframes gnaviAnime{
  0% {
  opacity: 0;
  }
  100% {
  opacity: 1;
  }
}

.header-hamburger-list{
  padding-top: 120px;
}

.header-hamburger-item{
  text-align: center;
  margin-bottom: 30px;
}

.header-hamburger-item a{
  display: block;
  font-size: 2.4rem;
  font-weight: 600;
  color: #fff;
}

.header-hamburger-item:last-of-type a{
  font-size: 1.8rem;
  display:inline-block;
  padding: 15px 60px;
  margin-top: 10px;
  background-color: #FC0019;
}



/* ========================================
  main
========================================= */

/* fv */

.top-area{
  padding-top: 44.44444%;
  position: relative;
}

@media screen and (max-width: 768px) {
  .top-area {
      padding-top: 0%;
      height: 80vh;
  }
}

.top-video-box{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  padding-top: 44.44444%;
  overflow: hidden;
}

@media screen and (max-width: 768px) {
  .top-video-box {
      padding-top: 0%;
      height: 80vh;
  }
}

.top-video-box:after {
  content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100vh;
	background-color: rgba(0,0,0,0.5);
	background-image: radial-gradient(#121C26 20%, transparent 31%), radial-gradient(#121C26 20%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}

.top-video{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
  /* height: 56.25vw; 16:9の幅 → 9 ÷ 16 = 56.25% */
  min-height: 100%;
  min-width: 100%;
}


.top-text-box{
  position: absolute;
  left: 80px;
  top: 54%;
  transform: translateY(-48%);
  z-index: 2;
}

.top-text-box h1 {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: transparent;
	--fa-style-family-brands: "Font Awesome 6 Brands";
	--fa-font-brands: normal 400 1em/1 "Font Awesome 6 Brands";
	--fa-font-regular: normal 400 1em/1 "Font Awesome 6 Free";
	--fa-style-family-classic: "Font Awesome 6 Free";
	--fa-font-solid: normal 900 1em/1 "Font Awesome 6 Free";
	line-height: 1.5;
	letter-spacing: 0.02em;
	box-sizing: border-box;
	border-style: solid;
	border-width: 0;
	margin: 0;
	font-size: 2.4rem !important;
	color: #fff;
	margin-bottom: 25px;
	font-weight: 800;
}

@media screen and (max-width: 768px) {
  .top-text-box {
    left: 15px;
    margin-right: 15px;
  }
}

.top-logo{
  margin-bottom: 16px;
  font-size: 3rem;
  font-weight: 700;
  color: #fff;
}

.top-logo h2 {
	font-size: 1.8rem;
	line-height: 1.8rem;
}

@media screen and (max-width: 768px) {
  .top-logo {
    font-size: 2.4rem;
    margin-bottom: 10px;
  }
}

.top-text-box h1{
  font-size: 4rem;
  color: #fff;
  margin-bottom: 25px;
  font-weight: 800;
}

@media screen and (max-width: 768px) {
  .top-text-box h1 {
      font-size: 2.4rem;
  }
}

.top-text-box p{
  font-size: 1.1rem;
  color: #fff;
}

@media screen and (max-width: 768px) {
  .top-text-box p {
      font-size: 1.6rem;
      width: 90%;
  }
}

.top-scrolldown-mouse{
  position: absolute;
  left: 50%;
  bottom: 2%;
  transform: translateX(-50%);
  width: 45px;
}

@media screen and (max-width: 768px) {
  .top-scrolldown-mouse {
      width: 38px;
  }
}

/* youtube */

.movie-explain{
  padding-top: 60px;
}

.movie-explain-inner{
  width: 100%;
  background-color: #fff;
  padding: 60px 80px;
  box-shadow: 0px 0px 15px 0px rgba(149, 157, 165, 0.15);
}

@media screen and (max-width: 768px) {
  .movie-explain-inner {
    padding: 30px 20px;
  }
}

.movie-explain-list{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .movie-explain-list {
    display: block;
  }
}

.movie-explain-item{
  width: 100%;
}

@media screen and (max-width: 768px) {
  .movie-explain-item {
    display: block;
  }
}

.movie-explain-item p{
  font-size: 1.25rem;
  font-weight: 500;
  line-height: 2;
  color: #707070;
}

@media screen and (max-width: 768px) {
  .movie-explain-item p {
    font-size: 1.8rem;
    margin: 0 0 20px;
    line-height: 1.8;
  }
}


.movie-area-inner{
  padding: 64px 0 40px;
}

@media screen and (max-width: 768px) {
  .movie-area-inner {
    padding: 46px 0 40px;
  }
}

.movie-box{
  max-width: 500px;
  width: 100%;
  margin: 0 auto;
}

.movie-open div{
  position: relative;
}

.movie-open div::after{
  content: '';
  background: url(../img/circle-play-solid.svg)no-repeat;
  background-size: contain;
  width: 100px;
  height: 100px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}

.movie-text-box{
  line-height: 1.8;
}

.movie-text-logo{
  margin: 0 auto 20px;
  text-align: center;
  font-size: 3.4rem;
  font-weight: 600;
}

.movie-text-logo h2 {
	font-size: 2rem;
	line-height: 3.4rem;
}

@media screen and (max-width: 768px) {
  .movie-text-logo {
  }
}

.movie-text{
  font-size: 1.1rem;
  color: #707070;
  text-align: center;
  margin: 20px 0px 30px;
}

@media screen and (max-width: 768px) {
  .movie-text {
    font-size: 1.6rem;
    text-align: left;
  }
}

/* information */

/* .information-box{
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 80px 0 100px;
}

@media screen and (max-width: 768px) {
  .information-box{
    display: block;
  }
}

.information-m{
  margin-right: 30px;
  width: 33%;
}

@media screen and (max-width: 768px) {
  .information-m{
    width: 100%;
    margin-right: 0;
  }
}


.information-list{
  width: 67%;
}

@media screen and (max-width: 768px) {
  .information-list{
    width: 100%;
  }
}

.information-list a:hover .information-arrow{
  color: #FC0019;
}

.information-list a:hover h4{
  color: #FC0019;
}


.information-item{
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 20px 0;
  border-bottom: 1px solid #ccc;
}

.information-title-box{
  display: flex;
  margin-right: 15px;
}

@media screen and (max-width: 768px) {
  .information-title-box{
   display: block;
  }
}

.information-title-box p{
  margin-right: 40px;
}

.information-arrow{
  color: #141414;
} */

/* feature */
.feature-area{
  padding-top: 100px;
}

@media screen and (max-width: 768px) {
  .feature-area{
   padding-top: 70px;
  }
}

.feature-list{
  padding-top: 40px;
}

.feature-item{
  display: flex;
  margin-bottom: 60px;
}

@media screen and (max-width: 768px) {
  .feature-item{
   display: block;
  }
}

.reverse{
  flex-direction: row-reverse;
}

.feature-item-img{
  width: 50%;
}

@media screen and (max-width: 768px) {
  .feature-item-img{
    display: none;
  }
}

.feature-text-box{
  display: flex;
  align-items: flex-start;
  width: 50%;
  margin: 15px 60px;
}

@media screen and (max-width: 768px) {
  .feature-text-box{
    width: 100%;
    margin: 0;
  }
}

.feature-text-numbers{
  font-size: 3.1rem;
  font-weight: 800;
  color: #FC0019;
  margin-right: 20px;
	margin-top: 6px;
}

@media screen and (max-width: 768px) {
  .feature-text-numbers{
    font-size: 3.2rem;
    margin-right: 15px;
  }
}

.feature-text{
  margin-top: 12px;
  padding-left: 20px;
  border-left: 2px solid #FC0019;
}

@media screen and (max-width: 768px) {
  .feature-text{
    margin-top: 6px;
    padding-left: 15px;
  }
}

.feature-text h3{
  font-size: 1.9rem;
  font-weight: 800;
  display: inline-block;
  margin-bottom: 25px;
  background:linear-gradient(transparent 60%, #FFCDD1 60%);
}

@media screen and (max-width: 768px) {
  .feature-text h3{
    font-size: 2.4rem;
  }
}

@media screen and (max-width: 768px) {
  .feature-text p{
    margin-bottom: 20px;
  }
}

/* case */

.case-area{
  padding: 60px 15px 100px;
}

@media screen and (max-width: 768px) {
  .case-area{
    padding: 60px 15px 80px;
  }
}

.case-list{
  padding-top: 40px;
  width: 100%;
  display: flex;
}

@media screen and (max-width: 768px) {
  .case-list{
    display: block;
  }
}

.case-item{
  padding: 10px 30px;
  width: 33.3%;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .case-item{
    display: flex;
    padding: 0;
    margin-bottom: 30px;
    width: 100%;
    border-right: none;
  }
}

.case-item:first-of-type{
  border-left: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .case-item:first-of-type{
    border: none;
  }
}

@media screen and (max-width: 768px) {
  .case-item-img{
    width: 50%;
    margin-right: 15px;
  }
}

.case-text-box{
  padding-top: 20px;
}

@media screen and (max-width: 768px) {
  .case-text-box{
    width: 50%;
    padding-top: 0px;
  }
}

.case-text-box h3{
	font-size: 1.7rem;
  font-weight: 800;
  text-align: center;
	margin-bottom: 17px;
	line-height: 1.5rem;
}

@media screen and (max-width: 768px) {
  .case-text-box h3{
    font-size: 2.4rem;
    text-align: left;
  }
}

/* specification-list */

.specification-list{
  display: flex;
  padding: 40px 0 80px;
}

@media screen and (max-width: 768px) {
  .specification-list{
    display: block;
    padding: 40px 0 60px;
  }
}

.specification-item-img{
  width: 50%;
  margin-right: 30px;
}

@media screen and (max-width: 768px) {
  .specification-item-img{
    width: 100%;
    margin-right: 0px;
  }
}

.specification-item{
  width: 50%;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .specification-item{
    width: 100%;
    margin-left: 0px;
  }
}

.specification-item-title{
	font-size: 1.4rem;
	line-height: 1.9rem;
  font-weight: 800;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .specification-item-title{
    font-size: 2rem;
    margin-top: 20px;
    margin-bottom: 30px;
  }
}

.specification-performance-list{
  display: flex;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
  .specification-performance-list{
    display: block;
  }
}

.specification-performance-item{
  width: 100%;
  padding: 0px 20px 20px;
  margin-right: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .specification-performance-item{
    width: 100%;
    margin-right: 0px;
    padding: 10px 10px 20px;
  }
}

.specification-performance-item:nth-of-type(2){
  margin-right: 0px;
}

@media screen and (max-width: 768px) {
  .specification-performance-item:nth-of-type(2){
    margin: 20px 0px 0px;
  }
}


.specification-performance-item h4{
  font-size: 1.8rem;
  font-weight: 800;
  text-align: center;
  text-transform: capitalize;
  margin-bottom: 20px;
}

.specification-performance-text-box{
  margin: 20px 0 0;
}

.specification-performance-text-list{
  display: flex;
}

.specification-performance-text-list div{
  width: 50%;
}

.specification-performance-text-list div:first-of-type{
  margin-right: 20px;
}

.specification-performance-Annotation{
  font-size: 0.9rem;
  text-align: right;
  margin: 0 10px 0 0;
}

/* contact */

.contact-area{
  padding: 60px 15px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

@media screen and (max-width: 768px) {
  .contact-area{
    display: block;
  }
}

.contact-title{
  margin-right: 20px;
}

@media screen and (max-width: 768px) {
  .contact-title{
    text-align: center;
    margin-right: 0px;
  }
}

.contact-title h2{
  color: #141414;
}

.contact-title p{
  color: #141414;
}

.contact-text{
  font-size: 1rem;
  font-weight: 500 !important;
  color: #707070 !important;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .contact-text{
    text-align: left;
  }
}

.contact-button{
  margin: initial;
}

@media screen and (max-width: 768px) {
  .contact-button{
    margin: 30px auto 0px;
  }
}

/* ========================================
  footer
========================================= */

.footer-area{
  padding: 40px 15px;
}

@media screen and (max-width: 768px) {
  .footer-area{
    padding: 60px 15px 40px;
  }
}

.footer-box{
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 768px) {
  .footer-box{
    display: block;
  }
}

@media screen and (max-width: 768px) {
  .footer-box-img{
    width: 120px;
  }
}

.footer-inner{
  margin-left: 20px;
}

@media screen and (max-width: 768px) {
  .footer-inner{
    margin-left: 0px;
  }
}

.footer-nav-list{
  display: flex;
}

@media screen and (max-width: 768px) {
  .footer-nav-list{
    flex-wrap: wrap;
    margin-top: 40px;
  }
}

.footer-nav-item{
  padding: 0 40px;
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .footer-nav-item{
    padding: 0px 30px 0px 0px;
    margin-bottom: 10px;
    border: none;
  }
}

.footer-nav-item:first-of-type{
  padding: 0 40px 0px 0px;
}

@media screen and (max-width: 768px) {
  .footer-nav-item:first-of-type{
    padding: 0px 30px 0px 0px;
  }
}

.footer-nav-item:last-of-type{
  border-right: none;
  padding: 0 0px 0px 40px;
}

@media screen and (max-width: 768px) {
  .footer-nav-item:last-of-type{
    padding: 0px 30px 0px 0px;
  }
}

.footer-copyright{
  display: flex;
  align-items: center;
  margin-top: 15px;
}

@media screen and (max-width: 768px) {
  .footer-copyright{
    display: block;
    margin-top: 30px;
  }
}

.footer-palgo-logo{
  font-weight: 600;
  font-size: 1.8rem;
  width: 140px;
  margin-right: 5px;
}

.footer-palgo-logo h2{
  font-size: 1.1rem;
}

@media screen and (max-width: 768px) {
  .footer-palgo-logo{
    text-align: center;
    font-size: 2rem;
    width: 180px;
    margin: 0px auto 15px;
  }
}

.footer-copyright p{
  font-size: 0.75rem;
}

.footer-copyright p:first-of-type{
  margin-right: 15px;
  margin-left: 10px;
}

@media screen and (max-width: 768px) {
  .footer-copyright p:first-of-type{
    margin:0 auto 10px;
    text-align: center;

  }
}