@charset "utf-8";
/*パンくずは非表示に*/
.breadcrumb{
	display: none;
}
/*バナースライド-----------------------------*/
.top-slide {
	margin-bottom: 10px;
}
.top-slide .swiperMain {
	aspect-ratio: unset!important;
	padding-bottom: 0px!important;
	margin-bottom: 0px!important;
}
.top-slide .swiper-wrapper {
	margin-bottom: 0px!important;
}
.top-slide #swiperThumbnail .swiper-wrapper{
	display: flex;
	flex-direction: column!important;
	justify-content: space-between;
	padding-left: 5px;
}
@media screen and (max-width:768px){
.top-slide .swiperMain {
	margin-bottom: 10px!important;
}
.top-slide #swiperThumbnail .swiper-wrapper{
	flex-direction: row!important;
	padding-left: 0px;
}
}
.top-slide .swiper-slide img{
	border-radius: 10px;
}
.top-slide #swiperThumbnail .swiper-slide img{
	border-radius: 5px!important;
}
/*------------------------------------------*/

.top-link{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
.top-link a{
	font-weight: 700;
	background-color: #667699;
	color: #fff!important;
	padding: 0.5rem 1rem 0.5rem 0.3rem;
	position: relative;
	font-size: 110%;
	max-width: 12rem;
	text-align: center;
	border-radius: 10px;
}
.top-link a::before{
	position: absolute;
	content: url("../common-img/link-icon_white.svg");
	top: 0.7rem;
	width: 10px;
	right: 1rem;	
}
.top-link a:hover{
	opacity: 0.5;
}
.h1-box{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
.h1-box{
	display: flex;
		justify-content: center;
	align-items: center;

}
.h1-box img{
	display: flex;
	margin: auto;
}
#motto-top h1,#motto-top h2{
    font-size: 140%;
    width: 100%;
    border-bottom: solid 2px #667699;
	margin-top: 10px;
	margin-bottom: 10px;
}
#motto-top h3{
    font-size: 120%;

}

.title-small{
	font-size: 65%;
	line-height: 1.7;
	display: block;
	margin-bottom: -2rem;
}
.motto-top_contact{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	z-index:500;
    height: 100%;
}
.motto-top_contact img{
	max-height: 65px;
}
.motto-top_contact button{
    background-color: #f60;
    width: 100%;
    height: 100%;
    display: block;
    font-size: 120%;
    border-radius: 60px;
	padding: 1rem;
}
.motto-top_contact button span{
	width: 6.5rem;
	margin-right: 0.3rem;
	color: #fff;
}
.motto-top_contact button img{
	display: inline-block;
	height: 24px;
	width: 1rem;
	padding-top: 10px;
}
.motto-top_contact button:hover{
	transform: scale(1.05);
}

/*最新情報------------------------------------*/
.news-top li{
	border-bottom:dotted #666666 2px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 10px;
}
.news-top li a:hover{
	opacity: .7;
}