/*-------ニュース横並び----------*/

.news_con {
	display:flex;
	flex-wrap:wrap;
	position:relative;
}
.news_item {
	width:270px;
	margin-right: 30px;
}
.news_item img {
	width:270px;
	height:200px;
	border-radius: 10px;
	object-fit: cover; /* この一行を追加するだけ！ */
}

.day {
	color: #FFA6D9;
	letter-spacing:0.1em;
	font-size:14px;
	margin-top:10px;
}
.news_title {
	white-space: nowrap;         /* テキストを折り返さない（必須） */
    overflow: hidden;            /* はみ出た部分を隠す（必須） */
    text-overflow: ellipsis;     /* 省略記号「…」を表示（必須） */
}

.motto {
	position:absolute;
	bottom: 3%;
	right:0;
}


/*---------ブログページ------------*/

.news_wrapper {
	width:70%;
	margin:0 auto;
	padding:20px 0 60px 0;
}
.news_wrapper h1 {
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400; /* 必要に応じて太さを調整 */
    font-style: normal;
	font-size:30px;
	padding: 30px 0 40px 0;
	line-height: 1.8em;
}
.news_wrapper p {
	line-height: 2.1em;
	font-size:16px;
	letter-spacing: 0.05em;
}
.page_con {
	padding: 150px 0 10px 0;
	display: flex;
}
.page_item {
	padding: 15px;
    margin:  15px;              /* 外側の余白 */
	width: 90%;
	text-align:center;
	font-size: 17px;
}






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

.news_con {
	display:flex;
	flex-wrap:wrap;
	gap: 20px; /* 横も縦も20px空く */
	position:relative;
}

.news_item {
	width:45%;
	margin-right:0;
	flex: 0  calc(50% - 10px);
}
.news_item:nth-child(3) {
    display: none;
}
.news_item img {
	width:100%;
	height:140px;
	border-radius: 10px;
	object-fit: cover; /* この一行を追加するだけ！ */	
}

.day {
	color: #FFA6D9;
	letter-spacing:0.1em;
	font-size:14px;
	margin-top:10px;
}
.news_title {
	white-space: nowrap;         /* テキストを折り返さない（必須） */
    overflow: hidden;            /* はみ出た部分を隠す（必須） */
    text-overflow: ellipsis;     /* 省略記号「…」を表示（必須） */
}

.motto {
	position:absolute;
	bottom: -30%;
	right: 0;
}


/*---------ブログページ------------*/

.news_wrapper {
	width:92%;
	margin:0 auto;
	padding:20px 0 50px 0;
}
.news_wrapper h1 {
	font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400; /* 必要に応じて太さを調整 */
    font-style: normal;
	font-size:25px;
	padding: 20px 0 40px 0;
	line-height: 1.7em;
}
.news_wrapper p {
	line-height: 2.1em;
	font-size:16px;
	letter-spacing: 0.05em;
}
.page_con {
	padding: 150px 0 10px 0;
	display: flex;
}
.page_item {
	padding: 10px;
    margin:  10px;              /* 外側の余白 */
	width: 90%;
	text-align:center;
	font-size: 17px;
}



	
}