@charset "utf-8";
html{
  margin-top: 0;
}

section{
  padding-top: 0;
}

h2{
  padding-left:20px;
}

.single_area{
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
}

.single_area .text_area{
  width: 50%;
  padding:0 30px;
  padding-top:25px;
}

.single_area .text_area h3{
  color: #8f4b4b;
  font-size:20px;
  margin-top: 40px;
  border-bottom: solid 1px #8f4b4b;
  padding: 0 20px 20px 20px;
}

.single_area .text_area h3 span{
  display: block;
  font-size: 16px;
  margin-top: 10px;
}

.single_area .text_area .detail{
  color: #8f4b4b;
  font-size: 16px;
  line-height: 32px;
  padding: 0 20px;
  padding-top:20px;
}

.single_area .text_area .detail p{
  margin-bottom: 20px;
}

.single_area .img_area{
  width: 45%;
}

.single_area .img_area div{
  position:sticky;
  top: 100;
}

#news{
  margin-top: 100px;
}

.news_back{
  padding-left:50px;
  margin-top: 30px;
}

iframe{
  max-width: 100%;
}

@media only screen and (min-width: 825px) {


}

@media (max-width: 825px) {
  .single_area{
    display: block;
  }

  .single_area .text_area{
    width: 100%;
    padding:0 20px;
    padding-top:25px;
  }
  
  h2{
    padding-left:0;
  }

  .single_area .text_area h3{
    padding: 0;
  }

  .single_area .text_area .detail{
    padding-left: 0;
    padding-right: 0;
  }

  .single_area .img_area{
    margin-top: 20px;
    width: 100%;
  }

}


@media (max-width: 600px) {
}