.youtube_container {
  margin: 0 auto 10%;
  display: block;
  width: 90%;
}

.youtube_container iframe {
  border: solid 8px rgba(26,50,33,.9);
  width: 100%;
  height: 217px;
  /* margin: 0 auto; */
}

.youtube_container h3 {
  font-family: 'Pinyon Script', cursive;
  font-size: 7.5vw;
  color:rgba(26,50,33,.9);
  margin-bottom: 10px;
  /* margin: 0 30px 0 0; */
  /* padding-left: 0; */
  text-align: center;
}


/**********************************************

concept

**********************************************/

.main_concept {
  position: relative;
}

.main_concept::before {
  content:"";
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100vh;
  background:url(../concept/img/bg_concept.jpg) top center no-repeat;
  background-size:cover;
  z-index:-1;
}

.section_concept {
  text-align: center;
  padding-bottom: 15%;
}

.section_concept h3.catch {
  font-size: 33px;
  color: #b1914d;
  margin-bottom: 3%;
}

.section_concept .scatch {
  font-size: 12px;
  color: #b1914d;
  margin-bottom: 5%;
}

.section_concept .page_txt {
  font-size: 12px;
  line-height: 1.8;
  text-align: left;
}

.section_concept .section_history {
  width: 90%;
  background: #FFF;
  margin: 10% auto 0;
  position: relative;
  border: 1px solid #d6b550;
  padding: 5%;
}

.section_concept .section_history::before {
  position: absolute;
  display: block;
  content: "";
  top: 5px;
  left: 5px;
  width: 34px;
  height: 34px;
  background: url(../img/cmn/frame.png) top center no-repeat;
  background-size: 100% auto;
}

.section_concept .section_history::after {
  position: absolute;
  display: block;
  content: "";
  top: 5px;
  right: 5px;
  width: 34px;
  height: 34px;
  background: url(../img/cmn/frame.png) top center no-repeat;
  background-size: 100% auto;
  transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
}

.section_concept .section_history .inner_box::before {
  position: absolute;
  display: block;
  content: "";
  bottom: 5px;
  left: 5px;
  width: 34px;
  height: 34px;
  background: url(../img/cmn/frame.png) top center no-repeat;
  background-size: 100% auto;
  transform: scale(1, -1);
  -webkit-transform: scale(1, -1);
}

.section_concept .section_history .inner_box::after {
  position: absolute;
  display: block;
  content: "";
  bottom: 5px;
  right: 5px;
  width: 34px;
  height: 34px;
  background: url(../img/cmn/frame.png) top center no-repeat;
  background-size: 100% auto;
  transform: scale(-1, -1);
  -webkit-transform: scale(-1, -1);
}

.section_concept .section_history h4 {
  font-size: 47px;
  font-style: italic;
}

.section_concept .section_history .box {
  text-align: left;
  margin-top: 6%;
}

.section_concept .section_history .box02 {
  text-align: center;
  color: #d6b550;
  position: relative;
  padding-bottom: 8%;
}

.section_concept .section_history .box02::before {
  content:"";
  position: absolute;
  top: 0px;
  left: -7px;
  width: 34px;
  height: 42px;
  background: url(../concept/img/motif_history01.png) top center no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.section_concept .section_history .box02::after {
  content:"";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 62px;
  height: 64px;
  background: url(../concept/img/motif_history02.png) top center no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.section_concept .section_history .box02 .catch {
  font-size: 15px;
  margin-bottom: 3%;
  position: relative;
  z-index: 99;
}

.section_concept .section_history .box02 .scatch {
  color: #d6b550;
  position: relative;
  z-index: 99;
}

.section_concept .section_history .box .ph {
  margin-bottom: 2%;
}

/**********************************************

photospot

**********************************************/

.section_photospot {
  background: #FFF;
  text-align: center;
  padding-bottom: 20%;
}

.section_photospot .article_h2 {
  margin: 0 auto;
  position: relative;
}

.section_photospot .article_h2 h2 {
  position: relative;
  z-index: 9;
}

.section_photospot .article_h2::before {
  content:"";
  position: absolute;
  top: 5%;
  left: 1%;
  width: 58px;
  height: 48px;
  background: url(../concept/img/motif_photospot01.png) top center no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.section_photospot .article_h2::after {
  content:"";
  position: absolute;
  right: 1%;
  bottom: 0;
  width: 80px;
  height: 54px;
  background: url(../concept/img/motif_photospot02.png) top center no-repeat;
  background-size: 100% auto;
  z-index: 1;
}

.section_photospot .page_catch {
  color: #b1914d;
  font-size: 16px;
  padding-bottom: 3%;
}

.section_photospot .page_txt {
  font-size: 12px;
  margin-bottom: 10%;
  line-height: 1.8;
  text-align: left;
}


/**********************************************

staff

**********************************************/

.section_staff {
  background: #FFF;
  text-align: center;
  padding-bottom: 9%;
}

.section_staff .article_h2 {
  margin: 0 auto;
  padding-bottom: 6%;
}

.section_staff .staff_box {
  margin-bottom: 4%;
}

.section_staff .staff_box .ph {
  width: 80%;
  margin:4% auto 5%;
}

.section_staff .staff_box .txt_box {
  text-align: center;
  font-size: 12px;
}

.section_staff .staff_box .txt_box .name {
  font-size: 33px;
  font-style: italic;
}

.section_staff .staff_box .txt_box .sname {
  font-size: 18px;
  margin-bottom: 5%;
}

.section_staff .staff_box .txt_box .comment_box {
  background: #f8f6f4;
  padding: 5%;
  text-align: left;
}

.section_staff .staff_box .txt_box .comment_box .catch {
  color: #b1914d;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 3%;
}