@charset "utf-8";
/*header whitestyle*/
header:not(.fixed):not(.active){
 border-bottom: none;
 background: none;
}
header:not(.fixed):not(.active) > div{
 border-bottom: 1px rgba(255,255,255,.2) solid;
}
header:not(.fixed):not(.active) #logo{
 background: url("../images/logo_wh.svg") no-repeat left top /100% auto;
}
header:not(.fixed):not(.active) #logo img{
 opacity: 0;
}

@media screen and (min-width: 769px) {/*PC white header */
header:not(.fixed) #gnaviList > li > a{
  color: #fff;
 }
}/*-PC only-*/
@media screen and (max-width: 768px) {/*SP white header */
header:not(.fixed):not(.active) .menu span{
  background: #fff;
 }
}/*-SP only-*/

/**/
.mainTitle{
background: url("../images/news_mv.jpg") no-repeat left top/cover;
 padding-bottom: 96px;
}
.mainTitle h1 .en,
.mainTitle h1 .ja{
 color: #fff;
}
@media screen and (max-width: 768px) {/* SP mainTitle*/
.mainTitle{
background: url("../images/news_mv_sp.jpg") no-repeat left top/cover;
 padding-top: 211px;
 padding-bottom: 183px;
}

}/*-SP only-*/
/* archive */

.termLink{
	display: flex;
	gap:1em
}

.termLink li a{
	border: 1px solid var(--gray);
	border-radius: calc(infinity * 1px);
  font-size: min(1.2vw , 14px);
	padding: .5em 1em;
	line-height: 1;
	color: var(--gray);
	display: block;
}

.termLink li.current a{
	color: var(--wh);
	background: var(--base);
}

#newsNav .termLink{
flex-direction: column;
	gap:2em
}
#newsNav .termLink li{
	font-size: 14px;
}

#newsNav .termLink li a{
	display: inline-block;
}
@media screen and (max-width: 768px) {/* SP */

	.termLink{
		gap:10px;
		flex-wrap: wrap;
	}
	.termLink li{
		width: auto;
	}
	.termLink li a {
  font-size: 13px;
	}
}/*-SP only-*/

#newsList ul{
 border-top: 1px var(--Lgray) solid;}
#newsList ul li{
 border-bottom: 1px var(--Lgray) solid;
	text-align: left;
}
#newsList ul li a{
 position: relative;
 display: block;
 background: url("../images/arrow_circle.svg") no-repeat right center/48px auto;
 padding: 35px 50px 35px 0;
 line-height: 1;
}
#newsList ul li a:hover{
 opacity: .7;
}
#newsList ul .date{
 display: inline-block;
 font-size: 13px;
 font-family: "Rubik", sans-serif;
 font-weight: 300;
}
#newsList ul .cat{
 position: relative;
 margin-left: 15px;
 display: inline-block;
 padding:0px 0 3px 15px;
 font-size: 12px;
}
#newsList ul .cat::before{
 content: "";
 background: var(--Lgray);
 width: 1px;
 height: 9px;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}
#newsList ul p{
 margin-top: 15px;
 font-size: 16px;
 line-height: 1.5;
}

@media screen and (min-width: 769px) {


}/*-PC only-*/

@media screen and (max-width: 768px) {/*SP topNews*/
#newsList{
 /*border-top: 1px var(--Lgray) solid;
 padding-top: 100px;*/
 padding-bottom: 70px;
}
#newsList .txts{
 padding-bottom: 50px;
 }
#newsList ul li a{
 padding: 25px 104px 25px 0;
 line-height: 1;
}
.newsInfo{
	margin-bottom: 20px
}
 
}/*-SP only-*/


/* detail */
.newsInfo{
	margin-bottom: 28px
}
.newsInfo .date{
 display: inline-block;
 font-size: 13px;
 font-family: "Rubik", sans-serif;
 font-weight: 300;
}
.newsInfo .cat{
 position: relative;
 margin-left: 15px;
 display: inline-block;
 padding:0px 0 3px 15px;
 font-size: 12px;
}
.newsInfo .cat::before{
 content: "";
 background: var(--Lgray);
 width: 1px;
 height: 9px;
 position: absolute;
 left: 0;
 top: 0;
 bottom: 0;
 margin: auto;
}

#newsDetail h2.h2Tit{
	font-size: 24px;
	margin-bottom: 40px;
	line-height: 1.66
}
.newsDetailCont .mv{
	margin-bottom: 32px;
}
.newsDetailCont .mv img{
	width: 100%;
}
.newsDetailCont h2{
	font-size: 20px;
	margin-bottom: 1.5em
}
.newsDetailCont h3{
	font-size: 18px;
	margin-bottom: 1.5em
}

.newsDetailCont h4{
	font-size: 16px;
	margin-bottom: 1.5em
}

.newsDetailCont p{
	line-height: 2;
	margin-bottom: 2em
}

.newsDetailCont a{
	color: #26543D;
	text-decoration: underline;
	font-weight: 700;
}

@media screen and (max-width: 768px) {/*SP topNews and detail*/

	.single-news .column2{
		display: flex;
  flex-direction: column-reverse;
	}
	
}