@charset "UTF-8";
/* CSS Document */

.Rmenu_sp {
	display: none;
}

.cttl-PG {
    width: 100%;
	height: auto;
	display: block;
	margin: 10vh auto 0 auto;
	padding: 60px 0 65px 40px;
	position: relative;
}
.cttl-PG figure {
    width: 200px;
	height: auto;
	display: block;
	margin: 0 0 5px 0;
	
	background: url("../img/ct-logo.png") no-repeat left center;
	background-size: 100% auto;
	
	will-change: transform, opacity;
	transition: all 1s cubic-bezier(0, 0.7, 0.3, 1);
	transform: translateY(50px);
	opacity: 0;
}
.cttl-PG figure::after {
    content: "";
	display: block;
	padding-bottom: 17.6%;
}
.cttl-PG h1 {
	display: inline-block;
	margin: 0;
	
	font-size: 3.6rem;
	font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
	letter-spacing: 0em;
	line-height: 1em;
	
	will-change: transform, opacity;
	transition: all 1s cubic-bezier(0, 0.7, 0.3, 1);
	transform: translateX(80px);
	opacity: 0;
}
.cttl-PG.appr figure {
    transform: translateY(0);
	opacity: 1;
}
.cttl-PG.appr h1 {
    transform: translateX(0);
	opacity: 1;
}

.news-main {
    width: calc(100% + 2px);
	height: auto;
	display: block;
	margin: 0 auto 150px -1px;
	padding: 0;
	position: relative;
}
.news-item {
    width: 100%;
	height: auto;
	display: block;
	margin: 0;
	
	border-top:    1px solid #dedede;
	border-bottom: 1px solid #dedede;
	
	backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
	background: rgba(237,237,237,0.01);
	
	will-change: transform, opacity;
	transition: all 1s cubic-bezier(0, 0.7, 0.3, 1);
	transform: translateY(-100px);
	opacity: 0;
}
.news-item:nth-of-type(n+2) {
    margin: 150px 0 0 0;
}
.news-item.appr {
    transform: translateY(0);
	opacity: 1;
}
.news-title {
    width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 40px;
	background: rgba(255,255,255,0.35);
	border-bottom: 1px solid #dedede;
	
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.news-title h2 {
    width: calc(100% - 120px);
	height: auto;
	margin: 0;
	box-sizing: border-box;
	
    font-size: 1.2rem;
	font-weight: 700;
	letter-spacing: 0.04em;
	line-height: 1.5em;
}
.news-title h3 {
    width: 120px;
	height: auto;
	margin: 0;
	text-align: right;
	box-sizing: border-box;
    
    font-size: 0.9rem;
	font-family: korolev, sans-serif;
    font-weight: 500;
    font-style: normal;
	letter-spacing: 0.04em;
	line-height: 1em;
}
.news-txt {
    width: 100%;
	height: auto;
	margin: 0;
	padding: 40px 40px 80px 40px;
	
	font-size: 1.0rem;
	font-weight: 400;
	letter-spacing: 0.05em;
	line-height: 2.0em;
	
	word-break: break-all;
}
.news-txt a {
    display: inline-block;
	margin: 0;
	
    color: #000;
	font-weight: 700;
	text-decoration: underline;
	
	will-change: transform;
	transition: all 0.2s ease-out;
}
.news-txt a:hover {
    color: #969696;
    text-decoration: none;
	transform: translateY(2px);
}
.news-txt .pic {
    width: 100%;
    height: auto;
    margin: 1.5em 0;
    
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.news-txt .pic span {
    width: min(500px,100%);
    height: auto;
    display: block;
    margin: 0 10px;
}
.news-txt .newsYT {
    width: 100%;
    height: auto;
    margin: 1.5em 0;
    position: relative;
}
.news-txt .newsYT::after {
    content: "";
    display: block;
    padding-bottom: 56.25%;
}
.news-txt .newsYT iframe {
    width: 100%;
    height: 100%;
    display: block;
    margin: 0;
    position: absolute;
    top: 0;
    right: 0;
}
.news-txt b {
    display: inline-block;
	color: #859eaa;
	
	font-size: 0.8em;
	font-weight: 400;
	line-height: 1.8em;
}
.news-txt strong {
	font-weight: 700;
}
.news-txt .txt-red {
    color: #e42757;
}
.news-txt .txt-gre {
    color: #3ba666;
}




/* --------- < 600px > --------- */

@media (max-width: 600px) {

.Rmenu_sp {
    width: 100%;
	height: auto;
	display: block;
	margin: 0;
	padding: 25px 0 0 0;
	
	will-change: transform, opacity;
	transition: all 0.6s cubic-bezier(0, 0.7, 0.3, 1) 0.2s;
	transform: translateY(70px);
	opacity: 0;
}
.Rmenu_sp.appr {
    transform: translateY(0);
	opacity: 1;
}
.Rmenu_sp figure {
    width: 100%;
	height: auto;
	margin: 0 0 15px 0;
	display: block;
}
.Rmenu_sp figure span {
    width: 20px;
	height: auto;
	margin: 0 auto;
	display: block;
	position: relative;
	
	background: url("../img/hl-logo.png") no-repeat center center;
	background-size: 100% auto;
}
.Rmenu_sp figure span::after {
    content: "";
	display: block;
	padding-bottom: 461.5%;
}
.Rmenu_sp div {
    width: 100%;
	height: auto;
	margin: 0;
	
	display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.Rmenu_sp div p {
    width: 1em;
    height: auto;
    display: block;
    margin: 0;
	position: relative;

    font-size: 0.9rem;
    font-family: itc-avant-garde-gothic-pro, sans-serif;
    font-weight: 500;
    font-style: normal;
	letter-spacing: 0.08em;
	line-height: 1em;
	writing-mode: vertical-rl;
	color: #000;
}

.cttl-PG {
	margin: 40px auto 0 auto;
	padding: 30px 0 30px 20px;
}
.cttl-PG figure {
    width: 120px;
	margin: 0 0 4px 0;
}
.cttl-PG h1 {
	font-size: 2.4rem;
	transform: translateX(60px);
}

.news-main {
	margin: 0 auto 100px -1px;
}
.news-item {
	backdrop-filter: blur(8px);
	-webkit-backdrop-filter: blur(8px);
	transform: translateY(-80px);
}
.news-item:nth-of-type(n+2) {
    margin: 100px 0 0 0;
}
.news-title {
	padding: 25px 20px;
	
	display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
}
.news-title h2 {
    width: 100%;
    font-size: 1rem;
	line-height: 1.7em;
}
.news-title h3 {
    width: 100%;
	margin: 15px 0 0 0;
    font-size: 0.7rem;
}
.news-txt {
	padding: 25px 20px 50px 20px;
	font-size: 0.8rem;
}
.news-txt .pic span {
    width: 100%;
    margin: 0 8px;
}


}