/* 広報部 */
img{
    width: 100%;
}
.flogobox img{  
  width:auto;
}
.common_f .fwrap .flogobox {
  display: none;
}
header img{
  width: auto;
  max-width: auto;
}
.head nav.open_nav a {
  font-size: 14px;
}
.pr-nawagakutyu-logo {
    width: 84%;
    margin: 0 auto 14%;
    display: block;
    padding-left: 23px;
    box-sizing: content-box;
}

.pre-text{
	width: 90%;
	display: block;
	margin: 0 auto;
}


.pr-explanation {
    margin-bottom: 60px;
}


.banner-nawagaku1__corner,
.banner-nawagaku2__corner {
	position: relative;
	padding-bottom: 21.2%;
	margin-bottom: 6px;
}

.banner-nawagaku2__corner{
    margin-bottom: 0;
}

.banner-nawagaku1__corner a,
.banner-nawagaku2__corner a{
    width: 90%;
    margin: 0 auto 8px;
	display: block;
}

.click{
	width: 34.5%;
	animation: finger ease-in-out 1s infinite alternate;
	position: absolute;
	left: 0;
	bottom: 0;
}
.click1-2{
	animation: finger ease-in-out 1s infinite alternate -1s;
}

@keyframes finger {
	0% {
	  bottom: 6%;
	  left: 4%;
	}
	100% {
	  bottom: 6.5%;
	  left: 8.5%;
	}
}
  

.click2-1 {
    position: absolute;
    width: 14%;
    left: 25%;
}

.click2 {
    position: absolute;
    width: 18%;
    left: 28px;
    bottom: 23px;
    animation: finger ease-in-out 1s infinite alternate;
    transform-origin: left bottom;
}

  @keyframes finger2 {
	0% {
	  transform: rotateZ(340deg);
	}
	100% {
	  bottom: 5%;
	  left: 7.5%;
	  transform: rotateZ(360deg);
	}
  }



  .public-relations__contents{
    position: relative;
    padding-bottom: 62%;
    /* margin-bottom: 85px; */
    padding-top: 16%;
    margin: 0 auto;
    box-sizing: border-box;
  }

 .pre-nice-logo {
    position: absolute;
    right: 5%;
    bottom: 10.9%;
    width: 36.8%;
}

  /*.pen-eraser {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 52.6%;
} */


.public-relations{
	background-image: url(../images/pr-back-sp.jpg);
	background-size: cover;
    margin-bottom: 0px;
    background-position: bottom; 
}


.line-5color {
  position: relative;
  background: linear-gradient(to right, #FFCE00 0%, #FFCE00 20%, #FF321D 20%, #FF321D 40%, #00B70D 40%, #00B70D 60%, #6444FF 60%, #6444FF 80%, #00C1DC 80%, #00C1DC 100%);
  height: 60px;
}


  @media screen and (min-width:768px) {

  .public-relations {
      background-image: url(../images/pr-back-pc.jpg);
      background-size: cover;
  }
    

  .public-relations__contents {
    display: flex;
    justify-content: space-between;
    padding: 4% 0 1%;
    width: 1100px;
    max-width: 100%;
    margin: 0 auto;
}

.pr-nawagakutyu-logo {
    width: 88%;
    margin: 0 0 13%;
    display: block;
    padding-left: 0;
    box-sizing: content-box;
}

.pre-text {
    width: 67%;
    display: block;
    margin: 0;
}

.pr-banner {
    width: 54.5%;
    padding-top: 30px;
}
.pr-banner a{
    transition: 0.5s;
}
.pr-banner a:hover{
    filter: brightness(1.1);
    transform: scale(1.1);
}
.pr-explanation {
    margin-bottom: 56px;
    width: 45%;
}
.banner-nawagaku1__corner a, .banner-nawagaku2__corner a {
    width: 100%;
    margin: 0 0 8px;
    display: block;
}

.banner-nawagaku1__corner, .banner-nawagaku2__corner {
    padding-bottom: 7.2%;
    margin-bottom: 6px;
}

.pre-nice-logo {
    right: inherit;
    left: 23.6%;
    bottom: 21.3%;
    width: 12.3%;
}


.click {
    width: 14.5%;
    left: 0;
    bottom: 0;
}

@keyframes finger {
    0% {
      bottom: 9%;
      left: -16%;
    }
    100% {
      bottom:11%;
      left: -13%;
    }
  }
  
  .click2-1 {
    width: 9%;
    left: -17%;
    bottom: 24%;
}

.click2 {
    width: 11%;
    left: -13%;
    bottom: 10%;
}

  @keyframes finger2 {
    0% {
      transform: rotateZ(340deg);
    }
    100% {
      transform: rotateZ(360deg);
    }
  }

  .line-5color:before {
    bottom: -60px;
    height: 60px;
}

}

.footer-logo {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  max-width: 230px;
  width: 16%;
  margin: auto;
  mix-blend-mode: screen;
}
@media screen and (max-width:1366px) {
}


@media screen and (min-width:769px) and ( max-width:1180px){
    .public-relations__contents {
        padding: 4% 40px 1%;
    }
  }

@media screen and (max-width:768px) {
  .footer-logo {
      width: 40%;
  }
  .line-5color {
    height: 40px;
  }
}