@charset "UTF-8";
/*リセット
--------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/*フォント
---------------------------------------------*/
/*メディアクエリー
---------------------------------------------*/
/*変数
---------------------------------------------*/
/* コンテンツ
---------------------------------------------*/

html {
width: 100%;
overflow-y: scroll;
overflow-x: hidden;
font-size: 62.5%; /* font-sizeは16pxの62.5%の10px */
}

@media screen and (min-width: 769px) {
body {
width: 100%;
height: auto;
font-family: sans-serif "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ;
font-weight: 400;
font-style: normal;
color: #fff;
background:#000;
}
}
@media screen and (max-width: 768px) {
body {
width: 100%;
height: auto;
font-family: sans-serif ,Lato, "Yu Gothic", 游ゴシック, YuGothic, 游ゴシック体, "ヒラギノ角ゴ Pro W3", メイリオ;
font-weight: 300;
font-style: normal;
color: #fff;
background:#000;
}
}

img {
  width: 100%;
  height: auto;
  display: block;
}

@media screen and (min-width: 769px) {
  .pcNone {
    display: none;
}
}
@media screen and (max-width: 768px) {
  .pcNone {
    display: block;
}
}
@media screen and (min-width: 769px) {
  .spNone {
    display: block;
}
}
@media screen and (max-width: 768px) {
  .spNone {
    display: none;
}
}
/*リンクのアクション*/
a {
color: #fff;
text-decoration:none;
}
a:hover {
color: #fff;
text-decoration:none;
}
/* clearfix */
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.clearfix {
  zoom: 1;
}

/*非表示にしているもの*/
h1, h2 {
display: none;
}
/*-----------------------
maiImg
 -------------------------*/
@media screen and (min-width: 769px) {
#topImg_slide_pc {
width: 100%;
height:auto;
margin: 0 auto;
padding:0;
overflow: hidden;
}
}

@media screen and (max-width: 768px) {
.bg-slider_sp {
width: 100vw;
height: 100vh;
background-position: center center;
background-size: cover;
display: flex;
align-items: center;
justify-content: center;
perspective: 1000; //* 正の値（safariでのチカチカちらつき防止）*/
background:#fff;
}

.top_ttl1 {
position:absolute;
width: 65%;
top:8.5%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}


.top_ttl2 {
position:absolute;
width: 78%;
bottom:6%;
left: 50%;
transform: translateX(-50%);
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
}
}



/* credit
--------------------------------------*/
@media screen and (min-width: 769px) {
ul.credit li p a {
font-size: 1.2rem;
line-height:250%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
}

ul.credit li p {
font-size: 1.2rem;
line-height:250%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
}

ul.credit li p a:hover {
border-bottom: 1px solid #999;
color:#999;
}
}


@media screen and (max-width: 768px) {
ul.credit {
width:80%;
height:auto;
margin:4% auto 8% auto;
}

ul.credit li p a {
font-size: 1.1rem;
line-height:220%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
}

ul.credit li p {
font-size: 1.1rem;
line-height:220%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
}

ul.credit li p a:hover {
border-bottom: 1px solid #999;
color:#999;
}
}


/*MVbox
---------------------------------------------*/
@media screen and (min-width: 769px) {
#MVbox {
width:78%;
height:auto;
margin:10% 11%;
padding:0;
}
}

@media screen and (max-width: 768px) {
#MVbox {
width:100%;
height:auto;
margin-top:12%;
padding:0;
}
}

#MVbox div.vid_contents {
width: 100%;/*背景色を横幅いっぱいに広げる*/
margin: 0 auto;
padding: 0;/*ここで動画の周りの余白を調整*/
background: #000;/*余白の背景色*/
}

#MVbox div.vid_contents video.vid_main {
width: 100%;
}


/*content
---------------------------------------------*/
@media screen and (min-width: 769px) {
#content {
width:1000px;
height:auto;
margin: 0 auto;
overflow:hidden;
}

.st_area {
width:100%;
height:auto;
margin:0 auto 140px auto;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;/* flex-flow:row wrap;*/
-webkit-box-direction:reverse;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}

.leftdeco_box {
width: 4.5%;
height:auto;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}

.leftdeco_box img {
width: 40%;
height:auto;
margin-right:60%;
}

.center_box {
width: 90%;
height:auto;
}

