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

page-menu.css　診療案内用css

********************************************************************************/

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-menu-list #mainvisual {
}

/*============================================================
 セクション共通
*============================================================*/
#page-menu-list .section .block {
}
#page-menu-list .section .block:last-child {
	margin-bottom: 0;
}
#page-menu-list .section .sec-title {
	margin-bottom: 40px;
}

.block-menu.pickup .item {
	background: var(--common-color-main);
	color: #fff;
	padding: 16px;
}
.block-menu.pickup .item:hover {
	opacity: 0.8;
}
.block-menu.pickup .item .title:before  {
	background-image: url(../images/common/icon-arrow-inner-white.svg);
}

.block-menu.parent .item:hover {
	opacity: 1;
}
.block-menu.parent .item .title {
	margin-bottom: 18px;
}
.block-menu.parent .item .title:before {
	display: none;
}
.block-menu.parent .item .list {
	gap: 8px 24px;
}
.block-menu.parent .item .list a {
	font-size: 14px;
	text-decoration: underline;
	display: block;
	padding-left: 22px;
	position: relative;
	transition: all .3s;
}
.block-menu.parent .item .list a:hover {
	opacity: 0.6;
}
.block-menu.parent .item .list a:before {
	content: "";
	position: absolute;
	top: 8px;
	left: 0;
	background-image: url(../images/common/icon-arrow-inner.svg);
	background-repeat: no-repeat;
	background-size: contain;
	width: 20px;
	height: 20px;
}


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-menu #mainvisual {
}

/*============================================================
 セクション共通
*============================================================*/
#page-menu .section {
}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1127px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-menu-list #mainvisual {
    }
	
	#page-menu-list .section .sec-title {
		margin-bottom: 48px;
	}
	#page-menu-list .section .block {
		margin-bottom: 56px;
	}
	#page-menu-list .section .block-menu.pickup .item .title {
		font-size: 18px;
	}


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-menu #mainvisual {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-menu-list #mainvisual {
    }
	
	#page-menu-list .section .sec-title {
		margin-bottom: 24px;
	}
	#page-menu-list .section .block {
		margin-bottom: 40px;
	}
	
	#page-menu-list .section .block-menu .item {
		width: 100%;
		padding: 0 0 16px;
	}
	#page-menu-list .section .block-menu .item .title {
		font-size: 16px;
	}
	#page-menu-list .section .block-menu.pickup {
		gap: 16px;
	}
	#page-menu-list .section .block-menu.pickup .item {
		padding: 16px 12px;
	}
	#page-menu-list .section .block-menu.pickup .item .title {
		font-size: 16px;
	}


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-menu #mainvisual {
    }

}