@charset "utf-8";

/* ------------------------------------------------------------ fv */



/* ------------------------------------------------------------ news */
#news{ padding: 120px 0 0; }
#news .flex{ display: flex; align-items: flex-start; justify-content: space-between; }
#news .main-ttl{ width: 30%; text-align: left; }

.news_list { padding: 0 0 50px; width: 72%; margin: 0 auto; display: flex; flex-direction: column; gap: 15px; }
.news_list li { background: #fff; border-radius: 12px; background: #F7F3EF; transition: transform .3s ease; }
.news_list li:hover { transform: translateY(-10px); }
.news_list a { display: flex; align-items: stretch; justify-content: space-between; gap: 2%; text-decoration: none; color: inherit; padding: 30px; }
.news_list a p { font-size: 18px; }

.news_list .text { display: flex; justify-content: space-between; flex-direction: column; width: 63%; }
.news_list .logo { width: 32%; text-align: right; }
.news_list .date { display: block; font-size: 14px; color: #595959; }
.news_list .ttl { margin: 20px 0 15px font-size: 22px; font-weight: 600; margin: 0 0 8px; }
.news_list .desc { margin: 0 0 14px; font-size: 18px; line-height: 1.5; }
.news_list .meta { display: flex; align-items: center; gap: 12px; }
.news_list .tag { display: inline-block; background: #01A560; color: #fff; font-size: 13px; padding: 4px 14px; border-radius: 100px; }
.news_list .logo img { border-radius: 17px; object-fit: cover; width: 100%; height: auto; }


/* ------------------------------------------------------------ news-detail */
#news-detail{ padding: 85px 0 50px; }
.news-article{ max-width:890px; margin:0 auto; padding:0 25px; }
.news-article__head{ border-bottom:1px solid #E8E8E8; padding:0 0 25px; }
.news-article__meta{ display:flex; align-items:center; gap:14px; font-family:'Noto-Sans-JP-Medium'; }
.news-article__tag{ display:inline-flex; align-items:center; justify-content:center; padding:5px 13px; border-radius:100px; background:var(--main-color); color:#fff; font-size:18px; }
.news-article__date{ color:var(--main-color); font-size:14px; }
.news-article__title{ padding:40px 0; font-size:28px; letter-spacing: 0.05em; }
.news-article__figure{ margin:0 0 66px; }
.news-article__img{ display:block; width:100%; height:auto; border-radius:17px; }
.news-article__text{ padding:15px 0; line-height:2.05; }

.news-article__btn{ margin: 50px auto; text-align:center; }
.news-article__link{ transition:all .8s; position:relative; margin:0 auto; width:390px; height:80px; display:flex; align-items:center; justify-content:center; font-size:16px; border:1px solid #000; border-radius:100px; color:#000; text-decoration:none; }
.news-article__link img{ position:absolute; right:20px; top:50%; transform:translate(0,-50%); }
.news-article__link:hover{ background:#DCF3E8; }


/* ------------------------------------------------------------ other-news */
#other-news{ padding: 88px 0 142px; background: #F7F3EF; }
#other-news .main-ttl{ padding: 0 0 45px; font-size: 36px; }
#other-news .main-ttl_en{ font-size: 16px; }

.others__grid{ display:flex; gap:65px; }
.others-card{ width:calc(100% / 3); }
.others-card__link{ display:block; color:#000; }
.others-card__figure{ background:#fff; border-radius:26px; overflow:hidden; }
.others-card__img{ display:block; width:100%; height:215px; object-fit:cover; }
.others-card__title{ margin:26px 0 14px; font-size:22px; font-family:'Noto-Sans-JP-Bold'; }
.others-card__text{ margin:0 0 22px; font-size:18px; line-height:1.5; }

.others-card__meta{ display:flex; align-items:center; gap:15px; }
.others-card__tag{ display:inline-flex; align-items:center; justify-content:center; padding:4px 12px; border-radius:100px; background:var(--main-color); color:#fff; font-size:13px; }
.others-card__date{ color:#595959; font-size:14px; }
.others-card__link:hover{ color:var(--main-color); }




/* ----------------------------- mobile ------------------------------- */
@media only screen and (max-width: 768px) {
	

/* ------------------------------------------------------------ fv */




/* ------------------------------------------------------------ news */
	#news { padding: 30px 0 0; }
	#news .flex { flex-direction: column; }
	#news .main-ttl { width: 100%; text-align: center; }
	
	.news_list { width: 100%; gap: 12px; }
	.news_list li { border-radius: 10px; }
	.news_list a { padding: 20px; flex-direction: column-reverse; gap: 20px; }
	.news_list a p{ font-size: 15px; }
	.news_list .ttl{ margin: 0 0 13px; }
	.news_list .date { font-size: 12px; margin-bottom: 6px; display: block; }
	.news_list .desc{ font-size: 14px; }

	.news_list .text { width: 100%; }
	.news_list .logo { width: 100%; text-align: center; }


/* ------------------------------------------------------------ news-detail */
	#news-detail{ padding: 30px 0 50px; }
	
	.news-article{ padding:0 16px; }
	.news-article__head{ padding:0 0 18px; }
	.news-article__meta{ gap:10px; }
	.news-article__tag{ font-size:14px; padding:4px 12px; }
	.news-article__date{ font-size:12px; }
	.news-article__title{ padding:22px 0; font-size:22px; line-height:1.45; }
	.news-article__figure{ margin:0 0 28px; }
	.news-article__img{ border-radius:12px; }
	.news-article__text{ padding:10px 0; line-height:1.95; font-size:14px; }

	.news-article__btn{ margin:20px 0; }
	.news-article__link{ width:90%; height:60px; font-size:15px; }
	

/* ------------------------------------------------------------ other-news */
	#other-news{ padding: 40px 0 50px; }
	#other-news .main-ttl{ padding: 0 0 30px; font-size: 30px; }
	.others__grid{ flex-direction:column; gap:40px; }
	.others-card{ width:100%; }
	.others-card__figure{ border-radius:18px; }
	.others-card__img{ height:200px; }
	.others-card__title{ margin:18px 0 10px; font-size:18px; }
	.others-card__text{ font-size:14px; line-height:1.6; margin:0 0 16px; }
	
	.others-card__meta{ gap:12px; }
	.others-card__tag{ font-size:12px; padding:3px 10px; }
	.others-card__date{ font-size:12px; }


}