@charset "utf-8";

#newsDetailSCT .title.initView {
opacity: 0;
}
#newsDetailSCT .title.activeView {
animation: sideView 1s ease forwards;
}

.section .head {
margin: 0 auto;
width: 82.933vw;
}
.section .head h1 {
margin-bottom: 1.333vw;
font-family: 'Gotham-Bold', sans-serif;
font-size: 12vw;
line-height: 1.2;
}
.section .head p {
font-weight: 700;
font-size: 3.733vw;
line-height: 6.4vw;
}
.section .head p span {
display: inline-block;
padding: 0 2.667vw;
color: #fff;
}
@media screen and (min-width: 768px) {
	.section .head {
	margin: 0 auto;
	width: 960px;
	}
	.section .head h1 {
	margin-bottom: 10px;
	font-size: 90px;
	}
	.section .head p {
	font-size: 18px;
	line-height: 30px;
	}
	.section .head p span {
	padding: 0 12px;
	}
}

#newsListSCT {
padding: 6.4vw 0 25.333vw 0;
}
#newsListSCT .cont {
position: relative;
margin: 0 auto;
padding: 8.8vw 0 0 0;
width: 82.933vw;
}
.side {
margin-bottom: 20vw;
}
.side ul {
display: flex;
flex-wrap: wrap;
gap: 3.733vw 4.267vw;
}
.side li {
flex: 1;
min-width: 40%;
font-weight: 700;
font-size: 3.467vw;
}
.side a {
transition: color 0.3s ease;
box-sizing: border-box;
display: block;
position: relative;
border: solid 1px #000;
padding: 2.667vw 3.733vw;
height: 100%;
text-decoration: none;
}
.side p.year {
box-sizing: border-box;
display: block;
position: relative;
border: solid 1px #000;
height: 100%;
text-decoration: none;
}
.side li p.year select {
padding: 2.667vw 3.733vw;
width: 100%;
}
.side li a.infomation,
.side li a.info {
border: solid 1px #e72420;
color: #e72420;
}
.side li a.media {
border: solid 1px #A574AF;
color: #A574AF;
}
.side li a.press {
border: solid 1px #1daa39;
color: #1daa39;
}
.side li p.year {
border: solid 1px #222222;
color: #222222;
}
.side li a.press:hover,
.side li a.media:hover,
.side li a.infomation:hover,
.side li a.info:hover {
color: #fff;
}
.side li p.year:hover select,
.side li p.year:hover option {
transition: color 0.3s ease;
}
.side li p.year:hover select {
color: #fff;
}
.side li p.year:hover option {
background-color: #666;
color: #fff;
}
.side p::before,
.side a::before {
transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
background-color: transparent;
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
}
.side li a.infomation::before,
.side li a.info::before {
background-color: #e72420;
}
.side li a.media::before {
background-color: #A574AF;
}
.side li a.press::before {
background-color: #1daa39;
}
.side li p.year::before {
background-color: #222222;
}
.side li p:hover::before,
.side li a:hover::before {
transform-origin: left top;
transform: scale(1, 1);
}
.side p::after,
.side a::after {
transform: translateY(-50%);
content: '';
display: block;
position: absolute;
right: 1.867vw;
top: 50%;
width: 3.467vw;
height: 3.467vw;
}
.side li a.infomation::after,
.side li a.info::after {
transition: background 0.3s ease;
background: url("../../common/img/arw_red.svg") no-repeat center center;
background-size: contain;
}
.side li a.media::after {
transition: background 0.3s ease;
background: url("../../common/img/arw_purple.svg") no-repeat center center;
background-size: contain;
}
.side li a.press::after {
transition: background 0.3s ease;
background: url("../../common/img/arw_green.svg") no-repeat center center;
background-size: contain;
}
.side li p.year::after {
transition: background 0.3s ease;
transform: translateY(-50%) rotate(90deg);
background: url("../../common/img/arw_gray.svg") no-repeat center center;
background-size: contain;
}
.side li p.year:hover::after,
.side li a.press:hover::after,
.side li a.media:hover::after,
.side li a.infomation:hover::after,
.side li a.info:hover::after {
background: url("../../common/img/arw_white.svg") no-repeat center center;
background-size: contain;
}
#newsListSCT .main {
margin-bottom: 12vw;
}
#newsListSCT .main .block {
display: flex;
flex-wrap: wrap;
margin-bottom: 8vw;
padding-bottom: 8vw;
}
#newsListSCT .block.infomation,
#newsListSCT .block.info {
border-bottom: solid 3px #e72420;
}
#newsListSCT .block.media {
border-bottom: solid 3px #A574AF;
}
#newsListSCT .block.press {
border-bottom: solid 3px #1daa39;
}
#newsListSCT .main .hed {
width: 36vw;
font-size: 2.667vw;
}
#newsListSCT .main .date {
margin-bottom: 1.6vw;
font-size: 3.2vw;
}
#newsListSCT .main .category {
display: inline-block;
padding: 0 3.733vw;
font-size: 3.2vw;
line-height: 1.5;
}
#newsListSCT .info .infomation,
#newsListSCT .info .category,
#newsListSCT .infomation .category {
border: solid 1px #e72420;
color: #e72420;
}
#newsListSCT .media .category {
border: solid 1px #A574AF;
color: #A574AF;
}
#newsListSCT .press .category {
border: solid 1px #1daa39;
color: #1daa39;
}
#newsListSCT .main .pack {
flex: 1;
display: flex;
align-items: center;
}
#newsListSCT .main .pack p {
font-size: 3.733vw;
line-height: 1.86;
}
#newsListSCT .pagination {
background-color: #fff;
margin: 0 auto 0 auto;
}
#newsListSCT .pagination p {
display: flex;
justify-content: center;
gap: 0 3.733vw;
font-weight: 700;
font-size: 3.467vw;
line-height: 5.333vw;
text-align: center;
letter-spacing: 0;
}
#newsListSCT .pagination span,
#newsListSCT .pagination a {
transition: color 0.3s ease;
position: relative;
display: block;
width: 5.333vw;
height: 5.333vw;
text-decoration: none;
}
#newsListSCT .pagination span {
color: #ef8201;
}
#newsListSCT .pagination a:hover {
color: #ef8201;
}
#newsListSCT .pagination span.current,
#newsListSCT .pagination a.active {
background-color: #f7e5c5;
}
#newsListSCT .pagination a.prev {
overflow: hidden;
text-indent: -2666.4vw;
}
#newsListSCT .pagination a.prev::before {
transition: left 0.3s ease,opacity 0.3s ease;
transform: rotate(180deg);
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 5.333vw;
height: 5.333vw;
background: url("../../common/img/arw_black.svg") no-repeat center center;
background-size: 3.467vw auto;
}
#newsListSCT .pagination a.prev:hover::before {
left: -5.333vw;
opacity: 0;
}
#newsListSCT .pagination a.prev::after {
transition: left 0.3s ease,opacity 0.3s ease;
transform: rotate(180deg);
content: '';
display: block;
position: absolute;
left: 5.333vw;
top: 0;
width: 5.333vw;
height: 5.333vw;
background: url("../../common/img/arw_orange.svg") no-repeat center center;
background-size: 3.467vw auto;
opacity: 0;
}
#newsListSCT .pagination a.prev:hover::after {
left: 0;
opacity: 1;
}
#newsListSCT .pagination a.next {
overflow: hidden;
text-indent: -2666.4vw;
}
#newsListSCT .pagination a.next::before {
transition: left 0.3s ease,opacity 0.3s ease;
content: '';
display: block;
position: absolute;
left: 0;
top: 0;
width: 5.333vw;
height: 5.333vw;
background: url("../../common/img/arw_black.svg") no-repeat center center;
background-size: 3.467vw auto;
}
#newsListSCT .pagination a.next:hover::before {
left: 5.333vw;
opacity: 0;
}
#newsListSCT .pagination a.next::after {
transition: left 0.3s ease,opacity 0.3s ease;
content: '';
display: block;
position: absolute;
left: -5.333vw;
top: 0;
width: 5.333vw;
height: 5.333vw;
background: url("../../common/img/arw_orange.svg") no-repeat center center;
background-size: 3.467vw auto;
opacity: 0;
}
#newsListSCT .pagination a.next:hover::after {
left: 0;
opacity: 1;
}

