/* Scss Document */
.cl1 {
  color: #78061f;
}
header:before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  top: 23vw;
  height: 60vw;
  background: url("../img/yakiniku/key_bg.png") no-repeat center bottom/100%;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  header:before {
    height: 1165px;
    top: 0;
  }
}
#key {
  position: relative;
  color: #fff;
  background: url("../img/yakiniku/key_deco.png") no-repeat right bottom/60%;
  background-color: #000 !important;
  padding-bottom: 35vw;
}
#key:before {
  content: '';
  background: url("../img/shared/bg2.jpg") repeat 0 0;
  height: 30vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  clip-path: polygon(0 0, 100% 93%, 100% 100%, 0% 100%);
}
#key:after {
  content: '';
  background: url("../img/shared/bd_bg.jpg") repeat 0 0;
  height: 20vw;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -3px;
  clip-path: polygon(0 88%, 100% 0, 100% 100%, 0% 100%);
  z-index: 2;
}
#key .tit {
  width: 32%;
  position: absolute;
  top: 29vw;
  right: 6vw;
  z-index: 1;
}
#key .js-key {
  margin: 0 -5vw;
}
#key .txt {
  padding: 35vw 8% 0;
  position: relative;
  z-index: 2;
}
@media screen and (min-width: 768px) {
  #key {
    background: none;
    text-align: center;
    height: 1630px;
    background-position: calc(50% + 530px) 744px;
    background-size: auto;
  }
  #key:before {
    height: 431px;
    clip-path: polygon(0 0, 100% 85%, 100% 100%, 0% 100%);
  }
  #key:after {
    height: 452px;
    clip-path: polygon(0 90%, 100% 0, 100% 100%, 0% 100%);
  }
  #key .js-key {
    margin: 0;
    width: 100%;
  }
  #key .js-key .object-fit-cover-pc {
    height: 964px;
  }
  #key .txt {
    padding: 0;
    height: 423px;
    text-align: left;
    right: calc(50% - 130px);
    position: absolute;
    top: 856px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #key .txt {
    right: 350px;
  }
}
@media screen and (min-width: 768px) {
  #key .tit {
    width: auto;
    top: 442px;
    right: calc(50% - 538px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #key .tit {
    right: 20px;
  }
}
@media screen and (min-width: 768px) {
  #key .tit:before {
    content: '';
    background: url("../img/yakiniku/key_deco.png") no-repeat right bottom/100%;
    width: 610px;
    height: 639px;
    position: absolute;
    bottom: -179px;
    right: -212px;
    z-index: -1;
  }
}
.photo_deco1 {
  position: relative;
}
.photo_deco1:before {
  background: url("../img/shared/bg1.jpg") repeat center 0;
  content: '';
  z-index: -1;
  position: absolute;
  right: -5px;
  bottom: -5px;
  width: 52vw;
  height: 59vw;
}
@media screen and (min-width: 768px) {
  .photo_deco1:before {
    bottom: -15px;
    right: -15px;
    width: 361px;
    height: 383px;
  }
}
.photo_deco2 {
  position: relative;
}
.photo_deco2:before {
  background: url("../img/shared/bg1.jpg") repeat center 0;
  content: '';
  z-index: -1;
  position: absolute;
  left: -5px;
  top: -5px;
  width: 56%;
  height: 48%;
}
@media screen and (min-width: 768px) {
  .photo_deco2:before {
    left: -15px;
    top: -15px;
    width: 467px;
    height: 323px;
  }
}
#sec2 {
  background: url("../img/yakiniku/sec2_bg.png") no-repeat center 169vw/128%;
  position: relative;
  padding: 10vw 0 0;
}
#sec2 h2 {
  position: relative;
  font-size: 6vw;
  line-height: 1.4;
  letter-spacing: 0.05em;
  padding-bottom: 5vw;
  text-align: center;
}
#sec2 h2:before {
  content: '';
  position: absolute;
  top: 6.8vw;
  left: 3%;
  width: 20%;
  border-top: 1px solid;
}
#sec2 h2:after {
  content: '';
  position: absolute;
  top: 7.5vw;
  left: -3%;
  width: 26%;
  border-top: 1px solid;
}
#sec2 h2 span {
  letter-spacing: 0.05em;
}
#sec2 h2 .f {
  font-size: 7vw;
}
#sec2 h2 .cl1 {
  font-size: 10vw;
  font-weight: 600;
}
#sec2 h2 .cl1 span {
  font-size: 6.2vw;
}
#sec2 .note {
  padding: 0px 0 20px;
}
#sec2 .group {
  position: relative;
}
#sec2 .group .menu {
  /* margin-bottom: 15vw; */
  position: relative;
}
#sec2 .group .menu .photo {
  position: relative;
  z-index: 2;
}
#sec2 .group .menu .item {
  background: url("../img/shared/bg3.jpg") repeat 0 0;
  padding: 5% 5% 10%;
  margin: 0 3%;
}
#sec2 .group .menu .tag {
  font-size: 5.5vw;
  font-weight: 500;
  line-height: 1.4;
  letter-spacing: 0.05em;
  border-bottom: 5px solid #7b132a;
  position: relative;
  margin-bottom: 5vw;
  padding: 3vw 0%;
}
#sec2 .group .menu .tag span {
  letter-spacing: 0.05em;
}
#sec2 .group .menu .tag .cl1 {
  font-size: 4.6vw;
}
#sec2 .group .menu .tag dd {
  position: absolute;
  right: 5%;
  bottom: 3vw;
}
#sec2 .group .menu .tag dd span {
  font-size: 4.6vw;
}
#sec2 .group .menu .tag .f1 {
  font-weight: 600;
  font-size: 9vw;
}
#sec2 .group .menu.menu3 {
  z-index: 1;
  padding-bottom: 15vw;
}
#sec2 .group .menu.menu3:after {
  background: url("../img/index/key_bg.jpg") repeat center 0;
  position: absolute;
  content: '';
  left: -5vw;
  right: -5vw;
  bottom: 0;
  top: -5vw;
  clip-path: polygon(0 19%, 100% 0, 100% 100%, 0% 100%);
  z-index: -1;
}
#sec2 .group .menu.menu3 h3 {
  font-size: 6vw;
  letter-spacing: 0.05em;
  font-weight: 600;
  line-height: 1.4;
  position: absolute;
  top: -4vw;
  left: 0vw;
  z-index: 3;
  color: #fff;
  text-shadow: 1px -1px 5px rgba(0, 0, 0, 0.6), 1px -1px 5px rgba(0, 0, 0, 0.6), 1px -1px 5px rgba(0, 0, 0, 0.6);
}
#sec2 .group .menu.menu3 h3 span {
  font-size: 8vw;
  letter-spacing: 0.05em;
}
#sec2 .group .menu.menu3 h3 .f {
  font-size: 5vw;
}
#sec2 .group .menu.menu3 .photo {
  margin: 0 -11vw 5vw;
}
@media screen and (min-width: 768px) {
  #sec2 {
    background-position: center 464px;
    background-size: auto;
    padding: 0 0px;
    margin: -137px 0 0 0;
    position: relative;
    z-index: 4;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  #sec2 {
    padding: 0 20px;
  }
}
@media screen and (min-width: 768px) {
  #sec2 .wrap {
    max-width: 100%;
  }
  #sec2 h2 {
    position: relative;
    font-size: 34px;
    padding-bottom: 0px;
    text-align: right;
    max-width: 1300px;
    margin: 0 auto;
  }
  #sec2 h2:before {
    top: 47px;
    left: auto;
    right: 664px;
    width: 296px;
  }
  #sec2 h2:after {
    top: 50px;
    left: auto;
    right: 664px;
    width: 373px;
  }
  #sec2 h2 .f {
    font-size: 44px;
  }
  #sec2 h2 .cl1 {
    font-size: 65px;
    letter-spacing: 0;
  }
  #sec2 h2 .cl1 span {
    font-size: 40px;
  }
  #sec2 .note {
    padding: 0px 0 38px;
    text-align: right;
    max-width: 1300px;
    margin: 0 auto;
  }
  #sec2 .group .menu {
    position: relative;
    display: flex;
    max-width: 1300px;
    margin: 0 auto -8px;
    padding-bottom: 203px;
  }
  #sec2 .group .menu .photo {
    position: absolute;
    top: 52px;
    left: calc(50% - 72px);
    right: 50px;
    max-width: 628px;
  }
  #sec2 .group .menu .photo span {
    height: 669px;
    display: block;
  }
  #sec2 .group .menu .item {
    width: 459px;
    width: 549px;
    padding: 73px 70px 96px 72px;
    margin: 0 0 0 48px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  #sec2 .group .menu .item {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  #sec2 .group .menu .txt {
    padding-right: 10px;
  }
  #sec2 .group .menu .tag {
    font-size: 30px;
    line-height: 55px;
    letter-spacing: 0.1em;
    margin-bottom: 35px;
    padding: 0 0% 31px;
  }
  #sec2 .group .menu .tag span {
    letter-spacing: 0.1em;
  }
  #sec2 .group .menu .tag .cl1 {
    font-size: 24px;
  }
  #sec2 .group .menu .tag dd {
    right: 14px;
    bottom: 27px;
  }
  #sec2 .group .menu .tag dd span {
    font-size: 24px;
  }
  #sec2 .group .menu .tag .f1 {
    font-size: 55px;
    padding: 8px 0 0;
    display: inline-block;
  }
  #sec2 .group .menu.menu1 {
    justify-content: flex-end;
    padding: 73px 0 0 0;
    margin-bottom: 30px;
  }
  #sec2 .group .menu.menu1 .item {
    width: 495px;
    padding: 55px 64px 57px 116px;
  }
  #sec2 .group .menu.menu1 .tag {
    padding: 0 0 33px 44px;
    margin-bottom: 29px;
  }
  #sec2 .group .menu.menu1 .tag dt .f1 {
    padding: 32px 0 0;
  }
  #sec2 .group .menu.menu1 .tag dd {
    position: absolute;
    padding: 0;
    bottom: 27px;
    right: 36px;
  }
  #sec2 .group .menu.menu1 .txt {
    padding: 0 12px 0 16px;
  }
  #sec2 .group .menu.menu1 .photo {
    top: 0;
    left: 31px;
    max-width: 834px;
    right: auto;
    width: 64%;
  }
  #sec2 .group .menu.menu1 .photo span {
    height: 574px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1260px) {
  #sec2 .group .menu.menu1 .photo {
    width: calc(100% - 430px);
    left: -5px;
  }
}
@media screen and (min-width: 1251px) {
  #sec2 .group .menu.menu2 .item {
    padding: 73px 60px 96px 60px;

  }
}
@media screen and (min-width: 768px) and (max-width:1250px){
    #sec2 .group .menu.menu2 .item {
    padding: 73px 80px 96px 32px;
    margin-left: 0;
  }
  #sec2 .group .menu.menu2 .photo {
    right: -5px;
    left: 480px;
  }
}
@media screen and (min-width: 768px) {
  #sec2 .group .menu.menu3 {
    padding-bottom: 0;
    max-width: 100%;
    display: block;
    margin-bottom: 0;
  }
  #sec2 .group .menu.menu3:after {
    left: -20px;
    right: -20px;
    bottom: 0;
    top: -63px;
    clip-path: polygon(0 48%, 100% 0, 100% 100%, 0% 100%);
  }
  #sec2 .group .menu.menu3 .box {
    width: 325px;
    position: absolute;
    top: 142px;
    right: calc(50% - 640px);
    z-index: 1;
  }
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  #sec2 .group .menu.menu3 .box {
    right: 20px;
  }
}
@media screen and (min-width: 768px) {
  #sec2 .group .menu.menu3 h3 {
    white-space: nowrap;
    font-size: 50px;
    line-height: 100px;
    top: -52px;
    left: calc(50% - 573px);
  }
  #sec2 .group .menu.menu3 h3 span {
    font-size: 75px;
  }
  #sec2 .group .menu.menu3 h3 .f {
    font-size: 40px;
  }
  #sec2 .group .menu.menu3 .txt {
    padding: 0;
    padding: 0;
    text-shadow: -1px -1px 4px #c0a975, -1px -1px 4px #c0a975;
  }
  #sec2 .group .menu.menu3 .tag {
    padding-bottom: 78px;
    margin-bottom: 30px;
  }
  #sec2 .group .menu.menu3 .tag dd {
    right: 0;
    bottom: 20px;
  }
  #sec2 .group .menu.menu3 .tag dt .f1 {
    line-height: 70px;
    padding-top: 0;
  }
  #sec2 .group .menu.menu3 .photo {
    margin: 0 -20px 0 0;
    text-align: right;
    width: auto;
    height: auto;
    position: static;
    max-width: 100%;
    box-sizing: border-box;
    padding-right: calc(50% - 347px);
  }
}
@media screen and (min-width: 768px) and (max-width: 1350px) {
  #sec2 .group .menu.menu3 .photo {
    max-width: calc(100% + 600px);
    margin-left: -600px;
    padding-right: 252px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  #sec2 .group .menu.menu3 h3 {
    left: 0px;
  }
}
#sec3 {
  background: url("../img/yakiniku/sec3_deco1.png") no-repeat center 0/110%, url("../img/yakiniku/sec3_p3.jpg") no-repeat -10vw bottom/150%;
  background-color: #000;
  color: #fff;
  padding: 10vw 0 30vw;
}
#sec3 .photo {
  padding: 7vw 0;
}
#sec3 .info h3 {
  font-size: 5.2vw;
  line-height: 1.4;
  letter-spacing: 0.1em;
  position: relative;
  font-weight: 500;
  padding: 5% 0;
  margin-bottom: 5vw;
}
#sec3 .info h3 span {
  font-size: 7.5vw;
  letter-spacing: 0.1em;
  font-weight: 600;
}
#sec3 .info h3:before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  right: -10vw;
  height: 1px;
  background: linear-gradient(90deg, white 73%, rgba(255, 255, 255, 0) 100%);
}
#sec3 .info h3:after {
  content: '';
  height: 5px;
  width: 20vw;
  background: url("../img/shared/bg1.jpg") repeat 0 0;
  position: absolute;
  left: 0;
  bottom: -2px;
  z-index: 1;
}
#sec3 .check {
  position: relative;
  font-size: 5vw;
  line-height: 1.8;
  margin: 10vw 0 0;
  font-weight: 600;
}
#sec3 .check dl {
  align-items: center;
  position: relative;
}
#sec3 .check dl:after {
  background: url("../img/shared/bg1.jpg") repeat center 0;
  content: '';
  position: absolute;
  bottom: -19vw;
  left: 50vw;
  width: 22vw;
  height: 31vw;
}
#sec3 .check dd {
  width: 38%;
  padding: 5px;
  border: 1px solid;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  #sec3 {
    background-size: auto;
    background-position: center 0, 0 bottom;
    padding: 67px 20px 100px;
  }
  #sec3 .wrap {
    max-width: 1200px;
  }
  #sec3 .photo {
    padding: 0;
    height: 537px;
    position: absolute;
    left: calc(50% - 100px);
    right: -20px;
    top: 321px;
  }
  #sec3 .menu {
    width: 353px;
    margin: 61px 0 448px 56px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1100px) {
  #sec3 .menu {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) {
  #sec3 .info {
    padding: 46px 0 0 5px;
  }
  #sec3 .info h3 {
    font-size: 30px;
    line-height: 60px;
    padding: 0 0 21px;
    margin-bottom: 26px;
  }
  #sec3 .info h3 span {
    font-size: 44px;
  }
  #sec3 .info h3:before {
    right: -200px;
  }
  #sec3 .info h3:after {
    width: 118px;
  }
  #sec3 .info .txt {
    width: 323px;
  }
  #sec3 .check {
    width: 565px;
    position: absolute;
    top: 906px;
    right: 7px;
    z-index: 1;
    font-size: 26px;
    line-height: 55px;
    margin: 0 0;
    letter-spacing: 0.1em;
  }
  #sec3 .check dl {
    display: block;
  }
  #sec3 .check dl:after {
    bottom: -251px;
    left: 234px;
    width: 162px;
    height: 275px;
  }
  #sec3 .check dd {
    position: absolute;
    top: -113px;
    right: 0;
    width: auto;
    padding: 10px;
  }
}
#sec4 {
  margin-top: -28vw;
}
#sec4 .lead {
  color: #fff;
  padding: 20vw 0;
  clip-path: polygon(0 0, 100% 14%, 100% 100%, 0% 100%);
}
#sec4 .lead h2 {
  position: relative;
  z-index: 1;
  margin: 0 auto;
}
#sec4 .lead h2 span {
  letter-spacing: 0.1em;
  font-weight: 500;
  font-size: 6.5vw;
  line-height: 1.8;
  font-weight: 400;
  display: block;
  padding: 2% 2%;
  border-right: 1px solid;
  white-space: nowrap;
  text-shadow: 1px -1px 5px rgba(0, 0, 0, 0.6), 1px -1px 5px rgba(0, 0, 0, 0.6), 1px -1px 5px rgba(0, 0, 0, 0.6);
}
#sec4 .lead h2 span:last-child {
  border-left: 1px solid;
  font-weight: 600;
}
#sec4 .lead .img-parallax-pc {
  position: absolute;
  top: 0vw;
  left: -26vw;
  right: -26vw;
  bottom: 0;
}
#sec4 .js {
  position: relative;
  padding: 10vw 0 15vw 20px;
}
#sec4 .js:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  bottom: 0;
  background: url("../img/shared/line_bg.jpg") repeat 0 0/100%;
}
#sec4 .js .txt {
  padding-bottom: 10vw;
}
#sec4 .js .group {
  position: relative;
  margin-bottom: 10vw;
}
#sec4 .js .group .deco {
  width: 100%;
  position: absolute;
  top: 59vw;
  right: 0vw;
  z-index: -1;
}
#sec4 .js .js-thumb {
  position: absolute;
  left: 5px;
  right: 5px;
  top: 56vw;
  z-index: 1;
}
#sec4 .js .js-thumb li {
  background-color: #000000;
}
#sec4 .js .js-thumb li img {
  opacity: 0.6;
}
#sec4 .js .js-thumb .slick-list, #sec4 .js .js-thumb .slick-track {
  transform: none !important;
}
#sec4 .js .js-thumb .slick-track {
  gap: 5px;
  display: flex;
}
#sec4 .js .js-thumb .slick-current li img {
  opacity: 1;
}
#sec4 .js .menu {
  padding: 5px;
}
#sec4 .js .menu .tag {
  font-family: 'Noto Serif JP';
  font-style: normal;
  font-weight: 500;
  font-size: 5.5vw;
  line-height: 1.4;
  letter-spacing: 0.1em;
  padding: 22vw 0 0 0;
}
#sec4 .js .menu .tag span {
  font-size: 5vw;
}
#sec4 .js .menu .tag dd {
  text-align: right;
}
#sec4 .js .menu .tag dt {
  font-weight: 600;
  font-size: 7vw;
  border-bottom: 1px solid;
  padding-bottom: 4vw;
  margin-bottom: 4vw;
}
#sec4 .js .menu .tag dt span {
  font-size: 5.5vw;
}
#sec4 .js .menu .photo {
  position: relative;
}
#sec4 .js .menu .photo:after {
  content: '';
  position: absolute;
  top: -5px;
  left: -5px;
  right: 5px;
  bottom: 5px;
  border: 1px solid #000;
}
#sec4 .js .menu .photo:before {
  content: '';
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  position: absolute;
  top: 0px;
  left: 0px;
  right: 5px;
  bottom: 5px;
  z-index: 3;
}
#sec4 .bnr-shared {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #sec4 {
    margin-top: -345px;
    position: relative;
    z-index: 4;
  }
  #sec4 .lead {
    padding: 209px 0 74px;
    clip-path: polygon(0 0, 100% 31%, 100% 100%, 0% 100%);
  }
  #sec4 .lead h2 {
    position: relative;
    z-index: 1;
    margin: 0 auto;
  }
  #sec4 .lead h2 span {
    display: block;
    font-size: 44px;
    line-height: 99px;
    padding: 10px 0 10px;
  }
  #sec4 .lead .img-parallax-pc {
    left: -0;
    right: -0;
    bottom: 0;
  }
  #sec4 .js {
    padding: 85px 20px 110px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1320px) {
  #sec4 .js {
    padding-left: 60px;
  }
}
@media screen and (min-width: 768px) {
  #sec4 .js:before {
    width: 48px;
  }
  #sec4 .js .wrap {
    max-width: 1200px;
  }
  #sec4 .js .txt {
    padding-bottom: 0;
    width: 428px;
    position: absolute;
    top: 44px;
    right: 11px;
  }
  #sec4 .js .group {
    position: relative;
    margin-bottom: 90px;
  }
  #sec4 .js .group .deco {
    width: auto;
    top: 160px;
    right: auto;
    left: 50%;
  }
  #sec4 .js .js-thumb {
    position: static;
    width: 482px;
    margin-left: calc(50% - 385px);
  }
  #sec4 .js .js-thumb .slick-track {
    gap: 6px;
  }
  #sec4 .js .menu {
    padding: 15px 15px 0;
  }
  #sec4 .js .menu .tag {
    position: absolute;
    width: 447px;
    right: 10px;
    top: 296px;
    font-size: 30px;
    padding: 0 0 0 0;
    letter-spacing: 0.1em;
  }
  #sec4 .js .menu .tag span {
    font-size: 24px;
  }
  #sec4 .js .menu .tag dd {
    text-align: right;
  }
  #sec4 .js .menu .tag dt {
    font-size: 44px;
    padding-bottom: 20px;
    margin-bottom: 12px;
    margin-right: -30px;
    white-space: nowrap;
  }
  #sec4 .js .menu .tag dt span {
    font-size: 34px;
  }
  #sec4 .js .menu .photo {
    width: calc(50% + 96px);
    position: relative;
    height: 411px;
  }
  #sec4 .js .menu .photo:after {
    top: -14px;
    left: -14px;
    right: 14px;
    bottom: 15px;
  }
  #sec4 .js .menu .photo:before {
    left: 0px;
    right: 14px;
    bottom: 14px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1240px) {
  #sec4 .js .menu .photo {
    width: calc(100% - 446px);
  }
  #sec4 .js .menu .tag {
    width: 430px;
  }
  #sec4 .js .menu .tag dt {
    font-size: 38px;
    letter-spacing: 0;
  }
  #sec4 .js .menu .tag dt span {
    font-size: 28px;
  }
  #sec4 .js .js-thumb {
    float: right;
    margin-left: 0;
    margin-right: 460px;
  }
}
@media screen and (min-width: 768px) {
  #sec4 .bnr-shared {
    width: 418px;
  }
}
#sec5 {
  background: url("../img/yakiniku/sec5_bg_sp.jpg") no-repeat center 0/cover;
  color: #fff;
  padding: 80vw 0 15vw;
}
#sec5 h2 {
  font-weight: 400;
  font-size: 6.8vw;
  line-height: 1.4;
  padding-bottom: 5.5vw;
}
#sec5 h2 span {
  font-size: 5vw;
}
#sec5 .txt {
  padding-bottom: 5vw;
}
@media screen and (min-width: 768px) {
  #sec5 {
    background: url("../img/yakiniku/sec5_bg.jpg") no-repeat center 0/cover;
    padding: 73px 20px 102px;
  }
  #sec5 .wrap {
    max-width: 1100px;
  }
  #sec5 h2 {
    font-size: 44px;
    line-height: 60px;
    padding-bottom: 26px;
    letter-spacing: 0.1em;
  }
  #sec5 h2 span {
    font-size: 30px;
    letter-spacing: 0.1em;
  }
  #sec5 .txt {
    padding-bottom: 45px;
    width: 543px;
  }
  #sec5 .bnr-shared {
    width: 420px;
  }
}