@charset "utf-8";

@media screen and (min-width: 769px) {
	.header .hd_logo {
		max-width: 250px;
	}
}
@media screen and (max-width: 768px) {
	.header .hd_logo img {
		max-width: 150px;
	}
}


.header .hd_info .main_nav ul .web_btn {
    margin-left: 30px;
}
.web_btn a {
    display: block;
	background: #2f8473;
    color: #fff;
    padding: 10px 20px;
    border-radius: 10px;
}
@media screen and (max-width: 768px) {
	#g-nav ul {
		width: 90%;
	}
}

#page-top.DownMove {
	bottom: -30px !important;
}
.footer_web_btn{
	display: none;
}
@media screen and (max-width: 768px) {
	.footer_web_btn {
		display: block;
		position: fixed;
		bottom: -50px;
		width: 100%;
		transition: all 0.3s;
	}
	.scroll .footer_web_btn {
		bottom: 0;
		transition: all 0.3s;
	}
	.footer_web_btn a {
		background: #2f8473;
		text-align: center;
		color: #fff;
		padding: 10px;
		font-size: 1.2em;
		font-weight: bold;
		height: 50px;
        display: flex;
        align-items: center;
        justify-content: center;
	}
}
.footer {
    background-color: #15aa9b;
}
#page-top a {
    background-color: #15aa9b;
}
@media screen and (max-width: 768px) {
    #g-nav {
        background-color: #15aa9b;
    }
}
.section__ttl .ttl-sub {
    color: #15aa9b;
}
.section__ttl .ttl {
    color: #1d49aa;
}
h3.title {
    color: #1d49aa;
}


.main .fv_sub {
    margin-bottom: 60px;
}
@media screen and (max-width: 768px) {
    .main .fv_sub {
        margin-bottom: 30px;
		padding: 0 30px;
    }
}


.clinic dl dt.txt_inbox,
.bg_table_content {
    background-color: rgb(111 209 123 / 30%);
}
.round_list_2 li {
    flex-wrap: initial;
}
.round_list_2 li span {
    background: linear-gradient(transparent 70%, rgb(111 209 123 / 30%) 70%);
}
.round_list_2 li p {
    line-height: 1.8;
}


/*** 医院案内 ***/
.clinic .clinic_logo img {
    max-width: 360px;
}
.clinic dl dd span.txt_inbox {
    width: 12em;
}
@media screen and (max-width: 768px) {
	.clinic dl dd span.txt_inbox {
		display: block;
		padding-left: 0;
	}
	.clinic .clinic_logo img {
		max-width: 260px;
	}
}

/*** 診療内容 ***/
@media screen and (min-width: 769px) {
.medical_info .box_list>li {
    width: calc((100% / 4) - 10px);
}
}
.medical_info .box_list>li {
    border-color: #15aa9b;
}
.medical_info .box_list>li .tit {
    background-color: #15aa9b;
}
.medical_info .box_list>li ul li:before {
    background-color: #15aa9b;
}


/*** 院⻑紹介 ***/
@media screen and (min-width: 769px) {
	.greeting .flex_list {
		justify-content: center;
	}
	.greeting .flex_list>li {
		width: 50%;
	}
}
.greeting .content.__wrap .msg_content,
.greeting .content.__wrap .doc_img {
    background: rgb(111 209 123 / 10%);
}
.greeting .flex_list {
    background: rgb(29 73 170 / 10%);
}
.dot_list li:before {
    background-color: #1d49aa;
}


/*** アクセス ***/
.round_list li {
    background: rgb(111 209 123 / 40%);
}