@charset "utf-8";
/*=============================================================
 #news detail Layout
=============================================================*/
/* pageTtlMain
-------------------------------------------------------------*/
#pageTtlMain{
	margin: clamp(32px, 16px + 4.17vw, 50px) 0 0px;
}
#pageTtlMain h1{
	font-size: clamp(2.6rem, 1.6rem + 3.33vw, 3.6rem);
	text-align: left;
	font-weight: 400;
	margin-top: 15px;
	margin-bottom: clamp(54px, 32px + 4.17vw, 70px);;
	padding-bottom: 32px;
	border-bottom: 1px solid #D0D0D0;
}

/* section
-------------------------------------------------------------*/
.section:first-child{margin-top: 0;}

/* img
-------------------------------------------------------------*/
#news.detail #contents img{
	/*width: 50%;*/
	height: auto;
}

/* ttl
-------------------------------------------------------------*/ 
/* h2 */
#news.detail #contents h2{
	color: #000;
	font-size: 2.4rem;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin: 80px 0 20px;
}

/* h3 */
#news.detail #contents h3{
	color: #000;
	font-size: 20px;
	font-style: normal;
	font-weight: 400;
	line-height: 150%;
	margin-bottom: 8px;
}
#news.detail #contents * + h3{margin-top: 40px;}
#news.detail .color-box{margin-top: 42px;}

/* table
-------------------------------------------------------------*/ 
.sp-table-shadow{margin-top: 42px;}

/* btn-Center 
-------------------------------------------------------------*/ 
.btn-Center{
	max-width: 330px;
	margin: 42px auto 74px;
}

/* page-nav
-------------------------------------------------------------*/ 
.page-nav{
	display: flex;
	justify-content: space-between;
}
.page-nav div a{
	display: block;
	font-size: 16px;
	font-style: normal;
	font-weight: 500;
	line-height: 160%;
    color:var(--textColorBlack);
}
.page-nav div a:hover{color:var(--primaryColor);}
.page-nav div a span{
	display: block;
	position: relative;
}
.page-nav div a span{box-sizing: border-box;}
.page-nav div:first-child a span{padding-left: 38px;}
.page-nav div:last-child a span{padding-right: 38px;}
.page-nav div a span::before{
	content: '';
	width: 28px;
	height: 28px;
	position: absolute;
	top: calc((100% - 28px) / 2);
	margin-top: 2px;
	transition: all .3s;
}
.page-nav div:first-child a span::before{
	background: url("../../../shared/img/btn-prev.svg") no-repeat;
	background-size: cover;
	left: 0;
}
.page-nav div:first-child a:hover span::before{
	background: url("../../../shared/img/btn-prev-o.svg") no-repeat;
	background-size: cover;
}
.page-nav div:last-child a span::before{
	background: url("../../../shared/img/btn-next.svg") no-repeat;
	background-size: cover;
	right: 0;
}
.page-nav div:last-child a:hover span::before{
	background: url("../../../shared/img/btn-next-o.svg") no-repeat;
	background-size: cover;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 PC-large
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media (min-width:1920px){}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/*=============================================================
 base Layout
=============================================================*/
/* pageTtlMain
-------------------------------------------------------------*/
#pageTtlMain{
	padding: 0;
	margin-bottom: 0;
	margin-top: 32px;
}
#pageTtlMain h1{
	font-size: 3.0rem;
	margin-bottom: 54px;
}
	
/* section
-------------------------------------------------------------*/
.section:first-child{margin-top: 0;}
	
/* img
-------------------------------------------------------------*/
#news.detail #contents img{width: 100%;}	
	
}