@charset "UTF-8";
/* CSS Document */
p, table, blockquote, address, pre, iframe, form, figure, dl {
  margin: 0;
}
ul, ol {
  margin: 0;
  padding: 0;
  list-style: none;
}
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}
.myfont_r {
  /**font-family: tbudmincho-std, sans-serif;**/
  font-family: 'Shippori Mincho B1', serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.02em;
}
.myfont_h {
  /**font-family: tbudmincho-std, sans-serif;**/
  font-family: 'Shippori Mincho B1', serif;
  font-weight: 900;
  font-style: normal;
}
.myfont_s {
  font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
}
.myfont_g {
  font-family: YuGothic, /* Mac */ 'Yu Gothic', /* Window */ sans-serif;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 600;
}
.my_lineh1 {
  line-height: 20px;
}
.my_lineh2 {
  line-height: 50px;
}
.fix img {
  width: 100%;
}
.event-contents {
  margin: 0 auto;
  max-width: 1280px;
  width: 100%;
  height: auto;
  background-color: #fff;
}
#main_img {
  width: 100%;
}
#main_img img {
  width: 100%;
}
#contents {
  margin: 0 auto;
  width: 100%;
}
#main_tt {
  margin-top: 50px;
  margin-bottom: 100px;
  text-align: center;
}
#main_tt p.mytt {
  font-size: clamp(22px, 1.953125vw, 25px); /*基準25px*/
  margin-bottom: 30px;
}
#main_tt p.mytt2 {
  font-size: clamp(15px, 1.40625vw, 18px); /*基準18px*/
  line-height: 2;
  margin-bottom: 50px;
}
.title {
  width: 100%;
  border-top: solid 6px #00aae7;
  margin: 0 auto;
  padding: 40px 0 70px 0;
  font-size: clamp(30px, 2.8125vw, 36px); /*基準36px*/
  text-align: center;
  letter-spacing: 0.3em;
  color: #00aae7;
}
.area01 {
  width: 100%;
  height: 962px;
  /*background-image: url(../img/dot.png);*/
  background-image: url(/img/usr/event/rfff9/dot.png);
  background-repeat: repeat;
  background-size: 100% 13px;
  position: relative;
  /*border-bottom: solid 1px #ccc;*/
  margin: 0 0 150px 0;
}
.area01 .midashi {
  width: 39%;
  height: auto;
  position: absolute;
  left: 3%;
  top: 5.7%;
  background: #fff;
  padding: 15px;
  font-size: clamp(23px, 2.03125vw, 26px); /*基準26px*/
}
.area01 .honbun {
  width: 39%;
  height: auto;
  position: absolute;
  left: 3%;
  top: 21.4%;
  background: #fff;
  padding: 15px;
  font-size: clamp(12px, 1.171875vw, 15px); /*基準15px*/
  line-height: 1.8;
}
.area01 .img01 {
  width: 52.3%;
  height: auto;
  position: absolute;
  left: 44.8%;
  top: 4%;
}
.area01 .img02 {
  width: 43.4%;
  height: auto;
  position: absolute;
  left: 6.9%;
  top: 53.4%;
}
.area01 .img03 {
  width: 38.2%;
  height: auto;
  position: absolute;
  left: 54.5%;
  top: 64.3%;
}
.area02 {
  width: 100%;
  height: 962px;
  /*background-image: url(../img/dot.png);*/
  background-image: url(/img/usr/event/rfff9/dot.png);
  background-repeat: repeat;
  background-size: 100% 13px;
  position: relative;
  margin: 0 0 150px 0;
}
.area02 .midashi {
  width: 39%;
  height: auto;
  position: absolute;
  left: 3%;
  top: 5.7%;
  background: #fff;
  padding: 15px;
  font-size: clamp(23px, 2.03125vw, 26px); /*基準26px*/
}
.area02 .honbun {
  width: 39%;
  height: auto;
  position: absolute;
  left: 3%;
  top: 21.4%;
  background: #fff;
  padding: 15px;
  font-size: clamp(12px, 1.171875vw, 15px); /*基準15px*/
  line-height: 1.8;
}
.area02 .img01 {
  width: 52.3%;
  height: auto;
  position: absolute;
  left: 44.9%;
  top: 5%;
}
.area02 .img02 {
  width: 38.7%;
  height: auto;
  position: absolute;
  left: 3%;
  top: 54%;
}
.area02 .img03 {
  width: 27.1%;
  height: auto;
  position: absolute;
  left: 43.1%;
  top: 69.6%;
}
.area02 .img04 {
  width: 27.1%;
  height: auto;
  position: absolute;
  left: 71.1%;
  top: 63%;
}
.recomend_tt {
  font-size: clamp(21px, 1.875vw, 24px); /*基準24px*/
  font-weight: 600;
  text-align: center;
  letter-spacing: 0.2em;
  margin: 0 0 70px 0;
}
.attxt_bottom {
  font-size: 11px;
  text-align: center;
}