@charset "utf-8";
.head-ttl-wrap{
  background: url(../images/activity/forum/header-bg.jpg) no-repeat center center / cover;
}
/* フォーラムとは */
.sec-about{
  position: relative;
}
.sec-about::after {
  content: "";
  position: absolute;
  bottom: 60px;
  right: -77px;
  width: 580px;
  height: 580px;
  background: url(../images/activity/activity-absolute-bg.png) no-repeat center center / contain;
  z-index: -1;
}

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* フォーラムとは */

/* フォーラムルール */
.lazyloaded.sec-rules{
  background: url(../images/activity/forum/bg-rules.jpg) no-repeat center center/cover;
}
.sec-rules-row{
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  row-gap: 1rem;
  margin-bottom: 2.5rem;
}
.sec-rules-item{
  width: 300px;
  height: 300px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1.375rem;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
}
.sec-rules-item::before{
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 300px;
  height: 300px;
  border: 2px solid #0C0C31;
  border-radius: 50%;
  z-index: 10;
}
.sec-rules-name{
  font-size: 1.375rem;
  font-weight: 700;
  letter-spacing: 0.02em;
  text-align: center;
}
.sec-rules-box{
  background-color: #fff;
  padding: 2rem 1rem;
}
.sec-rules-box1{
  margin-bottom: 1.875rem;
}
.sec-rules-box-title{
  font-size: 1.375rem;
  font-weight: 700;
  margin-bottom: 1.25rem;
}
.sec-rules-desc .emphasis{
  display: inline-block;
  font-weight: 700;
  font-size: 1.125rem;
  position: relative;
}
.sec-rules-desc .emphasis::before{
  content: "";
  position: absolute;
  bottom: 5px;
  left: 50%;
  transform: translateX(-50%);
  width: 90%;
  height: 100%;
  background:linear-gradient(transparent 60%, rgba(255, 225, 0, 0.6) 60%);
}
.sec-rules-desc .emphasis span{
  position: relative;
}
@media all and (min-width: 576px) {
  .sec-rules-box{
    padding: 2.5rem;
  }
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
  .sec-rules-row{
    flex-direction: row;
  }
  .sec-rules-row .sec-rules-item:first-of-type{
    margin-right: -22px;
  }
  .sec-rules-row .sec-rules-item:last-of-type{
    margin-left: -22px;
  }
  .sec-rules-box{
    display: flex;
    align-items: center;
    padding: 2.5rem 2.1875rem;
  }
  .sec-rules-box > *{
    padding-left: 15px;
    padding-right: 15px;
  }
  .sec-rules-box-text{
    width: 54%;
  }
  .sec-rules-box-img{
    width: 46%;
  }
  .sec-rules-box-img img{
    width: 100%;
  }
  .sec-rules-box2{
    flex-direction: row-reverse;
  }
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* フォーラムルール */

/* セクション１の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //セクション１の記述 */

/* セクション２の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //セクション２の記述 */

/* セクション３の記述 */

@media all and (min-width: 576px) {
}
@media all and (min-width: 768px) {
}
@media all and (min-width: 992px) {
}
@media all and (min-width: 1200px) {
}
@media all and (min-width: 1400px) {
}
/* //セクション３の記述 */


/*デスクトップ*/
@media all and (min-width: 992px) and (max-width: 1199px) {
}
/*中デバイス*/
@media all and (min-width: 768px) and (max-width: 991px) {
  
}
/*小デバイス*/
@media all and (min-width: 576px) and (max-width: 767px) {
}

@media all and (max-width: 400px) {
}
/*iPhone5:SE*/
@media all and (max-width: 320px) {

}