@charset "UTF-8";

#kv .inner-kv { position: relative; }
#kv .inner-kv:after { content: ''; display: block; width: 100%; max-width: 1600px; height: 320px; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); background: #f5f5ef;
border-top-left-radius: 30px; border-top-right-radius: 30px;
}
.kv-ctn { position: relative; z-index: 2; width: 100%; max-width: 1324px; margin: 0 auto;}
.kv-slider { padding-bottom: 32px;}
.kv-slider .slick-slide { padding: 12px;}
.kv-slider span,
.kv-slider a { display: block; width: 100%; border-radius: 30px; overflow: hidden; box-shadow: 0 0 12px #ddd;}
.kv-slider picture { display: block; width: 100%; }
.kv-slider picture img { width: 100%;}
.kv-slider a:hover picture img { opacity: 0.8;}
.kv-slider .slick-prev { right: 62px;}
.kv-slider .slick-next { right: 15px;}
@media (max-width: 1301px) {
	.kv-slider .slick-prev { right: 60px;}
	.kv-slider .slick-next { right: 20px;}
}
@media (max-width: 801px) {
	.kv-slider .slick-slide { padding: 8px 0px;}

	#kv .inner-kv:after { border-top-left-radius: 20px; border-top-right-radius: 20px;}
	.kv-slider span,
	.kv-slider a { border-radius: 20px; box-shadow: 0 0 8px #ddd;}
}
@media (max-width: 481px) {
}


.news .inner-sct { width: 100%; max-width: 1600px; margin: 0 auto; padding: 60px 0 80px; background: #f5f5ef; border-bottom-left-radius: 30px; border-bottom-right-radius: 30px;}
.news .ttl { position: relative; width: 88%; max-width: 1100px; margin: 0 auto 30px;}
.news .ttl h2 { position: relative; display: inline-block; width: 160px; font-size: clamp(30px,4.5vw,45px); font-weight: 700; letter-spacing: 0.05rem; line-height: 1;}
.news .ttl h2::after { content: ''; display: block; width: 2px; height: 35px; background: #0d291e; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.news .ttl ul { position: absolute; left: 0; top: 0; width: 100%; padding-top: 8px; padding-left: 180px; font-size: 0;}
.news .ttl ul li { display: inline-block; padding: 0 20px; font-size: clamp(14px,1.8vw,18px); line-height: 1.2;}
.news .ttl ul li span { position: relative; display: block; padding-bottom: 8px; cursor: pointer;}
.news .ttl ul li span:after { content: ''; display: block; width: 0%; height: 3px; background: #559d88;
 position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); transition: 0.3s ease;
}
.news .ttl ul li span.event:after { background: #e4f5af;}
.news .ttl ul li span.magazine:after { background: #ffcaaf;}
.news .ttl ul li span.public:after { background: #dab894;}
.news .ttl ul li span.conf:after { background: #42bfdd;}
.news .ttl ul li span.other:after { background: #00cecb;}
.news .ttl ul li span.calls:after { background: #ffa8d1;}


.news .ttl ul li.on span:after,
.news .ttl ul li span:hover:after { width: 100%;}
.news .ttl .sp-choice { display: none; border-radius: 50px; background: #0d291e; overflow: hidden; position: absolute; left: 140px; top: 0;}
.news .ttl .sp-choice:after { content: ''; display: block; width: 7px; height: 7px; border-bottom: solid 1px #fff; border-right: solid 1px #fff; 
 position: absolute; right: 20px; top: 50%; transform: translateY(-60%) rotate(45deg);
}
.news .ttl .sp-choice select { display: block; appearance: none; -webkit-appearance: none; width: 100%; padding: 4px 12px; background: none; border: none; outline: none;
 color: #fff;
}
.news .ttl .sp-choice select option { }
.news .ctn { width: 88%; max-width: 1100px; margin: 0 auto;}
.news .ctn .tab-ctn { display: none;}
.news .ctn .tab-ctn.show { display: block;}
.news .ctn ul { margin-bottom: 40px;}
.news .ctn ul li { position: relative; margin-bottom: 12px; padding: 30px 20px; padding-left: 300px; background: #fff; border-radius: 30px; }
.news .ctn ul li:last-child { margin-bottom: 0px;}
.news .ctn ul li time { position: absolute; top: 50%; left: 40px; transform: translateY(-50%); width: 64px; color: #323232; font-size: clamp(12px,1.6vw,17px); font-weight: 700; line-height: 0.96; text-align: center;}
.news .ctn ul li time span { display: block; font-size: clamp(30px,4.5vw,45px);}
.news .ctn ul li span.tag { position: absolute; left: 140px; top: 50%; transform: translateY(-50%); width: 120px; padding: 2px 0; border-radius: 50px; font-size: clamp(10px,1.6vw,15px); font-weight: 700; text-align: center;}
.news .ctn ul li a { display: inline-block; font-size: clamp(13px,1.6vw,16px); letter-spacing: 0.1rem; line-height: 1.4; text-decoration: none;}
.news .ctn ul li a:hover { text-decoration: underline; text-underline-offset: 2px; text-decoration-thickness: 1px;}
.news .ctn .btn-more { width: 50%; max-width: 210px;}
.news .ctn .btn-more a { position: relative; display: block; padding: 15px; padding-left: 0; background: #559d88; border-radius: 50px; box-shadow: 1px 1px 3px #ccc;
 color: #fff; font-size: clamp(14px,2.0vw,20px); font-weight: 700; line-height: 1; text-align: center; text-decoration: none;
}
.news .ctn .btn-more a:after { content: ''; display: block; width: 12px; height: 12px; border-top: solid 2px #fff; border-right: solid 2px #fff; 
 position: absolute; right: 25px; top: 50%; vertical-align: middle; transform: translateY(-50%) rotate(45deg);
}
.news .ctn .btn-more a:hover { opacity: 0.8;}
@media (max-width: 1024px) {
	.news .ttl h2 { width: 140px;}
	.news .ttl ul { padding-top: 4px; padding-left: 160px;}
	.news .ttl ul li { padding: 0 12px;}
}
@media (max-width: 801px) {
	.news .ttl { margin-bottom: 20px;}
	.news .ttl h2::after { content: none;}
	.news .ttl ul { display: none;}
	.news .ttl .sp-choice { display: block; width: 180px;}
	.news .ctn ul li { padding: 20px; padding-left: 100px; border-radius: 20px;}
	.news .ctn ul li time { left: 20px;}
	.news .ctn ul li span.tag { position: relative; left: auto; top: auto; transform: translateY(0%); display: block; margin-bottom: 8px;}
	.news .ctn .btn-more { max-width: 150px;}
}
@media (max-width: 481px) {
	.news .inner-sct { padding: 20px 0 40px;}
	.news .ttl .sp-choice { left: 110px; width: 150px;}
	.news .ttl .sp-choice:after { right: 12px;}
	.news .ttl .sp-choice select { font-size: 13px;}
	.news .ctn ul { margin-bottom: 20px;}
	.news .ctn ul li { padding: 12px; padding-left: 80px; border-radius: 12px;}
	.news .ctn ul li time { left: 9px;}
	.news .ctn ul li span.tag { width: 90px;; margin-bottom: 5px;}
	.news .ctn ul li a { letter-spacing: 0.05rem;}
	.news .ctn .btn-more a { padding: 10px; padding-left: 0;}
	.news .ctn .btn-more a:after { width: 8px; height: 8px; right: 15px;}
}


.links .inner-sct { padding: 40px 0;}
.links ul { width: 90%; max-width: 1150px; margin: 0 auto; font-size: 0px;}
.links ul li { display: inline-block; width: 33.33334%; padding: 25px; font-size: clamp(13px,2.2vw,22px); line-height: 1;}
.links ul li a { display: block; width: 100%; text-decoration: none;}
.links ul li a dl { text-align: center;}
.links ul li a dl dt { position: relative; width: 100%; margin-bottom: 18px; padding-top: 60%; border-radius: 30px; overflow: hidden;}
.links ul li a dl dt img { position: absolute; left: 50%; top: 50%; width: 100%; transform: translate(-50%,-50%); transition: 0.3s ease;}
.links ul li a dl dd {}
.links ul li a dl dd:after { content: ''; display: inline-block; width: 22px; height: 22px; border-radius: 50%; vertical-align: -15%;
 background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50"><rect width="50" height="50" fill="%23559d88"/><polygon points="18.4 16.5 26.9 25 18.4 33.4 20.7 35.7 31.5 25 20.7 14.2 18.4 16.5" fill="%23fff"/></svg>');
 background-position: 50% 50%; background-size: 100% auto; transform: translateY(3px);
}
.links ul li a dl dd span { display: inline-block; margin-right: 8px; vertical-align: middle;}
.links ul li a:hover dl dt img { transform: translate(-50%,-50%) scale(1.04); opacity: 0.8;}

@media (max-width: 801px) {
	.links ul li { width: 50%; padding: 15px;}
}
@media (max-width: 481px) {
	.links .inner-sct { padding: 20px 0 40px;}
	.links ul li { padding: 8px;}
	.links ul li a dl dt { margin-bottom: 4px; border-radius: 12px;}
	.links ul li a dl dd:after { width: 12px; height: 12px; vertical-align: -8%;}
	.links ul li a dl dd span { margin-right: 6px;}
}