@charset "utf-8";
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville);

/* guide_box
-------------------------------------------------- */
.guide_box {
  padding: 2%;
  width:100%;
  margin:0 auto;
  box-sizing: border-box;
  text-align: center;
}

@media screen and (max-width: 810px) {
.guide_box{
  padding: 3% 0;
}
}

.guide_box h2 {
  font-size:1.1em;
  font-family: 'Noto Serif JP', serif;
  font-weight:500;
  letter-spacing:0em;
  color: #C4111A;
}

.guide_box h2 span {
  font-size:2em;
  font-weight:600;
  text-transform: uppercase;
  letter-spacing:.03em;
}

@media screen and (max-width: 568px) {
.guide_box h2 span {
  font-size: 1.5em;
  font-weight:500;
}
.guide_box h2 {
  font-size:1em;
}
}

.guide_box .pn-text{
  margin-top:2%;
}
.guide_box .pn-text2{
  margin-top:1%;
}

.guide_box ul{
  width:100%;
  max-width:1500px;
  margin:1% auto 5%;
}

.guide_box li{
  width:32.3333%;
  padding:1.5%;
  box-sizing: border-box;
  display:inline-block;
  vertical-align: top;
}

@media only screen and  (max-width: 1280px) {
.guide_box li{
  width:49%;
}
}

@media only screen and  (max-width: 568px) {
.guide_box li{
  width:100%;
  margin:0 auto;
  display:block;
  padding:1% 0;
}
}


/* acc_video
--------------------------------------------------*/
.acc_video {
  position: relative;
  width: 100%;
  height: auto;
  margin: 0 auto;
}

@media only screen and  (max-width: 568px) {
.acc_video {
  margin: 1% auto;
}
}

.acc_video .video-title {
  display:block;
  color:#FFF;
  padding:8px 0 5px;
  background:#000;
  text-align: center;
  position: relative;
  font-size:1.2em;
  margin-bottom:15px;
}

@media only screen and  (max-width: 810px) {
.acc_video .video-title {
  font-size:14px;
}
}

.acc_video .video-title::after {
 position: absolute;
 top: 100%;
 left: 50%;
 margin-left: -5px;
 content: ' ';
 border: 10px solid transparent;
 border-top-color: #000;
}

.video-btn {
    content: "";
    position: absolute;
    top:0;
    left:0;
    right:0;
    bottom:40px; /*コントローラー分下部に余白を*/
    cursor: pointer;
    z-index:2;
}

.bz-1{
  z-index:-1;
  cursor: pointer;
}

.bz-0{
  z-index:0;
  cursor: pointer;
}

.acc_video_box {
  position: relative;
  width: 100%;
  max-width:600px;
  height: auto;
  margin: 3% auto;
}