#topics.container{
position: absolute;
    top: 40vw;
    width: 100%;
    margin: auto;
    left: 0;
    right: 0;
}
#topics .swiper-container{
	max-width: 640px;
	margin-left: auto;
    overflow: hidden;
	position: relative;
	    padding-top: 50px;
}
#topics .swiper-slide{
	border-radius: 0;
	background: none;
    box-shadow: none;
	max-width: 200px;
	min-width: 200px;
	margin-left: 7px;
	overflow: visible;
}
#topics .news-row {
    
}
#topics .news-inner{
	display: block;
}
#topics .news-inner {
    padding: 0;
    text-align: left;
	overflow: visible;
}
#topics .news-ttl{
	text-align: left;
	padding: 0;
	margin-top: 10px;
	font-size: 16px;
    font-weight: bold;
	
}

#topics .news-arrow{
	top: auto;
    bottom: 0;
}
#topics .news-arrow img{
	width: 68px;
}
#topics .topics-more{
	font-family: "dnp-shuei-gothic-gin-std", sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-align: right;
	padding: 10px 32px 5px 0;
	color: #28304C;
}
#topics .news-inner::after {
    display: none;
}
#topics .swiper-button-next, #topics .swiper-button-prev{
	top:0;
	left: auto;
	    margin: 0;
    width: auto;
}
#topics .swiper-button-prev{
	right: 65px;
}
#topics .swiper-button-next{
	right: 10px;
}
#topics .swiper-button-next::after, #topics .swiper-button-prev::after{
	display: none;
}
#topics h2{
	position: absolute;
    top: 0;
    right: 120px;
    font-size: 21px;
    font-family: "Inter", sans-serif;
    font-weight: 600;
    letter-spacing: 1.5pt;
}
#topics .news-date {
    color: #28304C;
}
#topics .news-thumbnail{
	margin-bottom: 10px;
	transition: all 0.5s ease;
}

@media (min-width: 1001px) and (max-width: 1400px) {
    .concept {
        padding-top: 180px !important;
    }
}
@media (min-width: 901px) and (max-width: 1000px) {
    .concept {
        padding-top: 250px !important;
    }
}
@media (min-width: 768px) and (max-width: 900px) {
    .concept {
        padding-top: 40% !important;
    }
}

@media (min-width: 768px) {
#topics a:hover .news-thumbnail{
	transform: scale(1.05, 1.05);
}
}
@media (max-width: 767px) {
#topics.container {
    bottom: -100px;
	top: auto;
}
#topics .swiper-container {
    max-width: 180px;
	
}
#topics .swiper-slide {
    margin-left: 0;
	min-width: 180px;
}
#topics .news-arrow img {
    width: 68px;
    height: 7px;
}
#topics .news-thumbnail img {
    width: 180px;
    height: 130px;
    object-fit: cover;
    display: block;
    object-fit: cover;
}
#topics h2 {
    top: 11px;
    right: 115px;
    font-size: 16px;
}
#topics .swiper-button-prev {
    right: 58px;
}
#topics .news-date {
    font-size: 12px;
}
#topics .news-ttl {
	font-size: 14px;
}
}
#topics .news-row.new::before{
	display: none;
}


/*ページ修正*/
.kai .outline__desc{
  font-family: "dnp-shuei-gothic-gin-std", sans-serif;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.05em;
  line-height: 22.33px;
}
.kai .outline__desc a {
  color: #28304C;
}
.kai .outline__desc span {
  text-decoration: underline;
}
.kai .outline__desc .tel-number {
    display: flex;
    justify-content: space-between;
}
.kai .outline__desc .tel-hour li {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.outline__desc .tel-number:nth-child(2) a{
	margin-right: -0.9rem;
}



/*KV変更*/


.hero__ttl span.sub-c {
    color: #fff;
}
@media only screen and (min-width: 768px) {
#topics h2{
	color: #fff;
}
.hero__kids.white span{
    color: #fff;
}
    .hero__ttl-wrapper {
        width: 30%;
        top: 36vw;
        left: 28%;
    }
}

@media (max-width: 767px) {
    #topics.container {
        bottom: auto;
        top: 65vh;
    }
	.hero__ttl-wrapper {
    top: 47%;
    left: 43%;
}
.hero__kids {
    top: 55%
}
    .concept {
        padding: 80px 0 157px;
    }
}


.only-pc {
	display: block !important;
}
.only-sp {
	display: none !important;
}
@media all and (max-width: 767px) {
	.only-pc {
		display: none !important;
	}
	.only-sp {
		display: block !important;
	}

}

@media (min-aspect-ratio: 16/9) and (min-width: 768px) {
    .hero__ttl-wrapper {
        /*width: 30%;
        top: 24vw;
        left: 21%;*/
				top: 32vw;
    }
}
@media (min-aspect-ratio: 16/9) and (max-height: 650px) {
.hero__ttl-wrapper {
        /*width: 30%;
        top: 24vw;
        left: 21%;*/
				left: 23%;
				top: 25vw;
    }
}