.rightdeco_box {
width: 5.5%;
height:auto;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
}

.rightdeco_box img {
width: 54%;
height:auto;
margin-left:46%;
}
}

@media screen and (max-width: 768px) {
#content {
width:100%;
height:auto;
margin: 0 auto;
overflow:hidden;
background:#000;
}

.st_area {
width:100%;
height:auto;
margin:0 auto 90px auto;
}

.center_box {
width: 100%;
height:auto;
}
}


/*.st_ttlbox
---------------------------------------------*/
@media screen and (min-width: 769px) {
#content .st_ttlbox {
position: relative;
margin: 0 auto 50px auto;
padding: 0;
width:100%;
height:auto;
}

#content .st_ttlbox ul {
width:100%;
height:auto;
}

#content .st_ttlbox ul li.st_subttl {
position:absolute;
right:11%;
top:-20px;
width:6%;
}

#content div#st01 .st_ttlbox ul li.st_pickitem {
float:right;
width:10.5%;
margin-top:-6px;
margin-right:100px;
}

#content div#st02 .st_ttlbox ul li.st_pickitem {
float:right;
width:11.8%;
margin-top:-6px;
margin-right:100px;
}

#content div#st03 .st_ttlbox ul li.st_pickitem {
float:right;
width:9.2%;
margin-top:-6px;
margin-right:100px;
}

#content div#st04 .st_ttlbox ul li.st_pickitem {
float:right;
width:16.3%;
margin-top:-6px;
margin-right:100px;
}
#content .st_ttlbox ul li.move_line {
width:100%;
height: auto;
overflow:hidden;
}

#content .st_ttlbox .st_num {
position:absolute;
right:0;
bottom:-20px;
width:10%;
background:#000;
}

}
@media screen and (max-width: 768px) {
#content .st_ttlbox {
position: relative;
overflow:hidden;
margin: 0;
margin-bottom:40px;
padding: 0;
width:98%;
height:auto;
}

#content .st_ttlbox ul {
width:100%;
}

#content .st_ttlbox ul li.st_subttl {
width: 80%;
}

#content div#st01 .st_ttlbox ul li.st_pickitem {
float:right;
width:17.6%;
margin-right:20%
}

#content div#st02 .st_ttlbox ul li.st_pickitem {
float:right;
width:20.4%;
margin-right:20%
}

#content div#st03 .st_ttlbox ul li.st_pickitem {
float:right;
width:15.6%;
margin-right:20%
}

#content div#st04 .st_ttlbox ul li.st_pickitem {
float:right;
width:28.6%;
margin-right:20%
}

#content .st_ttlbox .st_num {
position:absolute;
right:0;
bottom:2%;
width:16%;
background:#000;
}
}


/*右から左に動作するライン*/
@media screen and (min-width: 769px) {
#content .st_ttlbox ul li.move_line::after {
content: "";
display: block;
height: 1px;
width:100%;
margin-bottom:1.5%;
background: #fff;
transform: translate(100%, 50%);
transition: 1s;
}

#content .st_ttlbox ul li.move_line.active::after {
transform: translate(0%, 50%);
}
}

@media screen and (max-width: 768px) {
#content .st_ttlbox ul li.move_line::after {
content: "";
display: block;
height: 1px;
width:85%;
margin-bottom:1.5%;
background: #fff;
transform: translate(100%, 50%);
transition: 1s;
}

#content .st_ttlbox ul li.move_line.active::after {
transform: translate(0%, 50%);
}
}
/*//右から左に動作するライン*/


/* st_img  st_img-slider */
div.st_img {
position: relative;
width: 100%;
height:auto;
margin: 0 auto;
padding:0;
overflow: hidden;
}

div.st_img-slider {
position: relative;
width: 100%;
height:auto;
margin: 0 auto -40px auto;
padding:0;
overflow: hidden;
}

div.st_img::before, div.st_img-slider::before {
content: "";
display: block;
width: 100%;
height: 100%;
background: #000;
z-index: 3;
position: absolute;
top: 0;
left: 0;
transition: 0.8s;
transform: translateX(0%);
transition-timing-function: ease-in-out;
}


div.st_img::after, div.stimg-slider::after {
  content: "";
  display: block;
width: 100%;
height: auto;
background: #000;
  z-index: 2;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.8s;
  transition-delay: 0.5s;
  transform: translateX(0%);
  transition-timing-function: ease-in-out;
}

