@charset "UTF-8";
:root {
  --transition: .3s var(--easing);
  --title: clamp(1.125rem, 0.569rem + 2.78vw, 1.175rem);
  --body-text: clamp(0.875rem, 0.042rem + 4.17vw, 1.25rem);
  --clr-blue: #8ecde5;
  --clr-ylw: #f7ff1b;
  --clr-pink: #e64154;
--clr-green: #3daa4f;
--clr-ppl: #b154dc;
}
@media screen and (max-width: 1018px) {}
/*tablet*/
@media screen and (max-width: 900px) {

}
/*smartphon*/
@media screen and (max-width: 768px) {
  body {
/*    font-size: 3.8vw;*/
  }
  .spView {
    display: block;
  }
  .pcView {
    display: none;
  }
  img {
    width: 100%;
  }
  .inner {
    padding: 0 4vw;
  }
	.small{
	font-size: .825em;
}
.small2{
	font-size: 2.5vw;
}
  /*バナー部分
===============================================================*/
	.aside-left a,
    .aside-left p,
    .aside-right figure{
        display: none;
    }
    
    #container{
        margin: 0 auto;
        border-radius: 0;
    }
}

@media screen and (max-width: 480px) {
    body{
        font-size: 1rem;
    }
    .head_logo{
        font-size: 3.9vw;
    }
    .head_text{
        font-size: .65em;
    }
    span.br{
        display: block;
    }
    h3.intro_ttl{
        font-size: 1.15em;
    }
	.pr{
		font-size: 3vw;
	}
	
/*TOP3*/	
	.top3-inner .top3-inner_box .top3-inner__thum > p::before{
	width: 1.7em;
    height: 1.3em;
	left: -35%;

	}
	.top3-inner__text, .top3-inner__thum{
		    padding: .35em .7em;
	}
	
    /*比較表*/
    .comparisontable_inner th{
/*
        -ms-writing-mode: tb-rl;
    writing-mode: vertical-rl;
*/
    font-size: 3vw;
    width: 8%;
    line-height: 1;
    }
    .comparisontable_inner td{
        font-size: 3.2vw;
    }
    .glp-com_list__ttl{
        font-size: 3.4vw;
    }
    .glp-com_list__inner{
        padding: 0.25em 0 0 1em;
    }
    .glp-com_list__inner li{
        font-size: 3vw;
    }
    /*イントロダクション*/
    .rank-head p.sitename{
        font-size: 1.35em;
    }
    .clinic_list__inner1, .clinic_list__inner2, .clinic_list__inner3{
        padding: 4em 1em 1.5em 3em;
    }
	.clinic_list figure{
	width: 45%;		
	}	
	.clinic_list .btn, a.btn--pink{
	padding: 0.5rem 2rem;	
	}	
	a.btn--pink p{
	font-size: 1rem;
    left: -1rem;		
	}	
	a.btn--pink p:before{
	right: -2.5rem;		
	}	
    .ttl-img{
    left: 2%;
    }
	
	    /*絞り込み検索*/
	select, input[type="text"]{
		font-size: 4vw;
	}
	.search-ttl{
		font-size: .8em;
	}
	input[type="text"]{
		font-size: 17px;
	}
	.search-item{
		padding: 1vw 2vw;
	}
    }

 /*footer*/
.footer_txt .content.flex{
    flex-flow: column;
    align-items: center;
    gap: .5em;	
}