

#mainvisual::before{
	position:absolute;
	left:0;


	width:100%;
bottom: 0;
    height: calc(40% - 0px );


	content:"";
	background: linear-gradient(270deg, #68C167, #2094B5, #7F69BC, #3BA6B9);
background-size: 600% 600%;

-webkit-animation: AnimationName 16s ease infinite;
-moz-animation: AnimationName 16s ease infinite;
animation: AnimationName 16s ease infinite;


mask-image: linear-gradient( transparent, red 100%);
-webkit-mask-image:linear-gradient( transparent, red 100%);



    opacity: 0.8;


}

@-webkit-keyframes AnimationName {
    0%{background-position:0% 50%
	
	
	}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@-moz-keyframes AnimationName {
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}
@keyframes AnimationName { 
    0%{background-position:0% 50%}
    50%{background-position:100% 50%}
    100%{background-position:0% 50%}
}






.mainvisual_headline p {
    padding-top: 63px;
}
.box2{
	margin:0 auto 100px;
}


.access h3.tit03::before {
    background-color: #FFAC74;
}


.medical{
	    margin-top: -178px;
    padding-top: 178px;
}
.medical h3.tit03::before {
    background-color: #a3dea2;
}
.medical h4.tit02 {
    background-image: url(../images/h4_under_green.svg);
}
.right_medical h3{
	margin-bottom: 20px;
}
.right_medical h3 {
	position:relative;
	display:block;
    padding: 21px 0 21px 40px;
    border-radius:10px 10px 0 0;
    font-size:20px;
    letter-spacing: 2px;
    text-decoration: none;
	    color: #454545;
		font-weight:bold;
}
.right_medical h3::before{
	width:240px;
	position:absolute;
	bottom:0;
	border-bottom:1px solid #dedede;
	content:"";
}
.right_medical h3 a:hover {

}

.right_medical ul {
    padding: 10px 10px 14px;

    border-radius: 0 0 11px 11px;
}
.right_medical li a {
	position:relative;
    display: table;
    width: 100%;
    padding: 14px 0;
	font-weight:bold;
    text-decoration: none;
	    color: #454545;
}
.right_medical li a::before {
	position:absolute;
	width:1000%;
	height:100%;
	opacity:0;
	left: -10px;
	top:0;
	background-color:#A3DEA2;
	transition:0.2s ease-in-out;
	content:"";
	z-index:-1;
}
.right_medical li a:hover::before {
	position:absolute;
	width:1000%;
	height:100%;

	opacity:1;
	content:"";
	
}
.right_medical li a em {
    display: inline-block;
    float: left;
    width: 89px;
	text-align:center;
}
.right_medical li a span {
    display: table-cell;
    width: 70%;
    font-size: 16px;
    vertical-align: middle;
    text-align: left;
	position: relative;
		transition:0.2s ease-in-out;
    left: -10px;
}
.right_medical li a:hover span{
	color:#fff;
}

.doctor_greet{
	/*overflow:hidden;*/
}
.access_guide {

}
.layout01 dt {
    width: 23%;
    color: #333;
    line-height: 1.5;
}
.layout01 dt em {
    color: #a3dea2;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-size: 38px;
}
.layout03 dl {
    background-color: #f7f7f7;
}
.layout03 dd h5 {
    color: #a3dea2;
    font-size: 20px;
}
.layout03 dd h5 em {
    color: #a3dea2;
    font-family: brandon-grotesque, sans-serif;
    font-weight: 700;
    font-size: 38px;
}
.madi03_list {
    display: flex;
    flex-wrap: wrap;
}
.madi03_list dl {
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 20px;
    background-color: #f7f7f7;
    text-align: center;
}
.madi03_list dl:nth-of-type(3) {
    margin-right: 0;
}
.madi03_list dl dt {
    padding: 15px 0;
}
.madi03_list dl dd {
    font-weight: bold;
    padding-bottom: 16px;
    line-height: 1.2;
}
.layout05_text1 ul li {
    line-height: 1.4;
    letter-spacing: normal;
}
.text .layout05 dd p {
    letter-spacing: normal;
    line-height: 1.4;
}

h5.tit01 {
    margin-bottom: 18px;
    color: #333;
    font-size: 18px;
}





@media screen and (max-width:768px) {
/* スマホ */
.medical{
	padding-top:0;
}
#contents_right::before{
	    top: 0;
		left:-4%;
}
h5.tit01 {
    margin-bottom: 15px;
    font-size: 17px;
    line-height: 1.4;
}
.box2 {
    margin-bottom: 60px;
}
.mainvisual_headline p {
    padding-top: 30px;
}
.right_medical li a em {
    width: 30px;
    margin-left: 18%;
}
.right_medical li a {
    padding: 12px 0;
}
.layout03 dd h5 {
    font-size: 18px;
    line-height: 1.2;
    margin-bottom: 5px;
}
.layout03 dd h5 em {
    font-size: 27px;
}
.text .layout03 dd p {
    line-height: 1.5;
    letter-spacing: 0;
}
.medical h4.tit02 {
    line-height: 1.4;
    padding-bottom: 10px;
}
#contents_left iframe {
    width: 100%;
}
.madi03_list dl {
    width: 46%;
    margin-right: 4%;
    margin-bottom: 14px;
}
.madi03_list dl:nth-of-type(even) {
    margin-right: 0;
}
.madi03_list dl:nth-of-type(3) {
    margin-right: 4%;
}


}