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


/* hero-visual */
/* ============================================ */
.hero-visual{
	position: relative;
	padding-top: 80px;
/*	max-height:500px;*/
}
/*
.hero-visual-inner{
	width:50%;
	position:absolute;
	right:0%;
	top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
	text-align: center;
	z-index: 9999;
}
.hero-visual-inner img{
    width: 62%;
    margin-top: 50px;
}
*/

.hero-visual-slide img{width:100%;}

@media screen and (max-width: 768px) {
/*	.hero-visual{max-height:100%;}*/
	.hero-visual-slide{
/*		background: url("../images/top/star.jpg") no-repeat;*/
/*		background-size: cover;*/
		height: calc(100dvh - 120px);
        position: relative;
		z-index: 1;
	}
	.hero-visual-slide img{
		height: calc(100dvh - 120px);
    	object-fit: cover;
/*        transition: all .3s;*/
	}
	
}

/* スライドのページャー */
.dots-wrap {
    display: flex;
    justify-content: center;
	margin-top: 10px;
}

.dots-wrap li {
    width: 8px;
    height: 8px;
    margin: 0 5px;
    background: var(--sub-color);;
    border-radius: 50%;
    cursor: pointer;
}

.dots-wrap li:hover,
.dots-wrap li.slick-active {
    background: var(--main-color);
}
.dots-wrap li button {
    display: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
    padding: 0;
    border: none;
    background-color: transparent;
}




/* content-main */
/* ============================================ */

#top .content-inner{
	display: grid;
    gap: 32px;
    grid-template-columns: 2fr 1fr;
}
@media screen and (max-width: 768px) {
	#top .content-inner{
		display: block;
	}
}



/* content-side */
/* ============================================ */
@media screen and (max-width: 768px) {
	.content-side{margin-top:28px;}
}

/* news */
/* ============================================ */
.news-title{position:relative;}
.news-title a{
	position: absolute;
    top: 0;
    right: 0;
    font-weight: 700;
}
.news-title h2{margin-bottom:0;}

.news-items article{
	border-bottom: 1px dotted var(--sub-color);
}
.news-items article a{
	display: flex;
    padding: 20px 0;
	position: relative;
}
.news-items article .news-items-date{
	flex-shrink: 0;
}
.news-items article .news-items-title{
	margin-left:16px;
	padding-right: 60px;
}
.news-items article .news-items-title span{
	border-bottom:1px solid;
}
.news-items article a::after{
	content:"";
	display: inline-block;
	background: url("../images/common/icon_arrow2.svg") no-repeat;
	width:17px;
	height:17px;
	position: absolute;
    top: calc(50% - 8px);
    right: 20px;
	transition : all .5s;
}
.news-items article a:hover::after{
	opacity: .7;
}

@media screen and (max-width: 768px) {
	.news-items article a{display: block;}
	.news-items article .news-items-title{
		margin-left:0px;
	}
}


/* content-menu */
/* ============================================ */

.content-menu{
	margin-top:60px;
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap:32px; 
}
.content-menu a{
	display: flex;
    align-items: flex-end;
/*	height:286px;*/
	padding-top: 56.8%;
    border: 1px solid var(--sub-color);
}
.content-menu a p{
	width:100%;
	height: 87px;
    background: #5592E5;
    color: #FFF;
    font-size: 22px;
    font-weight: 700;
    display: flex;
    justify-content: center;
    align-items: center;
}
.content-menu a p::after{
	content:"";
	display: inline-block;
	background: url("../images/common/icon_arrow2-w.svg") no-repeat;
	width:17px;
	height:17px;
	position: relative;
	top: 2px;
    left: 20px;
}
.content-menu a:hover{opacity: .7;}

.content-menu a:first-child{
	background:url("../images/top/menu01.jpg")no-repeat;
	background-size: contain;
}
.content-menu a:nth-child(2){
	background:url("../images/top/menu02.jpg")no-repeat;
	background-size: contain;
}
.content-menu a:nth-child(3){
	background:url("../images/top/menu03.jpg")no-repeat;
	background-size: contain;
}
.content-menu a:nth-child(4){
	background:url("../images/top/menu04.jpg")no-repeat;
	background-size: contain;
}

@media screen and (max-width: 768px) {
	.content-menu{
		grid-template-columns: 1fr;
	}
}



/* ページ内検索 */
/* ============================================ */
.search-form{border: 1px solid #AAAAAA;}
.search-form form{display: flex;}

.search-form input{
    width: calc(100% - 84px);
    border: none;
    border-radius: 0;
    font-size: 16px;
    padding: 0 10px;
}
.search-form button{
    width:64px;
    height: 50px;
    background: var(--main-color);
    cursor: pointer;
    transition : all .5s;
}
.search-form button::after{
    content:"";
    display: inline-block;
    background: url("../images/common/icon_search.svg") no-repeat;
    width:16px;
    height: 16px;
    position: relative;
    top: 3px;
}
.search-form button:hover{opacity: .7;}


/* sns */
/* ============================================ */
.sns{margin-top:60px;}
.sns-QR{
	display: flex;
	align-items: center;
}
.sns-QR img{
	max-width:161px;
	margin-right:31px;
}
.sns-QR p{font-weight:700;}
.sns-QR p span{font-size:14px; font-weight:400;}

.sns-post{
/*	max-width: 352px;*/
    margin-top: 32px;
/*	max-height: 565px;*/
/*    overflow-y: scroll;*/
	border: 1px solid var(--sub-color);
}
.sns-post blockquote{
	box-shadow: none !important;
	border: 1px solid var(--sub-color) !important;
}
@media screen and (max-width: 768px) {
	.sns-post{
/*		max-width: 100%;*/
	}
}


#sb_instagram .sb_instagram_header {
	padding: 12px 12px 14px;
}

#sb_instagram #sbi_images {
	padding-top: 0;
}

#sb_instagram #sbi_load {
	padding-bottom: 7px;
}

#sb_instagram #sbi_load .sbi_load_btn:hover, #sb_instagram #sbi_load .sbi_load_btn:focus,
#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
	box-shadow: none !important;
	opacity: 0.7;
}