.main-section .content-inner {display: flex; flex-direction: column; justify-content: space-between; padding: 5rem 7rem; height: 100%; position: relative; z-index: 1;}
.main-section .content-text {display: flex; flex-direction: column; row-gap: 1.5rem; color: #222; word-break: keep-all; position: relative; z-index: 1;}
.main-section .content-text p {line-height: 1.4;}
.main-section .control-arrows {display: flex; align-items: center; }
.main-section .swiper-button-next, .main-section .swiper-button-prev {position: static; top: auto; left: auto; right: auto; transform: translate(0,0); margin: 0; padding: 0; font-size: 0; height: 2.4rem; width: 2.4rem;}
.main-section .swiper-button-next:after, .main-section .swiper-button-prev:after {content: ""; background: #111;; mask: url('../img/main/icon_visual_arrow.svg') no-repeat 50% 50% / contain; width: 1rem; height: 1.7rem;}
.main-section .swiper-button-next:after {transform: rotate(180deg);}
.main-section .swiper-pagination-fraction {position: static; color: #111; width: auto; font-size: 1.6rem;}
.main-section .swiper-pagination-current {font-weight: 600;}
.main-section .stop {background: #111; mask: url('../img/main/icon_visual_stop.svg') no-repeat 50% 50% / contain; width: 3.2rem; height: 3.2rem; z-index: 1; cursor: pointer;}
.main-section .stop.stopped {background: #111; mask: url('../img/main/icon_visual_play.svg') no-repeat 50% 50% / contain; }

.main-section .visual {position: relative; }
.main-section .visual::after {content: ""; display: inline-block; width: 25.2rem; height: 38.8rem; position: relative; background: url('../img/main/visual_bubble_figure.png') no-repeat 50% 50% / contain; position: absolute; top: 16%; left: 0; transform: translateX(-6rem);}
.main-section .visual .swiper {}
.main-section .visual .swiper-slide {position: relative; }
.main-section .visual .swiper .inner {height: 100%; position: relative; padding: 14.5rem 0 27.5rem;}
.main-section .visual .swiper .inner::after {content: ""; display: inline-block;  max-width: 65%; max-height: 90%; position: absolute; top: 50%; right: -7rem; transform: translateY(-50%);}
/* .main-section .visual .swiper .inner:nth-child(odd)::after {background: url('../img/main/visual_img.png') no-repeat 50% 50%/ contain; width: 104rem; height: 67.8rem;}
.main-section .visual .swiper .inner:nth-child(even)::after {background: url('../img/main/visual_img.png') no-repeat 50% 50%/ contain; width: 104rem; height: 67.8rem;} */
.main-section .quick {padding-bottom: 14rem;}
.main-section .card {display: flex; flex-direction: column; border-radius: 3rem; padding: 4rem 3rem; overflow: hidden; min-height: 42rem; position: relative;}
.main-section .card:nth-child(1) {background: var(--blue);}
.main-section .card:nth-child(2) {background: var(--gray);}
.main-section .card:nth-child(3) {background: var(--lightgreen);}
.main-section .card:nth-child(4) {background: var(--green);}
.main-section .card::after {content: ""; display: inline-block; background-size: contain; width: 25rem; height: 20rem; position: absolute; bottom: 0; right: 0; }
.main-section .card:nth-child(1)::after {background-image: url('../img/main/card_img01.png')}
.main-section .card:nth-child(2)::after {background-image: url('../img/main/card_img02.png')}
.main-section .card:nth-child(3)::after {background-image: url('../img/main/card_img03.png')}
.main-section .card:nth-child(4)::after {background-image: url('../img/main/card_img04.png')}
.main-section .card .card-text {display: flex; flex-wrap: wrap; width: 200%;}
.main-section .card .card-text--title {padding-bottom: 1.5rem; width: 100%;}
.main-section .card .card-text--detail {transform: translateX(0); visibility: visible; opacity: 1; transition: .2s; width: 50%;}
.main-section .card .card-text--list {transform: translateX(0); width: 50%; visibility: hidden; opacity: 0; transition: .2s; margin-top: 1rem;}
.main-section .card .card-text--list li {border-bottom: 1px solid rgba(0,0,0,0.2); position: relative;}
.main-section .card .card-text--list a {display: inline-block; font-weight: 600; padding: 1rem 0; width: 100%; position: relative;}
.main-section .card .card-text--list a::after {content: "→"; display: inline-block; font-size: inherit; color: inherit; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.main-section .card .card-btn {margin-top: auto; z-index: 1;}
.main-section .card.text-white .card-text--list li {border-bottom-color: rgba(255,255,255,0.2);}
.main-section .card.text-white .card-text--list li::before, .main-section .card.text-white .card-text--list li::after {border-color: rgba(255,255,255,0.2)}
.main-section .card .card-text--list li::before, .main-section .card .card-text--list li::after {content: ""; width: 100%; border-bottom: 1px solid rgba(0,0,0,0.2); position: absolute; bottom: -1px; left: 0; opacity: 1; transform: scale(1, 1); transform-origin: right center 0;}
.main-section .card .card-text--list li::after {opacity: 0; transform: scale(0, 1); transform-origin: left center 0;}
.main-section .visual .controls {display: flex; align-items: center; column-gap: 1.5rem; position: absolute; left: 50%; bottom: 13rem; transform: translateX(-50%); z-index: 1; max-width: 148rem; width: 95%; }

.main-section .latest {background: #F1F2F6B2; padding: 10rem 0 14rem;}
.main-section .inner {display: flex; align-items: flex-start; column-gap: 8rem;}
.main-section .content-item {width: calc((100% - 8rem) / 2); display: flex; flex-direction: column; align-self: stretch;}
.main-section .content-heading {display: flex; align-items: center; justify-content: space-between; padding-bottom: 3rem;}
.main-section .content-detail {flex: 1;}
.main-section .latest-content--text a {display: flex; flex-direction: column; row-gap: 1.2rem;  transition:all .2s; width: 100%; }
.main-section .notice .latest_board_list {display: flex; flex-direction: column; row-gap: 1rem; position: relative;}
.main-section .notice .latest_board_list::after {content: ""; display: inline-block; content: ""; display: inline-block; width: 1px; height: 100%; background: rgba(219, 221, 229, 1); position: absolute; bottom: 0; left: calc(100% + 4rem);}
.main-section .notice .n_contents {display:flex; justify-content: flex-start; flex-direction: column; background: #fff;; font-weight:400; align-items: flex-start; text-align: left; border-radius: 1rem; -webkit-transition: 0.25s; transition: 0.25s; position: relative;}
.main-section .notice .n_contents::after {content: ""; display: inline-block; width: 2.2rem; height: 2rem; position: absolute; right: 4rem; top: 50%; transform: translateY(-50%); background: url('../../../img/main/icon_goto_arrow.png') no-repeat 50% 50% / contain;}
.main-section .notice .n_contents a {padding: 2rem 3rem;}
.main-section .latest-content--title {display: inline-block; line-height: 1.2; -webkit-line-clamp: 1; line-clamp: 1; overflow:hidden; text-overflow:ellipsis; word-break: break-all; white-space: nowrap; width: 90%; transition: color 0.2s;}
.main-section .latest-content--date {color:#666;}
.main-section .latest_board_list {display: flex; flex-direction: column; justify-content: space-between; /*row-gap: 2.5rem;*/ height: 100%;}
.main-section .event .gallery_li {display: flex; align-items: center; column-gap: 3.5%; height: calc((100% - 5rem) / 3)}
.main-section .event .latest-content--img {min-width: 25%; height: 100%; flex: 1; border-radius: 1rem; overflow: hidden; position: relative; transition: 0.2s;}  
.main-section .event .latest-content--img::after {content: ""; display: block; padding-bottom: 70%;}
.main-section .event .latest-content--img a {position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;}
.main-section .event .latest-content--img img {min-width: 100%; min-height: 100%;}
.main-section .event .latest-content--text {width: 66.5%; padding: 1.8rem 0; align-self: stretch; }
.main-section .event .latest-content--text a {height: 100%;}
.main-section .event .latest-content--title {font-weight: 600; }
.main-section .event .latest-content--detail {display: inline-block; -webkit-line-clamp: 1; line-clamp: 1; overflow:hidden; text-overflow:ellipsis; word-break: break-all; white-space: nowrap; width: 90%;}
.main-section .event .latest-content--date {margin-top: auto;}
.pc .n_contents:hover a,
.pc .n_contents:hover .n_date {color:var(--main-theme2)}
.pc .n_contents:hover {box-shadow: 0px 0px 15px 0px #00000040;}
.pc .n_contents:hover::after {animation: arrow 0.5s infinite both alternate;}


@keyframes arrow {
	0% {
		right: 4rem;
	}

	100% {
		right: 3rem;
	}
}

@media (hover: hover) and (pointer: fine) and (min-width: 1025px) {
    .main-section .card:hover .card-text--detail {transform: translateX(-100%); visibility: hidden; opacity: 0; }
    .main-section .card:hover .card-text--list {transform: translateX(-100%); visibility: visible; opacity: 1; }    
    .main-section .card:hover .card-btn .ubtn.plus::after {transform: translate(-50%, -50%) rotate(0);}
	.main-section .card .card-text--list li:hover::before, .main-section .card .card-text--list li:hover::after {border-color: #222;}
	.main-section .card.text-white .card-text--list li:hover::before, .main-section .card.text-white .card-text--list li:hover::after {border-color: #fff;}
	.main-section .card .card-text--list li:hover::before {opacity: 0; transform: scale(0, 1); transition: opacity 0.2s ease-in-out 0.2s, transform 0.2s ease-in-out 0s;}
	.main-section .card .card-text--list li:hover::after {opacity: 1; transform: scale(1, 1); transition: transform 0.2s ease-in-out 0.25s;}
	.main-section .latest .n_contents:hover .latest-content--title {color: var(--blue);}
	.main-section .event .gallery_li:hover .latest-content--img {box-shadow: 0 0 1rem rgba(0,0,0,0.3)}
	.main-section .event .gallery_li:hover .latest-content--title {color: var(--blue);}
}

@media (orientation: landscape) {

}

@media (min-width: 2000px) {
	.main-section .visual .swiper .inner {padding: 22rem 0 36rem;}
	.main-section .visual .swiper .inner:nth-child(odd)::after {width: 122rem; height: 82rem; max-width: 73%; max-height: 95%;}
	.main-section .visual .swiper .inner:nth-child(even)::after {width: 122rem; height: 82rem; max-width: 73%; max-height: 95%;}
	.main-section .visual .controls {max-width: 180rem;}
	.main-section .event .latest-content--img {flex: none;}
}

@media (max-width: 1280px) {
	.main-section .visual .swiper .inner::after {right: -4rem;}
	.main-section .card .card-text--detail {word-break: keep-all;}
	.main-section .card .card-text--detail br {display: none;}	
	.main-section .latest .inner {column-gap: 4rem;}
	.main-section .content-item {width: calc((100% - 4rem) / 2);}
	.main-section .notice .latest_board_list::after {left: calc(100% + 2rem);}
	.main-section .event .latest-content--text {width: 60%;}
}

@media (max-width: 1024px) {
	.main-section .card .card-text {width: 100%;}
	.main-section .card .card-text--detail {width: 100%;}
	.main-section .card .card-text--list {width: 100%; visibility: visible; opacity: 1;}

	.main-section .quick {padding-bottom: 8rem;}
	.main-section .latest {padding: 6rem 0 8rem;}
	.main-section .latest .notice .latest-content--text a {padding: 1.2rem 2rem; row-gap: 0.6rem;}
	.main-section .latest .event .latest-content--text a {row-gap: 0.8rem;}
	.main-section .event .latest-content--text {padding: 0.4rem 0;}
}

@media (max-width: 768px) {
	.main-section .visual .swiper .inner {padding: 10rem 0 20rem;}
	.main-section .visual .swiper-slide {}
	.main-section .visual .swiper .inner::after {max-width: 86%; opacity: 0.4;}
	.main-section .visual .controls {bottom: 8rem;}

	.main-section .latest .inner {flex-wrap: wrap; row-gap: 4rem;}
	.main-section .content-item {width: 100%;}
	.main-section .latest_board_list {row-gap: 2rem;;}
	.main-section .latest .event .gallery_li {column-gap: 2rem; height: auto;}
	.main-section .latest .event .latest-content--text a {row-gap: 0.5rem;}
}

@media (max-width: 480px) {
	.main-section .visual::after {width: 20rem; height: 31rem; top: 10%; transform: translateX(-6rem)}
	.main-section .visual .swiper .inner {width: 90%; padding: 8rem 0 28rem;}
	.main-section .visual .swiper-slide {}
	.main-section .visual .swiper-slide::after {max-width: 70%;}
	.main-section .visual .swiper .inner::after {}
	.main-section .visual .swiper-slide:nth-child(odd) .inner::after {transform: translateY(0); height: 24rem; top: 25%; max-width: 90%; height: 24rem; opacity: 0.3; right: -2rem;}
	.main-section .visual .swiper-slide:nth-child(even) .inner::after {transform: translateY(0); height: 24rem; top: 25%; max-width: 90%; height: 24rem; opacity: 0.3; right: -2rem;}
	.main-section .content-text p br {display: none;}
	.main-section .visual .controls {bottom: 5rem; width: 90%;}

	.main-section .card {padding: 3rem; min-height: 40rem;}
	.main-section .card::after {width: 20rem; height: 16rem;}
	.main-section .card .card-text--list a {padding: 1.2rem 0;}

	.main-section .latest .notice .n_contents a {padding: 2rem;}
	.main-section .latest .latest-content--title {width: 98%;}
	.main-section .latest .event .gallery_li {column-gap: 2%;}
	.main-section .latest .event .latest-content--img {width: 31.5%;}
}