@charset "utf-8";
/* ====================================================================================================

	contact.css

==================================================================================================== */

/*--------------------------------------------------------------------------------
  共通
--------------------------------------------------------------------------------*/

.container {
	display:flex;
	justify-content:space-between;
	gap:30px;
	}
.left_column {
	width:calc(100% - 300px);
	}
.right_column {
	width:270px;
	padding:30px 0 0 0;
	}
			.left_column h3 {
				font-size:clamp(21px,3.281vw,25px);
				}
			.right_column h3 {
				position:relative;
				display:block;
				color:#ffffff;
				font-size:20px;
				font-weight:bold;
				text-align:left;
				line-height:30px;
				background:#15116f;
				padding:10px;
				}

ul.category_list {
			display:flex;
			flex-direction:column;
			text-align:left;
			margin:30px 0 0 0;
			list-style:none;
			}
	ul.category_list li {
			
			}
	ul.category_list li a {
			text-decoration:underline;
			}
	ul.category_list li a:hover {
			text-decoration:none;
			}

ul.news_list {
			display:flex;
			flex-wrap:wrap;
			gap:30px;
			margin:30px 0 0 0;
			list-style:none;
}

ul.news_list li {
				width:calc((100% - 60px) / 3);

}

ul.news_list li a {
					display:block;
					height:100%;
}
					ul.news_list li dl {
						display:flex;
						flex-direction:column;
						height:100%;
						}
						ul.news_list li dl dt {
							position:relative;
							aspect-ratio:4 / 3;
							background:#ffffff;
							margin:0 0 15px 0;
							overflow:hidden;
							}
							ul.news_list li dl dt img {
								position:absolute;
								top:0;
								right:0;
								bottom:0;
								left:0;
								width:100%;
								height:100%;
								/*object-fit:contain;*/
								object-fit:cover;
								margin:auto;
								transition:all 0.5s 0s ease;
								}
							ul.news_list li a:hover dl dt img {
								transform:scale(1.3,1.3);
								transition:all 0.5s 0s ease;
								}
						ul.news_list li dl dd:nth-of-type(1) {
							display:flex;
							align-items:flex-start;
							justify-content:space-between;
							text-align:left;
							margin:0 0 10px 0;
							}
							ul.news_list li dl dd:nth-of-type(1) span {
								display:inline-block;
								color:#ffffff;
								text-align:center;
								padding:5px 20px;
								}
							ul.news_list li dl dd:nth-of-type(1) span.category01 { background:#15116f; }
							ul.news_list li dl dd:nth-of-type(1) span.category02 { background:#106e4c; }
							ul.news_list li dl dd:nth-of-type(1) span.category03 { background:#de5253; }
							ul.news_list li dl dd:nth-of-type(1) time {
								display:flex;
								align-items:center;
								color:#3b3b3b;
								}
						ul.news_list li dl dd:nth-of-type(2) {
							flex:1;
							text-align:left;
							}

@media screen and (max-width:1040px) {

.container {
	display:block;
	}
.left_column {
	width:100%;
	}
.right_column {
	width:100%;
	margin:50px 0 0 0;
	padding:0;
	}

			ul.news_list li {
				width:calc((100% - 30px) / 2);
				}

}

@media screen and (max-width:640px) {

						ul.news_list li dl dd:nth-of-type(1) {
							flex-direction:column;
							align-items:flex-start;
							justify-content:flex-start;
							text-align:left;
							margin:0 0 10px 0;
							}
							ul.news_list li dl dd:nth-of-type(1) span {
								width:auto;
								text-align:left;
								margin:0 0 10px 0;
								}

}

/*--------------------------------------------------------------------------------
  一覧
--------------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------------
  詳細
--------------------------------------------------------------------------------*/
.news_detail_wrap {
  padding-bottom: 60px;
}

.news_detail {
  width: 90%;
  margin: 0 auto;
  padding: 30px 0;
  text-align: left;
  box-sizing: border-box;
}
.news_detail .news_header {
							display:flex;
							align-items:flex-start;
							justify-content:space-between;
							text-align:left;
							margin:0 0 10px 0;
	}
.news_detail .news_header span {
								display:inline-block;
								color:#ffffff;
								text-align:center;
								padding:5px 20px;
}
.news_detail .news_header time {
								display:flex;
								align-items:center;
								color:#3b3b3b;
}
.news_detail h3 {
	margin:0 0 30px 0;
}

.news_title_day {
  display: inline-block;
  margin-right: 1em;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.8;
}


@media print, screen and (min-width:751px) {
  .news_detail .detailHdline {
    margin-top: 0;
    margin-bottom: 2rem;
    padding-bottom: 0.5em;
    border-bottom: 4px double #E7B397;
  }
}

@media screen and (max-width:750px) {
  .news_detail .detailHdline {
    margin-top: 0;
    margin-bottom: 2rem;
    padding-bottom: 0.5em;
    border-bottom: 4px double #E7B397;
  }
}

.news_detail .p-glog {
  /*margin-bottom: 60px;*/
  margin-bottom: 22px;
  overflow: hidden;
  box-sizing: border-box;
}

.news_detail .p-glog:last-of-type {
  border-bottom: none;
  padding-bottom: 0;
}
.news_detail .p-glog a {
	color:#2a2790;
	text-decoration:underline;
}
.news_detail .p-glog a:hover {
	text-decoration:none;
}

.news_detail .p-glog .p-glog__img--left {
  float: left;
  margin-right: 24px;
}

.news_detail .p-glog .p-glog__img--right {
  float: right;
  margin-left: 24px;
}

.news_detail .p-glog .p-glog__img--center {
  display: block;
  margin: 0 auto 24px;
  text-align: center;
}
.news_detail .p-glog .p-glog__img--left small,
.news_detail .p-glog .p-glog__img--right small,
.news_detail .p-glog .p-glog__img--center small {
	display:block;
	margin:10px 0 0 0;
}

.news_detail .btn {
  display: block;
  margin: 0 auto;
}

@media screen and (max-width:750px) {

  .news_detail .p-glog .p-glog__img--left,
  .news_detail .p-glog .p-glog__img--right {
    float: none;
    width: 100% !important;
    display: block;
    margin: 0 auto 24px;
  }

  .news_detail .p-glog .p-glog__img--center {
    width: 100% !important;
  }
}


/*--------------------------------------------------------------------------------
  エラー
--------------------------------------------------------------------------------*/
.news_err {
  line-height: 2;
}

@media print, screen and (min-width:641px) {
  .news_err {
    padding-top: 40px;
    padding-bottom: 20px;
    font-size: 1.1em;
  }
}

@media screen and (max-width:640px) {
  .news_err {
    padding: 12% 6%;
  }
}