@charset "utf-8";
html {
    font-size: 62.5%;
}

body {
    font-size: 1.6rem;
    line-height: 1.4;
	background: #fff;
	padding: 0;
	margin: 0;
	background-color:#FDEDE8;
}

* {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}

* {
    box-sizing: border-box;
}

img,
video {
    max-width: 100%;
}

img {
    border-style: none;
	width: 100%;
	height: auto;
}

div {
	line-height: 0;
	max-width: 1680px;
	margin: auto;
}
.movie div {
	margin: auto;
	text-align: center;
	line-height: 0;
	position: relative;
	width: 84%;
	padding-top: 56.25%;
}

.movie iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
}



.youtube_voice-box_01 {
	background: url("../images/11.jpg") repeat-y;
	background-size: contain;
}
.youtube_voice-box_02 {
	background: url("../images/13.jpg") repeat-y;
	background-size: contain;
}
.youtube_voice-box_03 {
	padding: 0 20%;
	background: url("../images/07.jpg") repeat-y;
	background-size: contain;
}
.youtube_voice {
    max-width: 960px;
}

.youtube-wrap {
    position: relative;
    width: 67.08%;
    padding-top: 38.52%;
	background: #9c0808;
}
.youtube_voice-wrap {
    position: relative;
    width: 96%;
    padding-top: 54%;
}
.youtube-inner {
  position: absolute;
  width: 100%;
  padding-top: 56.25%;
	top: 0;
	left: 0;
}

.youtube-inner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.js__fixed_btn {
	width: 50%;
    position: fixed;
    bottom: 10px;
    right: 10px;
    border: none;
    z-index: 100;
}
  .sp {
    display: none;
  }
	.pc {
		display: block;
}
@media screen and (max-width: 767px) {
  .sp {
    display: block;
  }
	.pc {
		display: none;
	}
	.youtube_voice-box_03 {
		padding: 0 7%;
		background: url("../images/s_007-01.jpg") repeat-y;
		background-size: cover;
	}
}



@media screen and (max-width: 479px) {
.js__fixed_btn {
	width: 100%;
    bottom: 0px;
    right: 0px;
	background: rgba(255, 255, 255, 0.75);
	padding: 10px 10px 10px;
}
}


@media screen and (min-width: 479px){
	.nayami{width: 55%;}	
}

.nayami{
	margin-top: 3%;
	background-color:#FDEDE8;

    transition: all 1s;
}

.nayami.is-show {
  opacity: 1;
  visibility: visible;
}

.nayami_title{
	padding-top:8%;
	width:90%;
	opacity: 0; 
    visibility: hidden;
    transform: translateY(30px);
    transition: all 1s;
}

.nayami_title.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}


.nayami_01{
	padding-top: 6%;
	width: 91%;
	opacity: 0; 
    visibility: hidden;
    transform: translateX(-100px);
    transition: all 1s;
}

.nayami_01.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}



.nayami_02{
	padding-top: 4%;
	width: 91%;
	opacity: 0; 
    visibility: hidden;
    transform: translateX(100px);
    transition: all 1s;
}

.nayami_02.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}


.nayami_03{
	padding-top: 4%;
	width: 91%;
	opacity: 0; 
    visibility: hidden;
    transform: translateX(-100px);
    transition: all 1s;
}

.nayami_03.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}



.nayami_04{
	padding-top: 4%;
	width: 91%;
	padding-bottom: 6.5%;
	opacity: 0; 
    visibility: hidden;
    transform: translateX(100px);
    transition: all 1s;
}

.nayami_04.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateX(0px);
}