div.st_img.active::before, div.st_img-slider.active::before {
  transform: translateX(100%);
}
div.st_img.active::after, div.st_img-slider.active::after {
  transform: translateX(100%);
}

div.st_img-slider::before, div.st_img-slider::after {
height: 100%;
}


/* #st01 */
@media screen and (min-width: 769px) {
#st01 .center_box #stimg01_1 {
width:61%;
height:auto;
margin-bottom:50px;
float:left;
}

#st01 .center_box #st01_slide1 {
width:44%;
height:auto;
float:right;
margin-top:100px;
margin-left:-50px;
}

#st01 .center_box ul.credit {
width:37%;
margin-right:63%
float:left;
}

#st01 .center_box .flex_wrap {
width:63%;
height:auto;
margin:-27% 0 0 37%;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;/* flex-flow:row wrap;*/
-webkit-box-direction:reverse;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}

#st01 .center_box #stimg01_6, .center_box #st01_slide2 {
width:49.5%;
}


#st01 .rightdeco_box img {
width: 54%;
height:auto;
margin-left:46%;
}

div#stimg01_6 {
width: 100%;
height:auto;
margin: 0 auto;
padding:0;
}
}

@media screen and (max-width: 768px) {
#st01 {
margin-top:100px;
}

#st01 .center_box {
width:100%;
height:auto;
margin: 0 auto;
padding:0;
}

#st01 .center_box #stimg01_1 {
margin-top:20px;
}

#st01 .center_box #st01_slide1 {
width:100%;
height:auto;
margin-top: 3px;
margin-bottom:50px;
padding:0;
}

#st01 .center_box ul.credit {
width:90%;
}

#st01 .center_box .flex_wrap {
width:100%;
height:auto;
margin:0;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;/* flex-flow:row wrap;*/
-webkit-box-direction:reverse;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
}

#st01 .center_box #stimg01_6, .center_box #st01_slide2 {
width:49.5%;
}

#st01 .center_box .rightdeco_box {
position:absolute;
bottom:0;
right:4%;
width: 9%;
height:auto;
z-index:10;
}

#st01 .center_box .rightdeco_box img {
width:90%;
height:auto;
margin:0 auto 60px auto;
}
}


/* #st02 */
@media screen and (min-width: 769px) {
#st02 .center_box #st02_slide {
width:55.4%;
height:auto;
float:left;
}

#st02 .center_box #stimg02_4 {
width:44%;
height:auto;
float:right;
margin-bottom:30px;
}

#st02 .center_box ul.credit {
width:40%;
height:auto;
margin-left:60%;
}
#st02 .center_box #stimg02_5 {
width:30%;
height:auto;
margin:0 7% 0 6%;
float:left;
}

#st02 .center_box #stimg02_6 {
width:57%;
height:auto;
float:right;
margin-top:11%;
}
}


@media screen and (max-width: 768px) {
#st02 .center_box {
width:100%;
height:auto;
margin: 0 auto;
padding:0;
}

#st02 .center_box #st02_slide {
width:100%;
height:auto;
padding:0;
margin-bottom: 3px;
}

#st02 .center_box #stimg02_5 {
width:67%;
height:auto;
margin:120px auto;
}

#st02 .center_box #stimg02_4 {
width:100%;
height:auto;
margin:0 auto;
}

#st02 .center_box #stimg02_4 .rightdeco_box {
position:absolute;
bottom:0;
right:2%;
width: 8.7%;
height:auto;
background;#989;
}

#st02 .center_box #stimg02_4 .rightdeco_box img {
width:54%;
height:auto;
margin:0 auto 30px auto;
}

#st02 .center_box #stimg02_6 {
width:100%;
height:auto;
margin:0 auto;
}

#st02 .center_box #stimg02_6 .rightdeco_box {
position:absolute;
bottom:0;
right:0%;
width: 8.7%;
height:auto;
}

#st02 .center_box #stimg02_6 .rightdeco_box img {
width:53%;
height:auto;
margin:0 auto 30px auto;
}

}

/* #st03 */
@media screen and (min-width: 769px) {
#st03 .center_box #stimg03_1 {
width:58%;
height:auto;
float:left;
margin-bottom: 40px;
}
#st03 .center_box #st03_slide {
width:49%;
height:auto;
margin-top: 48%;
margin-left:-7%;
float:right;
}

