/***********************************************************************************************************************

article.css

***********************************************************************************************************************/
.article .contents{
	padding-top: 0;
}
.article .tertiary-heading{
	line-height: 1.6;
}
.article-item-section + .article-item-section{
	margin-top: 40px;
	overflow: hidden;
}
.article-wrap{
	gap: 64px;
}
.article-wrap .article-item:first-child{
	/* width: calc(40% - 32px); */
	width: 448px;
}
.article-wrap .article-item:last-child{
	/* width: calc(60% - 32px); */
	width: calc(100% - 512px);
}
.article-wrap dl{
	margin: 1em 0;
	display: flex;
	font-size: 1.8rem;
	line-height: 1.6;
	gap: 12px;
}
.article-wrap dl dt{
	margin-top: 14px;
	width: 40px;
	height: 1px;
	background: #26211D;
}
.interview-box{
	padding: 16px;
	border: 1px solid #707070;
	max-width: 448px;
}
.interview-wrap{
	display: flex;
	gap: 16px;
}
.interview-wrap .interview-item:last-child{
	width: 140px;
	flex-shrink: 0;
}
.interview-wrap p{
	font-size: 1.2rem;
}
.interview-wrap p.tertiary-heading{
	padding-top: 0;
	padding-bottom: .4em;
	font-size: 1.4rem;
}
.interview-wrap p.caption{
	padding-bottom: 0;
}
.is-marker{
	background:linear-gradient(transparent 75%, #E5BFBA 75%);
}
.is-marker-gld{
	background:linear-gradient(transparent 75%, rgba(206, 199, 157, 0.6) 75%);
}
.linotype-font{
	font-family: "linotype-didot", serif;
	font-weight: normal;
}
.article-btn{	
	width: 260px;
	height: 60px;
	border-radius: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-family: YuGothic, "Yu Gothic", "游ゴシック体", "游ゴシック", "Hiragino Kaku Gothic ProN", "HiraKakuPro-W3", "メイリオ", Meiryo, Verdana, sans-serif;
	font-size: clamp(1.2rem, 1.08rem + 0.375vw, 1.8rem);
	background-color: #000;
	color: #fff;
	flex-shrink: 0;
}
.note + .article-btn{
	margin-top: 20px;
}
.article-btn:hover{
	/* opacity: 1; */
}
.article-img-wrap .note{

}
p.article-cap{
	font-size: clamp(1.2rem, 1.12rem + 0.25vw, 1.6rem);
	font-weight: 700;
	line-height: 1.7;
	padding: 0;
}
.article-img-wrap .img-wrapper{
	float: right;
	width: 200px;
	margin-left: 16px;
	margin-bottom: 12px;
}
.article .footer.footer .com_footer .cr_box{
	margin: 0;
}
.article footer.footer .com_footer {
	padding: 3rem 0 3rem;
}
.article-btns{
	display: flex;
	justify-content: space-between;
	align-items: center;
	gap: 16px;
}
.article-btns + .article-btns{
	margin-top: 40px;
}
.general-section .inner.news-inner{
	max-width: 674px;
}
.news-section{
	font-family: -apple-system-subset, "Hiragino Sans" ,ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;
}
h1.news-title{
	margin-bottom: 16px;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -0.05em;
}
.news-img{
	float: right;
	margin-left: 12px;
	width: 210px;
	margin-bottom: 8px;
}
.news-photo{
	float: left;
	margin-right: 16px;
	width: 210px;
	margin-bottom: 8px;
}
p.news-text{
	font-size: 1.2rem;
	padding-bottom: 0;
}
p.news-time{
	padding-top: 0;
	font-size: 1.2rem;
	color: rgb(148, 148, 148);
	padding-bottom: 20px;
}
h2.news-heading{
	margin-bottom: 8px;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.6;
}
.news-section p.note{
	margin-bottom: 1em;
	line-height: 1.8em;
	padding: 0;
	font-size: 1.6rem;
}
.news-section p.note + .news-heading{
	margin-top: 40px;
}
.news-link{
	font-size: 1.6rem;
	color: rgb(0, 108, 204);
	display: inline-block;
	transition: none;
}
.news-link:hover{
	color: rgb(204, 52, 52);
	text-decoration: underline;
}
.news-link:visited{
	color: rgb(102, 51, 153);
}
.news-link + .news-link{
	margin-top: 16px;
}
br + .news-link{
	margin-top: 16px;
}
.news-link + .news-heading{
	margin-top: 32px;
}
.news-card{
	display: grid;
	gap: 12px;
	grid-template-columns: 80px 1fr;
	align-items: center;
	padding: 12px;
	border: 1px solid rgb(240, 240, 240);
	max-width: 674px;
}
.news-card:hover{
	opacity: 1;
}
.news-card:hover .news-card-cap{
	color: rgb(204, 52, 52);
	text-decoration: underline;
}
.news-card:visited .news-card-cap{
	color: rgb(102, 51, 153);
}
p.news-card-cap{
	color: rgb(0, 108, 204);
	line-height: 1.3;
	font-size: 1.6rem;
	padding-top: 0;
	padding-bottom: 0;
}
p.news-card-url{
	font-size: 1.2rem;
	color: rgb(148, 148, 148);
	padding-bottom: 0;
}
@media screen and (min-width: 1001px) {
	.is-sticky{
		position: sticky;
		top: 100px;
		height: calc(100vh - 100px);
	}
}
@media screen and (max-width: 1300px) {
	.article-wrap{
		gap: 32px;
	}
	.article-wrap .article-item:first-child{
		/* width: calc(40% - 32px); */
		width: 448px;
	}
	.article-wrap .article-item:last-child{
		/* width: calc(60% - 32px); */
		width: calc(100% - 480px);
	}
}
@media screen and (max-width: 1000px) {
	.article-wrap .article-item:first-child {
    width: 100%;
	}
	.article-wrap .article-item:last-child {
    width: 100%;
	}
}
@media screen and (max-width: 767px) {
	.article-wrap .article-item:first-child {
    width: 100%;
	}
	.article-img-wrap .img-wrapper{
		float: right;
		width: 120px;
	}
	.article-wrap{
		display: block;
	}
	.article-wrap .article-item{
		width: 100%;
	}
	.article-wrap dl{
		font-size: 1.6rem;
		gap: 8px;
	}
	.article-wrap .article-item + .article-item{
		margin-top: 40px;
	}
	.article-wrap .article-item .tertiary-heading{
		font-size: 1.8rem;
		line-height: 1.5;
	}
	.article-wrap .article-item .interview-box .tertiary-heading{
		font-size: 1.4rem;
	}
	.article-wrap .article-item .interview-box .tertiary-heading .large-text{
		font-size: 175%;
	}
	.interview-wrap p.tertiary-heading {
    padding-top: 0;
    padding-bottom: .4em;
    font-size: 1.2rem;
	}
	.article-wrap dl dt{
		width: 24px;
		margin-top: 12px;
	}
	.article-item-section + .article-item-section {
    margin-top: 32px;
	}
	.article-item-section p.note{
		line-height: 2;
	}
	.article-btn {
		width: 280px;
		height: 48px;
		font-size: 1.6rem;
	}
	.article-btns{
		display: flex;
		align-items: center;
		flex-direction: column;
		margin-top: 16px;
		gap: 8px;
	}
	.article-btns + .article-btns {
    margin-top: 32px;
	}
	.note + .article-btn {
		margin: 12px auto 0;
	}
	.news-img{
		float: none;
		margin: 0;
		margin-bottom: 16px;
		width: 100%;
		text-align: center;
	}
	.news-photo{
		float: none;
		margin-right: 0;
		width: 100%;
		margin-bottom: 16px;
	}
	p.news-text{
		margin-top: 8px;
		text-align: left;
	}
	.general-section .inner.news-inner{
		width: calc(100% - 16px);
	}
	h1.news-title {
    margin-bottom: 8px;
    font-size: 1.8rem;
	}
	.news-section p.note {
    font-size: 1.7rem;
		line-height: 1.5;
	}
	h2.news-heading{
		padding-left: 4px;
    font-size: 1.6rem;
    line-height: 1.5;
    border-left: 4px solid rgb(213, 218, 225);
	}
	.news-link{
		font-size: 1.7rem;
		line-height: 1.5;
	}
	.news-card {
    grid-template-columns: 96px 1fr;
	}
	p.news-card-cap {
    font-size: 1.5rem;
	}
	.news-card:visited .news-card-cap{
		color: rgb(148, 148, 148);
	}
	p.news-time{
		text-align: right;
		font-size: 1.1rem;
		padding-bottom: .2em;
	}
}



/*** sec  **********************************/
.sec_map{
	padding: 8em 0;
}


@media screen and (max-width: 767px) {
.sec_map{
	padding: 5em 0;
}
}



/**********************************
hd
**********************************/
.hd{

}
.hd figure{
	position: relative;
}
.hd figure figcaption{
	position: absolute;
	right: 5px;
	bottom: 5px;
	font-size: 10px;
	color: #fff;
}
.hd figure img{
	width: 100%;
	height: auto;
}



/**********************************
h1〜
**********************************/
.h1_wrap{
	padding: 2.5em 0;
	/* background-color: #000; */
}
h1.h1_ttl{
	font-size: 14px;
	font-size: clamp(10px, 1.5vw, 14px);
	color: #000;
	letter-spacing: 0.15em;
	text-align: center;
}
h1.h1_ttl .en{
	display: block;
	font-family:  "Times New Roman", Times, Georgia, "serif";
	font-size: 230%;
	letter-spacing: 0.15em;
	color: #B5A186;
}

h2.h2_ttl{
	font-size: 26px; 
	font-size: clamp(20px, 2.4vw, 26px);
	text-align: center;
}

.clr_fff{
	color: #fff;
}


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

}




/**********************************
figMap
**********************************/
.figMap{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}
.figMap img{
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
}
.figMap figcaption{
	padding: 1.5em;
	background-color: #003e6a;
}
.figMap figcaption p{
	color: #fff;
	padding: 0;
	margin: 0;
}

.figMap figcaption .ads{
	font-size: 20px;
	font-size: clamp(16px, 2vw, 20px);
}

.mw1000{
    width: 90%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 0;
}


/*************************************************************************************
*************************************************************************************

print

*************************************************************************************
**************************************************************************************/

@media print{

}