@charset "UTF-8";
.event{width: 100%;/* text-align: center; */}
.event-img{
  width: 100%;
  margin: 0 auto;
  background-image:url(https://www.soyo-inc.co.jp/wp-content/themes/twentythirteen-2/images/contents/tittle-bg.png);
  position: relative;
  height: 55vw;
  overflow: hidden;
}
.event-area{width: 80%;margin: 0 auto;/* position: relative; */}
.event-img-tittle{top: 10%;width: 65VW;position: absolute;left: 18%;}
.event-img-tittle img{width: 100%;}
.event-img-tittle-main{position: absolute;top: 26%;left: 29%;width: 40VW;}
.event-img-tittle-main img{width: 100%;}
.event-img-tittle-child{top: 63%;left: 16%;position: absolute;width: 27VW;}
.event-img-tittle-child img{width: 100%;}
.event-img-tittle-img{top: 57%;left: 37%;position: absolute;width: 57VW;}
.event-img-tittle-img img{width: 100%;}
.event-img img{;}
.event-main{/* text-align: center; */margin: 0 0 50px 0;}
h2.event-h2 {
  background: -moz-linear-gradient(to right, #7b6153 50%, #FFF);
  background: -webkit-linear-gradient(to right, #7b6153 50%, #FFF);
  background: linear-gradient(to right, #7b6153 50%, #FFF);
  color: #fff;
  padding: 15px;
  font-size: 32px;
  letter-spacing: 2.5px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: bold;
  margin: 50px 0 0 0;
  text-align: center;
  }
.event-main-area{
  width: 100%;
  margin: 0 auto;
  background-image:url(https://www.soyo-inc.co.jp/wp-content/themes/twentythirteen-2/images/contents/main-4.png);
  position: relative;
  height: 50vw;
 }
.event-main-img-1{top: 10%;width: 33vw;position: absolute;left: 19%;}
.event-main-img-2{top: 22%;width: 50vw;position: absolute;left: 19%;}
.event-main-img-3{top: 47%;width: 20vw;position: absolute;left: 20%;}
.event-main-img-4{top: 43%;width: 54vw;position: absolute;left: 46%;}


.event-map{;}
.event-adress{text-align: center;}
.event-map{margin: 30px auto;text-align: center;width: 50%;}
.event-adress p{margin: 0px;font-size: 18px;}
.event-adress p span.small{font-size: 75%;}
.con_renga .con_title h2 {
    font-size: 2.3rem;
    width: 8em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    line-height: 2em;
    text-align: center;}
.con_renga .con_title .st {
    font-size: 1.5rem;
    width: 14em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    text-align: center;
}
.con_renga .con_title h2, .con_renga .con_title p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .con_renga .con_merit h3 > span.con_num span.merit {
      font-size: 0.8rem;
      font-weight: bold;
  }
  .con_renga .con_merit h3 > span.con_num span.num {
    font-size: 3rem;
    font-weight: bold;
    padding-top: 4px;
}
.con_renga .con_merit h3 > span.st {
    padding-left: 13px;
    color: #48382F;
    font-size: 1.8rem;
    font-weight: bold;
}
.con_renga .con_merit .box_merit .con_txt {
    width: 49%;
    font-size: 1.2rem;
    line-height: 1.9em;
    padding: 3% 6% 0;
    text-align: justify;
}
.con_renga .con_merit .box_merit .con_img {
    width: 49%;
}

.con_renga {
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 40px 30px;
    clear: both;
    overflow: hidden;
}
.con_renga .con_merit h3 {
    width: 100%;
    display: table;
    table-layout: fixed;
    background: linear-gradient(to right, #decdb9 50%,#fff);
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 56.25%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
@media (max-width: 399px) {
.event{width: 100%;/* text-align: center; */}
.event-img{
  width: 100%;
  margin: 0 auto;
  background-image:url(https://www.soyo-inc.co.jp/wp-content/themes/twentythirteen-2/images/contents/tittle-bg.png);
  position: relative;
  height: 135vw;
  background-repeat: no-repeat;
}
.event-area{width: 100%;margin: 0 auto;/* position: relative; */}
.event-img-tittle{top: 6%;width: 90vw;position: absolute;left: 8%;left: 5%;}
.event-img-tittle img{width: 100%;}
.event-img-tittle-main{position: absolute;top: 20%;left: 9%;width: 84vw;}
.event-img-tittle-main img{width: 100%;}
.event-img-tittle-child{top: 53%;left: 11%;position: absolute;width: 55vw;}
.event-img-tittle-child img{width: 100%;}
.event-img-tittle-img{top: 72%;left: 9%;position: absolute;width: 96vw;}
.event-img-tittle-img img{width: 100%;}
.event-img img{;}
.event-main{/* text-align: center; */margin: 0 0 50px 0;}
h2.event-h2 {
  background: -moz-linear-gradient(to right, #7b6153 50%, #FFF);
  background: -webkit-linear-gradient(to right, #7b6153 50%, #FFF);
  background: linear-gradient(to right, #7b6153 50%, #FFF);
  color: #fff;
  padding: 15px;
  font-size: 24px;
  letter-spacing: 2.5px;
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
  font-weight: bold;
  margin: 50px 0 0 0;
  text-align: center;
  }
.event-main-area{
  width: 100%;
  margin: 0 auto;
  background-image:url(https://www.soyo-inc.co.jp/wp-content/themes/twentythirteen-2/images/contents/main-4.png);
  position: relative;
  height: 100vw;
 }
.event-main-img-1{top: 16%;width: 70%;position: absolute;left: 9%;}
.event-main-img-2{top: 24%;width: 87vw;position: absolute;left: 8%;}
.event-main-img-3{top: 43%;width: 36vw;position: absolute;left: 2%;}
.event-main-img-4{top: 51%;width: 92vw;position: absolute;left: 22%;}


.event-map{;}
.event-adress{text-align: center;}
.event-map{margin: 30px 0;text-align: center;width: 100%;}
.event-adress p{margin: 0px;font-size: 14px;}
.event-adress p span.small{font-size: 80%;}
.con_renga .con_title h2 {
    font-size: 2.3rem;
    width: 8em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    line-height: 2em;
    text-align: center;}
.con_renga .con_title .st {
    font-size: 1.5rem;
    width: 14em;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    text-align: center;
}
.con_renga .con_title h2, .con_renga .con_title p {
    display: table-cell;
    vertical-align: middle;
    text-align: left;
  }
  .con_renga .con_merit h3 > span.con_num span.merit {
      font-size: 0.8rem;
      font-weight: bold;
  }
  .con_renga .con_merit h3 > span.con_num span.num {
    font-size: 2rem;
    font-weight: bold;
    padding-top: 4px;
}
.con_renga .con_merit h3 > span.st {
    padding-left: 13px;
    color: #48382F;
    font-size: 1.0rem;
    font-weight: bold;
}
.con_renga .con_merit .box_merit .con_txt {
    width: 100%;
    font-size: 1.0rem;
    line-height: 1.9em;
    padding: 0px 30px 0;
    text-align: justify;
}
.con_renga .con_merit .box_merit .con_img {
    width: 100%;
}

.con_renga {
    width: auto;
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0 10px 30px;
    clear: both;
    overflow: hidden;
}
.con_renga .con_merit h3 {
    width: 100%;
    display: table;
    table-layout: fixed;
    background: linear-gradient(to right, #decdb9 50%,#fff);
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, sans-serif;
    margin: 20px 0 0px 0;
}
}