@charset "UTF-8";
#header {background-color: rgba(255,255,255,1);}
#page_header{background-image: url("../img/header_img_pc.webp");}
.box-item03{position: relative;height: 300px;}
.box-item03 img.more_btn{position: absolute;bottom:0;right:0;width: 70%;}
.column-bk-img{
    width: 100%;
    height: 200px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
	margin-bottom: 2%;
}
.wp-pagenavi {
	clear: both;
}

.wp-pagenavi a, .wp-pagenavi span {
	text-decoration: none;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	border-color: #000;
}

.wp-pagenavi span.current {
	font-weight: bold;
}


/* -----------------------------
   コラム記事ページCSS
----------------------------- */
#page_header_kiji{position: relative; margin-top: 140px;height: 520px;background-repeat: no-repeat;background-position: center; background-size: cover;background-image: url("../img/header_img_kiji_pc.webp");}
#page_header_kiji .header_ttl{position: absolute;top: 50%;left: 20%;-webkit-transform :translate(-50%,-50%);transform : translate(-50%,-50%);}
#page_header_kiji .header_ttl img{width: 80px;}
.column_content{width: 90%; margin: 0 auto;padding-bottom: 0.4em;line-height: 1.8em;}
.column_img{width: 100%;margin-bottom: 3em;}
.column_content p.text{display: block;color: #000000;}
h2.title_h2{font-size: 1.8em;padding-bottom: 0.4em;margin-bottom: 1em;}
.text_r{display: block; text-align: right;}
/* -----------------------------
   レスポンシブ対応
----------------------------- */
@media screen and (max-width: 768px) {
  .sub-title {
    font-size: 0.85rem;
    letter-spacing: 0.2em;
  }

  .main-title {
    font-size: 1.8rem;
    white-space: normal; /* スマホでは折り返す */
  }

  .divider {
    height: 40px;
  }
}

@media screen and (max-width: 480px) {
  .sub-title {
    font-size: 0.85rem;
  }

  .main-title {
    font-size: 1.6rem;
  }

  .divider {
    height: 30px;
  }
}

/*
===================================================
 tb タブレット解像度
===================================================
*/
@media screen and (max-width:1000px) {

	}
/*
===================================================
 sp スマホ解像度
===================================================
*/
@media screen and (max-width:640px) {
#page_header{background-image: url("../img/header_img_sp.webp");}

.arrow{
	display: block;position: relative;
  color: #000000;
  width:94%;
  padding: 10px 10px;
}


/* -----------------------------
   コラム記事ページCSS
----------------------------- */
#page_header_kiji{position: relative; margin-top: 100px;height: 180px;background-repeat: no-repeat;background-size: cover;background-image: url("../img/header_img_kiji_sp.webp");}
#page_header_kiji .header_ttl{position: absolute;top: 50%;right: 0%;-webkit-transform :translate(30%,-34%);transform : translate(30%,-34%);z-index: 10;}
#page_header_kiji .header_ttl img{width: 50px;}
.column_content{width: 100%; margin: 0 auto;padding-bottom: 0.4em;line-height: 1.8em;}
h2.title_h2{font-size: 1.4em;padding-bottom: 0.4em;margin-bottom: 0.6em;}
.column_img{width: 100%;margin-bottom: 1.6em;}
}