/*category_set*/
#main_contents {
  margin: 0 auto; }
  @media screen and (min-width: 768px) {
    #main_contents {
      width: 127.5rem;
      padding: 4rem 0 18rem !important; } }
  @media screen and (max-width: 767px) {
    #main_contents {
      width: 36rem;
      padding: 4rem 0 8rem !important; } }

/**/
#flow_cont {
  position: relative;
  padding: 0;
  width: 100%;
  display: flex;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    #flow_cont {
      margin-top: 5rem; } }
  @media screen and (max-width: 767px) {
    #flow_cont {
      margin-top: 3rem; } }

.flow_set {
  background: #fff !important; }

.content_section section.others_section h2 {
  background: #F4F4F4 !important;
  color: #0C0C0C !important; }

@media screen and (min-width: 768px) {
  .content_section section.others_section h3 {
    margin-top: 4rem !important; } }
@media screen and (max-width: 767px) {
  .content_section section.others_section h3 {
    margin-top: 4rem !important; } }

.list {
  position: relative;
  display: flex;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .list {
      width: 100%;
      justify-content: space-between;
      flex-wrap: wrap;
      margin-top: 3rem; } }
  @media screen and (max-width: 767px) {
    .list {
      width: 100%;
      flex-direction: column;
      margin-top: 3rem; } }

.list a {
  position: relative;
  display: block;
  border-bottom: #D9D9D9 1px solid; }
  @media screen and (min-width: 768px) {
    .list a {
      width: 62.5rem; } }
  @media screen and (max-width: 767px) {
    .list a {
      width: 100%; } }

#new_building_list.list a {
  position: relative;
  display: block;
  border-bottom: #D9D9D9 1px solid; }
  @media screen and (min-width: 768px) {
    #new_building_list.list a {
      width: 40.8rem; } }
  @media screen and (max-width: 767px) {
    #new_building_list.list a {
      width: 100%; } }

.list a:nth-of-type(1) {
  border-top: #D9D9D9 1px solid; }

@media screen and (min-width: 768px) {
  .list a:nth-of-type(2) {
    border-top: #D9D9D9 1px solid; } }

@media screen and (min-width: 768px) {
  #new_building_list.list a:nth-of-type(3) {
    border-top: #D9D9D9 1px solid; } }

.list a div {
  position: relative;
  font-weight: 400;
  height: 100%; }
  @media screen and (min-width: 768px) {
    .list a div {
      padding: 2rem 4rem 2rem 2rem; } }
  @media screen and (max-width: 767px) {
    .list a div {
      padding: 2rem 3rem 2rem 1rem; } }

@media screen and (min-width: 768px) {
  .list a p.general_bold {
    transition: ease-out 0.6s all; } }

@media screen and (min-width: 768px) {
  .list a:hover p.general_txt {
    transition: ease-out 0.6s all; } }

@media screen and (min-width: 768px) {
  .list a:hover p.general_bold,
  .list a:hover p.general_txt {
    color: #CC0000 !important; } }

.list a .arrow {
  position: absolute !important;
  transition: ease-out 0.6s all;
  top: 50%; }
  @media screen and (min-width: 768px) {
    .list a .arrow {
      margin-top: -5px;
      right: 10px;
      width: 10px;
      height: 10px; } }
  @media screen and (max-width: 767px) {
    .list a .arrow {
      margin-top: -0.5rem;
      right: 1rem;
      width: 1rem;
      height: 1rem; } }

.list a .arrow::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  transition: ease-out 0.6s all;
  border: 2px solid;
  border-color: #CC0000 #CC0000 transparent transparent;
  transform: rotate(45deg);
  width: 100%;
  height: 100%; }