/*--------------------------------------------------------------
# home.css
# トップページの装飾
--------------------------------------------------------------*/
/*画像の設定*/
.picture img{
	border-radius:5px!important;
	box-shadow:none!important;
    height:auto!important;
    max-width:100%!important;
}

/* 共通設定 */
.top-fv, .offering-fv, 
.top-col-1-fv, .top-col-2-fv, .top-col-3-fv, .top-col-4-fv {
    position: relative!important;
    overflow: hidden!important;
}

/* スライダー用の before/after */
.top-fv::before, .top-fv::after,
.offering-fv::before, .offering-fv::after, 
.pray-fv::before, .pray-fv::after, 
.top-col-1-fv::before, .top-col-2-fv::before, .top-col-3-fv::before, .top-col-4-fv::before,
.top-col-1-fv::after, .top-col-2-fv::after, .top-col-3-fv::after, .top-col-4-fv::after {
    content: ""!important;
    position: absolute!important;
    inset: 0;
    background-size: cover;
    background-position: center;
    opacity: 0;             /* 初期は透明 */
    transition: opacity 1.5s ease;
    z-index: -2;
}

.top-col-1-fv::after, .top-col-2-fv::after, .top-col-3-fv::after, .top-col-4-fv::after{
	content:""!important;
	position:absolute"!important;
  	inset:0;
  	background:#292929;
  	z-index:-1;
	opacity:.2;
}

/* 初期表示用-単体用 */
.offering-fv::before {
    opacity: 1;
}
.pray-fv::before {
    opacity: 1;
}
.to-col-1-fv::before {
    opacity: 1;
}
.to-col-2-fv::before {
    opacity: 1;
}
.to-col-3-fv::before {
    opacity: 1;
}
.to-col-4-fv::before {
    opacity: 1;
}

/* 初期表示-スライド用 */
.top-fv::before {
    opacity: 1;
}

.top-fv::after {
    opacity: 0;
}

/* 切り替え状態 */
.top-fv.is-switch::before {
    opacity: 0;
}
.top-fv.is-switch::after {
    opacity: 1;
}

/* First-View-B時のお知らせ */
#top-news-1:has(.top-news-full.is-full) .tp-news-btn {
    display: none;
}

#top-news-2:has(.top-news-full.is-full) .tp-news-btn {
    display: none;
}

@media(max-width: 767px){
	.top-fv-news {
		min-height:70vh!important;
	}
}

/* 3pのカスタム画像の設定 */
.top-col-btn #custom-design-btn {
	background-color: transparent;
    padding: 0 !important;
    color: #393939;
    fill: #393939;
    border: none;
	text-decoration: underline;
}

/* 3pのカスタム画像の設定 */
.top-icon img {
	width:65px;
}

.js-overlay-link {
  position: absolute;
  inset: 0;
  z-index: 10;
}

/* Offering-btn設定 */
.top-offering-btn #custom-design-btn {
	padding-left: 9vw !important;
	padding-right: 9vw !important;
}

/*top-map*/
div.acf-embed.acf-embed-map {
	display:flex;
}


/* FirstView下のSVSの設定 */
.service-schedule {
	margin-bottom: 20px;
}
.service-schedule h4 {
	margin:0 0 5px;
	font-weight:normal;
}