@charset "UTF-8";
.wrapper{
	padding-top:0;
}

@media screen and (max-width: 768px) {
  .hero-transparent .wrapper {
    padding-top: 0;
  }
}
.hero{

  margin-bottom: 100px;
  background:url("../images/column/column-hero-back.png");
  color:#fff;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  
}
.hero-title-area {
  padding-bottom: 64px;
}
@media screen and (max-width: 768px) {
  .hero-title-area {
    padding-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
	.hero{
	  margin-bottom:40px;
	}
}


@media screen and (max-width: 768px) {
  .hero-inner {
    padding-top: 100px;
    min-height: 300px;
  }
}
.breadcrumb{
  margin-bottom:120px;
}
@media screen and (max-width: 768px) {
  .breadcrumb{
    margin-bottom: 20px;
  }
}
.column-hero-flex{
	max-width:1280px;
	margin:0 auto;
}
.column-title-lead{
	font-size:3.2rem;
	font-weight:700;
	margin-bottom:24px;
}
.column-title-sub{
	font-size:1.3rem;
  color: #BD9573;
  margin-bottom: 20px;
}
.column-title{
	font-size:4.8rem;
	font-weight:500;
	margin-bottom:40px;
}
.column-title-text{
	font-size:1.4rem;
	margin-bottom:130px;
}



@media screen and (max-width: 768px) {
  .breadcrumb{
    margin-bottom: 20px;
  }
  .column-hero{
    padding-top: 0px;
    margin-bottom: 20px;
  }
  .column-hero-inner{ 
    max-width: 90%; 
    padding:20px 0;
  }
  .column-title{
    font-size: 3rem;
  }
  .column-title-text {
    margin-bottom: 20px;
  }
}

.column-content{
  border-bottom: 1px solid #ccc;
	padding-bottom:200px;
}
@media screen and (max-width: 768px) {
.column-content{
	padding-bottom:40px;
}
}
.column-content-inner{
	max-width:1320px;
	margin: 0 auto 120px;
  padding: 24px 20px 0;
}

.column-content-tag-list{
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 64px;
  gap: 12px;
}

.column-content-tag-item {
  display: inline-flex;
  align-items: center;
  justify-content: center;
	color:#BD9573;
  padding: 5px 10px;
  border: 1px solid #BD9573;
  border-radius: 999px;
  font-size: 1.4rem;
}

.column-content-tag-item.active,
.column-content-tag-item:hover {
  background: #BD9573;
  color: #fff;
}

.column-content-card-list {
  display: flex;
  flex-wrap: wrap;
	gap:47px;
  margin-bottom: 80px;
}

.column-content-card-item {
  
 width: calc((100% - 94px) / 3);
  display: block;
  color: inherit;
  text-decoration: none;
}
@media screen and (max-width: 768px) {
.column-content-card-item {
  width: 395px;
}
}
.column-content-card-image {
  display: block;
  margin: 0 0 20px;
  overflow: hidden;
  border-radius: 10px;
  width: 100%;
  aspect-ratio: 395 / 222;
}

.column-content-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 0.6s ease;
}

.column-content-card-image:hover img {
  transform: scale(1.08);
}

.column-content-card-text {
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 20px;
	font-weight:500;
}
.column-content-card-title{
  font-size: 1.8rem;
  line-height: 1.6;
  margin-bottom: 10px;
	font-weight:500;
}

.column-content-card-body{
  font-size: 1.6rem;
  line-height: 1.6;
	font-weight:400;
	margin-bottom:8px;
}
.column-content-card-date {
  font-size: 1.4rem;	
  color: #BD9573;
	display:flex;
	
}
.column-content-card-date time{
	display:block;
	margin-right:10px;
}


.column-content-card-categories{
	display:flex;
flex-wrap:wrap;
	gap:5px;
	margin-top:10px;
}
.column-content-card-category {


	color:#BD9573;
}

.column-content-card-category:hover{
	text-decoration:underline;
}
.__column-content-card-category::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  background: #BD9573;
  transform: translateY(-50%);
}

.column-content-card-category::before {
  content: "#";

}
.column-content-pager {
  display: flex;
  justify-content: center;
  gap: 16px;
}
.column-content-pager-number {
  width: 48px;
  height: 48px;
  border: 1px solid #BD9573;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.6rem;
  color: #BD9573;
  text-decoration: none;
  transition: 0.3s;
}
.column-content-pager-number.active {
  background: #BD9573;
  color: #fff;
}

.column-content-pager-number:hover {
  background: #BD9573;
  color: #fff;
}
.column-content-pager-prev {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column-content-pager-prev:hover {
  color: #BD9573;
}
.column-content-pager-prev::before {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #BD9573;
  border-left: 1px solid #BD9573;
  transform: rotate(-45deg);
}
.column-content-pager-prev::after {
  content: "";
  width: 12px;
  height: 1px;
  background: #BD9573;
  margin-left: -8px;
}
.column-content-pager-prev:hover::after {
  background: #BD9573;
}
.column-content-pager-prev:hover::before {
  border-color: #BD9573;
}
.column-content-pager-next {
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.column-content-pager-next::before {
  content: "";
  width: 12px;
  height: 1px;
  background: #BD9573;
  margin-right: -8px;
}
.column-content-pager-next::after {
  content: "";
  width: 8px;
  height: 8px;
  border-top: 1px solid #BD9573;
  border-right: 1px solid #BD9573;
  transform: rotate(45deg);
}
.column-content-pager-next:hover::after {
  border-color: #BD9573;
}

.column-content-pager-next:hover::before {
  background: #BD9573;
}




@media screen and (max-width: 747px) {
  img {
    width: 100%;
  }
  .column-content-inner{
    max-width: 90%;
    margin: 0 auto 20px;
    padding: 0;
  }
  .column-content-tag-list{
    margin-bottom: 20px;
  }
  .column-content-card-list {
    gap: 20px;
    margin-bottom: 20px;
  }

  .column-content-card-item {
    width: 100%;
  }

  .column-content-card-image {
    width: 100%;
    margin-bottom: 16px;
  }

  .column-content-card-text {
    font-size: 1.6rem;
    margin-bottom: 16px;
  }

  .column-content-card-meta {
    font-size: 1.3rem;
  }
  .
}