@charset "UTF-8";
/**
 * Main Stylesheet
 * 
 */

/*------------------------------------------
  色設定
--------------------------------------------*/
:root {
  /*----------------
  色設定
  ------------------*/
  --text-color: #585858;
  --main-color: #F97702;
  --dark-color: #003060;
  --light-color: #e2ecba;
  --high-color: #2068c8;
  --accent-color: #499475;
  --background-color: #f9f9f9;
  --logo-color: #00439a;
  --link-color: #F97702;
  --visited-color: #F97702;
  --page-top-color: #F97702;
  --error-color: #e51221;
  /*----------------
  サイズ設定
  ------------------*/
  --main-2col-width: 810px;     /* 2カラム時のmainの幅 */
  --sidebar-2col_width: 240px;  /* 2カラム時のsidebarの幅 */
  --hamb_menu_size: 55px;       /* ハンバーガーメニューのサイズ(縦＆横) */
}


/* ==========================================================================
   XXXX
   XXXXXXX
   ========================================================================== */
/*---------------------------------------------------------------------------
  XXXX
  --------------------------------------------------------------------------- */
/*------------------------------------------
  共通設定
--------------------------------------------*/
footer {
	background-color: #fff;
}

.container.breadcrumb_area {
	width: 100%;
}
.breadcrumb_area {
	margin-top: 0;
	color: var(--text-color) !important;
}
.breadcrumb {
	font-size: 90%;
	color: var(--text-color) !important;
}
.entry-content {
	margin-top: 0;
}
DIV.wrapRight {
	margin-top: 2em;
}
.btn {
	min-height: 30px;
}

.single .wrapLeft p {
	margin-bottom: 1em;
}

.bnrArea .btn_item {
	width: 93%;
	margin-left: auto;
	margin-right: auto;
}
@media (min-width: 768px){ 
	.bnrArea .btn_item {
		width: 45%;
		margin-left: 1em;
		margin-right: auto;
	}
}


@media (min-width: 992px) {
}
@media (max-width: 991px) {
}

@media (min-width: 768px){ 
}
@media (max-width: 767px){ 
}

/*---------------------------------------------------------------------------
  Google reCAPTCHA v3
  --------------------------------------------------------------------------- */
.grecaptcha-badge { 
	display: none;
	bottom: 130px !important;
}
@media screen and (min-width: 768px) {
	.grecaptcha-badge {
		bottom: 90px !important;
	}
}
@media screen and (min-width: 992px) {
	.grecaptcha-badge {
		bottom: 140px !important;
	}
}

/*------------------------------------------
  NEWS一覧
--------------------------------------------*/
ul.news .news_item {
	border-top: #DFDFDF 1px dotted;
	padding: 5px 0;
}
ul.news .news_meta {
  align-items: center;
}
@media (min-width: 768px){ 
	.news_meta {
		display: inline-block;
	}
}
.news_meta .news_date {
	margin-right: 5px;
}
.news_meta .news_cat {
	background-color: #9cc7f5;
	color: #fff;
	border-radius: 5px;
	padding: 3px 7px;
	margin-right: 5px;
}
.news_meta .news_cat_information {
	background-color: #9cc7f5;
	color: #fff;
}
.news_title {
  display: flex;
  align-items: center;
}

/*------------------------------------------
  NEWS詳細
--------------------------------------------*/
@media (min-width: 768px){ 
	article.news {
		padding: 1em;
	}

	.news .ttlArea{
		border-top: #CCCCCC 2px solid;
		border-bottom: #CCCCCC 2px solid;
		padding-top: 8px;
		padding-bottom: 4px;
		margin-bottom: 15px;
	}
	.news .ttlArea h2{
		font-size: 16px;
		font-weight: 600;
		line-height: 24px;
		margin-bottom: 4px;
		margin-top: 4px;
	}
  
}
@media (max-width: 767px){
	.news .ttlArea{
		padding-top: 0.8rem;
		padding-bottom: 0.4rem;
		margin-bottom: 1.5rem;
	}
	.news .ttlArea h2{
		font-size: 1.6rem;
		font-weight: 600;
		line-height: 2.4rem;
		margin-bottom: 0.4rem;
	}
	
}