#st03 .rightdeco_box img {
width: 54%;
height:auto;
margin-left:46%;
margin-bottom:100px;
}


#st03_flex_wrap {
width:83%;
height:auto;
margin:-11% auto 16% auto;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;/* flex-flow:row wrap;*/
-webkit-box-direction:reverse;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-pack: justify;/*justify-content: space-between;*/
-ms-flex-pack: justify;
justify-content: space-between;
}

#st03_flex_wrap #stimg03_4, #st03_flex_wrap #stimg03_5 {
width:45%;
height:auto;
}

#st03_flex_wrap p a {
font-size: 1.2rem;
line-height:250%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
margin-top: 15px;
}

#st03_flex_wrap p {
font-size: 1.2rem;
line-height:250%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
margin-top: 15px;
}

#st03_flex_wrap p a:hover {
border-bottom: 1px solid #999;
color:#999;
}
}


@media screen and (max-width: 768px) {
#st03 .center_box {
width:100%;
height:auto;
margin: 0 auto;
padding:0;
}

#st03 .center_box #st03_slide {
width:100%;
height:auto;
margin-top:100px;
margin-bottom:30px;	
}

#st03 .center_box #st03_slide .flexslider {
width:76%;
height:auto;
margin:0 auto;
}

#st03 .center_box #st03_slide .rightdeco_box {
position:absolute;
bottom:0;
right:0%;
width: 13%;
height:auto;
}

#st03 .center_box #st03_slide .rightdeco_box img {
width:36%;
height:auto;
margin:0 auto;
}


#st03 .center_box #stimg03_1 {
width:100%;
height:auto;
margin:120px auto;
}

#st03 .center_box ul.credit {
width:100%;
height:auto;
padding:0;
margin-left: 12%;
}

#st03_flex_wrap {
width:100%;
height:auto;
margin:0 auto;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}

#st03_flex_wrap #stimg03_4, #st03_flex_wrap #stimg03_5 {
width:58%;
height:auto;
margin-bottom:70px;
}

#st03_flex_wrap p a {
width:62%;
font-size: 1.1rem;
line-height:250%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
margin-top: 15px;
}

#st03_flex_wrap p {
font-size: 1.1rem;
line-height:250%;
letter-spacing: 0.08rem;
text-align: left;
padding-bottom: 5px;
margin-top: 15px;
}

#st03_flex_wrap p a:hover {
border-bottom: 1px solid #999;
color:#999;
}
}


/* #st04 */
@media screen and (min-width: 769px) {
#st04 .center_box #stimg04_1 {
width:58.4%;
height:auto;
float:right;
}

#st04 .center_box #st04_slide {
width:41%;
height:auto;
float:left;
margin-top:33%;
}
#st04 .center_box #stimg04_4 {
width:58.4%;
height:auto;
float:right;
margin-top:0.6%;
}
#st04 .center_box ul.credit {
width:41%;
margin-top:70px;
float:left;
}
}

@media screen and (max-width: 768px) {
#st04 .center_box {
width:100%;
height:auto;
margin: 0 auto;
padding:0;
}

#st04 .center_box #stimg04_1 {
width:100%;
height:auto;
margin: 0 auto;
padding:0;
}

#st04 .center_box #st04_slide {
width:100%;
height:auto;
margin-top:100px;
}

#st04 .center_box #st04_slide .flexslider {
width:87%;
height:auto;
}

#st04 .center_box #stimg04_4 {
width:91%;
height:auto;
margin-left:9%;
margin-top:140px;
}

#st04 .center_box ul.credit {
width:91%;
height:auto;
margin-left:9%;
}

#st04 .center_box #st04_slide .rightdeco_box {
position:absolute;
bottom:0;
right:0%;
width: 13%;
height:auto;
}

#st04 .center_box #st04_slide .rightdeco_box img {
width:36%;
height:auto;
margin:0 auto;
}
}

@media screen and (max-width: 768px) {
#content {
width:100%;
height:auto;
margin:0 auto;
padding:0;
}
#st04 #stimg04_4 {
width:91%;
height:auto;
margin-left:9%;
}
}


/* ここからf_wrap指定
.staff /.prof_area / footer
--------------------------------------*/
@media screen and (min-width: 769px) {
.f_wrap {
width: 1000px;
height:auto;
margin:0 auto;
}
}

