@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}

.page_title img.icon{display: block;width: 100px;margin: 0 auto;}
.page_title{font-size: 2.4em;}
.page_title span{display: block;font-size: 0.5em;font-weight: normal;}
/* ====== カテゴリメニューPC 基本デザイン ====== */
/* 全体のラップ */
.category-wrap {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;              /* 画像と同じ余白感 */
  max-width: 1200px;
  margin: 0 auto;
  padding: 20px;
  justify-content: center;
}

/* 各カテゴリボタン */
.category-item {
  border: 1px solid #000;
  padding: 10px 40px 10px 24px; 
  font-size: 1.24em;
  font-weight: 500;
  position: relative;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;     /* 画像のように文字の改行を防ぐ */
  transition: 0.2s;
}

/* 右矢印を擬似要素で再現 */
.category-item::after {
  content: "＞";
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1.0em;
  color: #000;
}

/* ホバー時（少し濃くするだけ） */
.category-item:hover {
  background: #f7f7f7;
}

/* --- レスポンシブ対応 --- */
@media (max-width: 1000px) {
  .category-item {
    font-size: 0.84em;
    padding: 10px 36px 10px 20px;
  }
}

@media (max-width: 640px) {
  .category-wrap {
    gap: 14px;
  }
  .category-item {
    width: 100%;            /* スマホは横幅いっぱい */
    font-size: 0.84em;
    padding: 8px 36px 8px 20px;
  }
}