@media screen and (min-width: 768px) {
	#newsListSCT {
	margin-bottom: 80px;
	padding: 148px 0 0 0;
	}
	#newsListSCT .cont {
	position: relative;
	margin: 0 auto;
	padding: 75px 0 90px 0;
	width: 960px;
	}
	#newsListSCT .list {
	margin-bottom: 115px;
	display: flex;
	flex-wrap: wrap;
	}
	.side {
	margin-bottom: 0;
	width: 175px;
	}
	.side ul {
	display: block;
	}
	.side li {
	margin-bottom: 48px;
	min-width: auto;
	font-size: 16px;
	}
	.side li:last-child {
	margin-bottom: 0;
	}
	.side a {
	padding: 12px 16px;
	}
	.side li p.year select {
	padding: 12px 16px;
	}
	.side p::after,
	.side a::after {
	right: 8px;
	width: 15px;
	height: 15px;
	}
	#newsListSCT .main {
	margin-bottom: 0;
	padding-left: 100px;
	flex: 1;
	}
	#newsListSCT .main .block {
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 30px;
	margin-bottom: 30px;
	}
	#newsListSCT .main .block:last-child {
	margin-bottom: 0;
	}
	#newsListSCT .main .hed {
	margin-bottom: 0;
	width: 170px;
	font-size: 10px;
	}
	#newsListSCT .main .date {
	margin-bottom: 8px;
	font-size: 14px;
	}
	#newsListSCT .main .category {
	display: inline-block;
	padding: 0 14px;
	font-size: 12px;
	line-height: 1.5;
	}
	#newsListSCT .main .pack {
	padding: 0 45px 0 0;
	}
	#newsListSCT .main .pack p {
	font-size: 14px;
	line-height: 2;
	}
	#newsListSCT .pagination p {
	gap: 0 20px;
	font-size: 16px;
	line-height: 25px;
	}
	#newsListSCT .pagination span,
	#newsListSCT .pagination a {
	width: 25px;
	height: 25px;
	}
	#newsListSCT .pagination a.prev::after,
	#newsListSCT .pagination a.prev::before {
	width: 25px;
	height: 25px;
	background-size: 16px auto;
	}
	#newsListSCT .pagination a.next::after,
	#newsListSCT .pagination a.next::before {
	width: 25px;
	height: 25px;
	background-size: 16px auto;
	}
}