@media screen and (max-width: 768px) {
.f_wrap {
width: 100%;
height:auto;
margin:0 auto 10% auto;
}
}
/*-- prof_area --*/
@media screen and (min-width: 769px) {
.prof_area {
width: 90%;
height:auto;
margin:0 auto;
margin-top:0%;
margin-bottom:6%;
}

.prof_ttl {
width: 21%;
height:auto;
margin:0 auto 1% auto;
}

.prof_area .prof_wrap {
width: 96%;
height:auto;
margin:0 auto;
padding:3% 2%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;/* flex-flow:row wrap;*/
-webkit-box-direction:reverse;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}

.prof_Img {
width: 18%;
height:auto;
margin-right:2%;
}

.prof_area .prof_wrap dl {
width: 80%;
height:auto;
}
.prof_area .prof_wrap dl dt {
width: 100%;
height:auto;
}

.prof_area .prof_wrap dl dt.prof_name {
width: 100%;
height:auto;
margin-bottom:18px;
margin-top:20px;
font-size: 1.5rem;
 letter-spacing: 0.004rem;
}

.prof_area .prof_wrap dl dd.prof_txt {
width: 100%;
height:auto;
font-size: 1.2rem;
line-height:2.2rem;
letter-spacing: 0.004rem;
}
}

@media screen and (max-width: 768px) {
.prof_area {
width: 100%;
height:auto;
margin:0 auto 9% auto;
}

.prof_ttl {
width: 33%;
height:auto;
margin:0 auto 1% auto;
}

.prof_area .prof_wrap {
width: 90%;
height:auto;
margin:0 auto;
padding:5%;
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
display: -webkit-box; /* (※flexbox※) display:flex;*/
display: -ms-flexbox;
display: flex;
-webkit-box-orient:horizontal;/* flex-flow:row wrap;*/
-webkit-box-direction:reverse;
-ms-flex-flow:row wrap;
flex-flow:row wrap;
-webkit-box-pack: center;/* justify-content: center;*/
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;;/* align-items: center;*/
-ms-flex-align: center;
align-items: center;
}

.prof_Img {
width: 43%;
height:auto;
margin-right:2%;
}

.prof_area .prof_wrap dl {
width: 55%;
height:auto;
}
.prof_area .prof_wrap dl dt {
width: 100%;
height:auto;
}

.prof_area .prof_wrap dl dt.prof_name {
width: 100%;
height:auto;
margin-bottom:18px;
margin-top:20px;
font-size: 1.4rem;
 letter-spacing: 0.004rem;
}

.prof_area .prof_wrap dl dd.prof_txt {
width: 100%;
height:auto;
font-size: 1.0rem;
line-height:2.0rem;
letter-spacing: 0.002rem;
}
}


/*-- staff --*/
@media screen and (min-width: 769px) {
.f_wrap #brandlogo {
width: 20%;
margin: 0 auto;
}

.f_wrap #brandlogo a img {
width: 100%;
height:auto;
}

.staff {
width:68%;
height:auto;
padding:0;
margin:30px auto 0 auto;
}
.staff_name {
font-size: 1.0rem;
line-height: 1.85;
text-align:center;
letter-spacing: 0.030em;
}
}

@media screen and (max-width: 768px) {
.f_wrap #brandlogo {
width: 40%;
margin: 0 auto;
margin:6% auto 3% atuo;
}

.f_wrap #brandlogo a img {
width: 100%;
height:auto;
}


.staff {
width:85%;
height:auto;
padding:0;
margin:6% auto 12% auto;
}
.staff_name {
width:80%;
height:auto;
padding:0;
margin:0 auto;
font-size: 0.8rem;
line-height: 1.75;
text-align:center;
letter-spacing: 0.030em;
}
}



/*-- footer --*/
@media screen and (min-width: 769px) {
footer {
width: 100%;
margin: 7% auto;
text-align: center;
text-decoration: none;
color: #fff;
}

footer #copyright {
font-size: 0.8rem;
letter-spacing: 0.04rem;
}
}

@media screen and (max-width: 768px) {
footer {
width: 100%;
margin: 8% auto 4% auto;
text-align: center;
text-decoration: none;
color: #fff;
}

footer #copyright {
font-size: 0.8rem;
letter-spacing: 0.04rem;
}
}