.wp_ttl_h2{font-size: 2.14em;line-height: 1.2em;margin: 0 0 0.6em;}
.item_name{background-color: #dcdddd;padding: 2%;font-size: 1.4em;margin-bottom: 2em}
.wp_main_img img{width: 100%;margin-bottom: 2em;}
.item_number{padding: 2em 0;border-bottom: solid 1px #9fa0a0;margin-bottom: 2em;}
.wp_ttl_h3{font-size: 1.6em;margin-bottom: 0.4em;}
.wp_contents p{line-height: 1.8em;}
.item_contents{margin-bottom: 5em;}
.item_contents p{margin-bottom: 0.63em;}
.item_contents img{height: 360px;}

.page_f-left{float: left;}
.page_f-right{float: right;}
.page_navi{margin: 5em 0 3em;}
.page_navi_lr{font-size: 1.2em;}
.more_btn{width: 40%;display: block;margin: 2em auto;}


.section_01{background-color: #f5f5f1;}
.new_slide {
	position: relative;
    width: 100vw;
    overflow: hidden;
    transition: all 0.3s;
    margin: 3em calc(50% - 50vw);
    padding: 0;
	height: 620px;
}
.swiper-button-next, .swiper-button-prev {
    color: #ffffff !important;
	background-color:#8da8be;
	padding: 2px 10px;
	border-radius: 50px;
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 20px !important;
}

.column-bk-img{
    width: 100%;
    height: 500px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 1%;
}
.new_slide_ttl{font-size: 1.24em;font-weight: bold;margin: 0;}
.new_slide_ttl span.category{background-color: #7f4f21;color:#ffffff;display: inline-block;padding: 0.1em 0.8em;font-size: 0.84em;margin-right: 0.6em;margin-top: -0.2em;}


.category{background-color: #7f4f21;color:#ffffff;display: inline-block;padding: 0.1em 0.8em;}
.proposing-bk-img{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}
.proposing_box{height: auto;position: relative;margin-bottom: 5%;color: #3e3a39;}
.sec_05_ttl{font-size: 1.0em;font-weight: bold;margin: 0.2% 0;}

/*
===================================================
 コラム詳細CSS
===================================================
*/
.category_name{display: inline-block;background-color: #956134;color: #ffffff;padding: 0.1em 0.6em;float: right;}
.column_main_contents{margin-top: 3em;margin-bottom: 5em;}
.wp_komidashi{font-size: 1.4em;}
.column_img {width: 80%;margin: 2em auto;}
.column_img img{width: 100%;}
.column_contents{margin-bottom: 8em;}
.column_main_contents p,.column_contents p{margin-bottom: 0.63em;}
.column_con_ttl{font-size: 1.4em;margin-bottom: 3em;}
/* 見出しの下に短い下線 */
.column_con_ttl {
  position: relative;
  text-align: center; /* 文字の中央寄せ */
}
.column_con_ttl::before {
  background-color: #6a3906; /* 線の色 */
  bottom: -10px; /* 線の位置 */
  content: "";
  height: 5px; /* 線の高さ */
  left: 50%; /* 線の中央寄せ */
  position: absolute;
  transform: translateX(-50%); /* 線の中央寄せ */
  width: 30px; /* 線の長さ */
}
.column_sub_ttl,.column_sub_contents h2{font-size: 2.0em;margin-bottom: 0.8em;}
p.lead_copy,.column_sub_contents h3{font-size: 1.6em;font-weight: bold;line-height: 1.46em;margin-bottom: 0.8em;}
.mt4em{margin-top: 4em;}
.column_sub_contents img{margin:2em auto;}
	
	.bg_houjin{background-color: #e9e7de;}
.houjin_ttl{width: 60%;margin: 0 auto 0.4em;}
/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {
.new_slide {
	position: relative;
    width: 100vw;
    overflow: hidden;
    transition: all 0.3s;
    margin: 2em calc(50% - 50vw);
    padding: 0;
	height: 480px;
}
.column-bk-img{
    width: 100%;
    height: 360px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 1%;
}
.proposing-bk-img{
    width: 100%;
    height: 180px;
	margin-bottom: 3%;
}
	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}
	

	
.page_ttl_h2{font-size: 1.6em;}
.page_ttl_h3{color:#7d4e22;font-size: 1.2em;margin-bottom: 1%;margin-top: 1em;}

.wp_ttl_h2{font-size:1.6em;line-height: 1.2em;margin: 0 0 0.6em;}
.wp_main_img img{margin-bottom: 1.4em;}
.wp_ttl_h3{font-size: 1.4em;margin-bottom: 0.6em;}
.wp_contents p{line-height: 1.5em;}
.page_f-left{float: left;}
.page_f-right{float: right;}
	
.new_slide {
	position: relative;
    width: 100vw;
    overflow: hidden;
    transition: all 0.3s;
    margin: 2em calc(50% - 50vw);
    padding: 0;
	height: 300px;
}
.swiper-button-next, .swiper-button-prev {
    color: #ffffff !important;
	background-color:#8da8be;
	padding: 1px 10px;
	border-radius: 50px;
}

.swiper-button-next:after,.swiper-button-prev:after {
    font-size: 15px !important;
}

.column-bk-img{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 1%;
}
.new_slide_ttl{font-size: 0.84em;font-weight: bold;margin: 0;}
.new_slide_ttl span.category{background-color: #7f4f21;color:#ffffff;display: inline-block;padding: 0.1em 0.8em;font-size: 0.84em;margin-right: 0.6em;margin-top: -0.2em;}
	
.boxitem_03{width: 48%;}
.proposing-bk-img{
    width: 100%;
    height: 120px;
	margin-bottom: 3%;
}
.proposing_box{height: 220px;}
.date{font-size: 0.76em;}
.category{background-color: #7f4f21;color:#ffffff;display: inline-block;padding: 0.1em 0.8em;font-size: 0.7em;}
.tex_box_w100 p.justify{font-size: 0.8em;}
.sec_05_ttl{font-size: 0.8em;}
.houjin_ttl{width: 100%;margin: 0 auto 0.4em;}
.sp_mb2em{margin-bottom: 0.8em;}

/*
===================================================
 コラム詳細CSS
===================================================
*/
.category_name{font-size: 0.84em;}	
.column_main_contents{margin-top: 1.4em;margin-bottom: 3em;}
.wp_komidashi{font-size: 1.2em;}	
.column_contents{margin-bottom: 4em;}
.column_con_ttl{font-size: 1.3em;margin-bottom: 1.4em;}
.column_img {width: 100%;margin: 1.4em auto;}
.column_sub_ttl,.column_sub_contents h2{font-size: 1.3em;margin-bottom: 0.4em;}
p.lead_copy,.column_sub_contents h3{font-size: 1.14em;}
}