#newsDetailSCT {
padding: 6.4vw 0 25.333vw 0;
}
#newsDetailSCT .cont {
position: relative;
margin: 0 auto;
padding: 1.333vw 0 2.667vw 0;
width: 82.933vw;
}
#newsDetailSCT .main {
margin-bottom: 0;
}
#newsDetailSCT .main .date {
display: inline-block;
font-size: 3.2vw;
}
#newsDetailSCT .main .category {
display: inline-block;
margin-left: 1.333vw;
padding: 0 3.733vw;
font-size: 3.2vw;
line-height: 1.5;
}
#newsDetailSCT .infomation .category,
#newsDetailSCT .info .category,
#newsListSCT .infomation .category {
border: solid 1px #e72420;
color: #e72420;
}
#newsDetailSCT .media .category {
border: solid 1px #A574AF;
color: #A574AF;
}
#newsDetailSCT .press .category {
border: solid 1px #1daa39;
color: #1daa39;
}
#newsDetailSCT .hed h1 {
border-bottom: solid 2px #000;
margin: 5.333vw 0 6.667vw 0;
padding-bottom: 5.333vw;
font-weight: 700;
font-size: 4.267vw;
line-height: 1.75;
}
#newsDetailSCT .infomation .hed h1,
#newsDetailSCT .info .hed h1 {
border-color: #e72420;
}
#newsDetailSCT .media .hed h1 {
border-color: #A574AF;
}
#newsDetailSCT .press .hed h1 {
border-color: #1daa39;
}
#newsDetailSCT .hed img {
width: 100%;
height: auto;
}
#newsDetailSCT .cnt {
padding: 5.333vw 0 0 0;
}
#newsDetailSCT .cnt h1 {
font-weight: 700;
font-size: 6.4vw;
line-height: 1.75;
}
#newsDetailSCT .cnt h2 {
font-weight: 700;
font-size: 5.333vw;
line-height: 1.75;
}
#newsDetailSCT .cnt h3 {
font-weight: 700;
font-size: 4.267vw;
line-height: 1.75;
}
#newsDetailSCT .cnt h4 {
font-weight: 700;
font-size: 3.467vw;
line-height: 2.29;
}
#newsDetailSCT .cnt dl,
#newsDetailSCT .cnt ol,
#newsDetailSCT .cnt ul,
#newsDetailSCT .cnt p {
margin-bottom: 2em;
font-size: 3.467vw;
line-height: 2.29;
}
#newsDetailSCT .cnt ol {
counter-reset: number 0;
}
#newsDetailSCT .cnt ol li,
#newsDetailSCT .cnt ul li {
position: relative;
padding-left: 1em;
}
#newsDetailSCT .cnt ul li::before {
content: '・';
position: absolute;
left: 0;
top: 0;
}
#newsDetailSCT .cnt ol li::before {
counter-increment: number 1;
content: counter(number) '.';
position: absolute;
left: 0;
top: 0;
}
#newsDetailSCT .cnt img {
margin-bottom: 2em;
max-width: 100%;
height: auto;
}
#newsDetailSCT .back {
margin-top: 12vw;
text-align: center;
font-weight: 700;
font-size: 3.733vw;
}
#newsDetailSCT .back a {
position: relative;
display: inline-block;
padding-left: 9.333vw;
text-decoration: none;
}
#newsDetailSCT .back a img {
transform: translateY(-50%) rotate(180deg);
position: absolute;
left: 0;
top: 50%;
width: 3.467vw;
height: auto;
}

