.marker {
    background: linear-gradient( rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 65%,#ff86a2 0%,#ff86a2 93%, rgba(255, 255, 255, 0) 0%,rgba(255, 255, 255, 0) 20%);
}







.top_feature_section_card_ {
    width: 1200px;
    max-width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: auto;
    position: relative;
    z-index: 6;
}


.top_feature_section_card_ li {
    background-color: rgba(255,255,255,0.8);
    width: 49%;
    margin-bottom: 25px;
    height: 360px;
    background-size: cover;
    background-blend-mode:lighten;
}

.top_feature_section_card_ li:nth-child(1) {
    background-image: url(/wp-content/themes/clairclinic/assets/img/common/feature_card_bg01.png);
}
.top_feature_section_card_ li:nth-child(2) {
    background-image: url(/wp-content/themes/clairclinic/assets/img/common/feature_card_bg02.png);
}
.top_feature_section_card_ li:nth-child(3) {
    background-image: url(/wp-content/themes/clairclinic/assets/img/common/feature_card_bg03.png);
}
.top_feature_section_card_ li:nth-child(4) {
    background-image: url(/wp-content/themes/clairclinic/assets/img/common/feature_card_bg04.png);
}

@media screen and (max-width: 1260px){
.top_feature_section_card_ li {
    height: 28vw;
    margin-bottom: 2vw;
}
}

.top_feature_section_card_ li a {
	width:100%;
}

.top_feature_section_card_ li a dl dt .icon {
    height: 82px;
    width: 82px;
    display: block;
    margin-bottom: 15px;
    text-align: center;
    margin-left:auto;
    margin-right:auto;
}

@media screen and (max-width: 1260px){
.top_feature_section_card_ li a dl dt .icon {
    width: 6.5vw;
    height: 6.5vw;
    margin-bottom: 1.3vw;
}
}

.top_feature_section_card_ li a dl dt .text {
    font-size: 30px;
    display: block;
    text-align: center;
}
@media screen and (max-width: 1260px){
.top_feature_section_card_ li a dl dt .text {
    font-size: 2.8vw;
    text-align: center;
}
}

.top_feature_section_card_ li a dl dd p.gothic {
    font-size: 15px;
    line-height: 170%;
    width: 450px;
    margin: auto;
    display: block;
    text-align: center;
}
@media screen and (max-width: 1260px){
.top_feature_section_card_ li a dl dd p.gothic {
    width: 40vw;
    font-size: 1.2vw;
}
}

@media screen and (max-width:790px) {
.top_feature_section_card_ li {
	width:380px;
	height:230px;
}


.top_feature_section_card_ li a dl dt .icon {
    height: 0px;
    margin-bottom: 1.3vw;
    margin-left:10px;
    margin-top:0px;
}
.top_feature_section_card_ li a dl dt .text {
    font-size: 20px;
    text-align: center;
}
.top_feature_section_card_ li a dl dd p.gothic {
    width: 60vw;
    font-size: 15px;
    margin-left:100px;
    line-height:18px;
    text-align: left;
}



}

.clinic_card .shinjuku:before {
    content: "新宿院へのアクセス";
    font-size: 12px;
}


#clair_treatment_menu {
	min-width:381px;
	max-width:682px;
}

/*---------- clair_category ----------*/
.clair_category {
	display: flex;
	position: relative;
	width: 100%;
	height: auto;
}
.clair_category::after {
	position: absolute;
	content:"";
	width: 100%;
	height: 102%;
	background-image: linear-gradient(180deg, transparent 0 40%, #FFF 80%);
}
.clair_category p {
	position: absolute;
	bottom:0;
	left:20%;
	z-index:99;
	font-size:1.5rem;
	line-height:1.8rem;
	font-weight: bolder;
}
.clair_category_page {
	display:none;
	width: 100%;
	padding-left:40px;
	padding-bottom:20px;
	background-color:#fff;
}

/*---------- clair_section ----------*/
.clair_section {
	display: flex;
	position: relative;
	width: 90%;
	height: auto;
	border-radius: 20px;
	box-shadow: 0 0 8px #ccc;
	margin-top:10px;
}
.clair_section .img_wrap {
	width:30%;
	height: auto;
	margin:2px;
	display: flex;
	position: relative;
}
.clair_section .img_wrap img {
	border-radius: 20px;
}
.clair_section .img_wrap::after {
	position: absolute;
	content:"";
	width: 100%;
	height: 100%;
	background-image: linear-gradient(90deg, transparent 0 40%, #FFF 100%);
}
.clair_section p {
	position: absolute;
	width:60%;
	top:10px;
	left:35%;
	z-index:99;
	font-size:1rem;
	font-weight: bolder;
	margin:0px;
}
.clair_section a {
	text-decoration: none;
}
.clair_section_postcard {
	font-size:0.5rem;
}

/*---------- clair_section open/close btn ----------*/
.clair_section_btn {
	position:absolute;
	top:43px;
	right:10px;
}
.clair_section_btn span {
	background:#fff;
	display:block;
	width:40px;
	height:8px;
	transition:0.5s;
}
.clair_section_btn span:nth-child(2) {
	position:relative;
	top:-8px;
	-webkit-transform:rotate(90deg);
	transform:rotate(90deg);
	transition:0.5s;
}
.open .clair_section_btn span:first-child {
	-webkit-transform:rotate(-45deg);
	-moz-transform:rotate(-45deg);
	transform:rorate(45deg);
	transition:0.5s;
}
.open .clair_section_btn span:nth-child(2) {
	-webkit-transform:rotate(45deg);
	-moz-transform:rotate(45deg);
	transform:ratate(45deg);
	transition:0.5s;
}