@media screen and (min-width: 768px) {
	#newsDetailSCT {
	margin-bottom: 180px;
	padding: 148px 0 0 0;
	}
	#newsDetailSCT .cont {
	position: relative;
	margin: 0 auto;
	padding: 50px 0 70px 0;
	width: 960px;
	}
	#newsDetailSCT .list {
	margin-bottom: 0;
	display: flex;
	flex-wrap: wrap;
	}
	#newsDetailSCT .main {
	margin-bottom: 0;
	padding-left: 100px;
	flex: 1;
	}
	#newsDetailSCT .main .date {
	font-size: 14px;
	}
	#newsDetailSCT .main .category {
	margin-left: 5px;
	padding: 0 14px;
	font-size: 12px;
	}
	#newsDetailSCT .hed h1 {
	border-bottom: solid 3px #000;
	margin: 25px 0 30px 0;
	padding-bottom: 35px;
	font-size: 22px;
	line-height: 1.91;
	}
	#newsDetailSCT .cnt {
	padding: 45px 0 0 0;
	}
	#newsDetailSCT .cnt h1 {
	font-weight: 700;
	font-size: 24px;
	line-height: 1.75;
	}
	#newsDetailSCT .cnt h2 {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.75;
	}
	#newsDetailSCT .cnt h3 {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.75;
	}
	#newsDetailSCT .cnt h4 {
	font-size: 14px;
	line-height: 2.29;
	}
	#newsDetailSCT .cnt dl,
	#newsDetailSCT .cnt ol,
	#newsDetailSCT .cnt ul,
	#newsDetailSCT .cnt p {
	font-size: 14px;
	line-height: 2.29;
	}
	#newsDetailSCT .back {
	margin-top: 75px;
	font-size: 16px;
	}
	#newsDetailSCT .back a {
	padding-left: 38px;
	}
	#newsDetailSCT .back a img {
	width: 17px;
	}
}