@charset "UTF-8";
@import url("grid.css");


img {
	max-width:100%;
	height: auto;/*高さ自動*/
}
a {
    display:block;
    color: var(--link-color);
    text-decoration-line: none;
}
a:hover { 
    color: var(--linkhover-color);
}
a img {
    margin-bottom: 1rem;
}
a img:hover {
	opacity: 0.8;
}
.underline {/* 診療科目 */
	border-bottom: 3px solid var(--base-color);
	padding-bottom: 0.5rem;
}

/*ヘッダー
-------------------------------------*/
header {
	background-color: white;
    left:0;
    line-height:1;
    position: sticky;
    top:0;
    width:100%;
	height: 250px;
    z-index:100;
    text-align:center;
    padding:1rem;
}
.container2{
	width:100%;
	height: 230px;
	background-image: url("../img/headerback2.png");
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
@media screen and (max-width: 768px){
header {
	height: 150px;
}		
.container2{
	width:100%;
	height: 140px;
	background-image: url("../img/headerback2.jpg");
	background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}
}


/*メニュー*/


/* 罫線
-------------------------------------*/

hr {
	margin: 0 auto;
    width: 1000px;
    height: 3px;
	background-color:#CD5C5C;
	border: none;
}
@media screen and (max-width: 768px){
hr {
    width: 100%;
}
}

/*メイン
-------------------------------------*/
/* トップへ戻るボタン */
html {
    scroll-behavior: smooth;
}
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 30px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;
}

.pagetop__arrow {
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
}
h2 {
  color:#000 ;/*フォントカラー*/
  padding: 11px 20px;/*余白*/
  font-size: 23px;/*フォントサイズ*/
  font-weight: bold;/*太字*/
  border-left: 8px solid #F9B116;/*左線 サイズ・カラー*/
  background:#F9E08B;/*背景カラー*/
  margin-top: 0px;
}

main{background-color:#FBFCE3;}/* メイン背景色 */



h3 {
  color: #fff;/*フォントカラー*/
  padding: 0.6rem 2.5rem;/*余白*/
  font-size: 20px;/*フォントサイズ*/
  font-weight: bold;/*太字*/
  background : #c0656a;
  width : 20rem;
  height : 4rem;
  border-radius : 5rem;
  margin-top: 0.2rem;
	text-align: center;
}

.midashi h4::before{
	position: absolute;
	content: '';
	background: #AB4143;
	width: 20px;
	height: 20px;
	top: 18px;
	left: 0px;
}
.midashi h4{
	padding: 15px 15px 15px 30px;
	font-size: 20px;
	color: #AB4143;
	position: relative;
}

h5{
	font-size: 20px;
    color: #db7093}

.buntyurink{
	display:inline;
	color: #A4044F;
}

.mojiiro{color: #A4044F;
         font-weight: bold;}

@media screen and (max-width: 768px){
	.main{
		osition: relative; /* 今の位置を基準 */
        top: 10px; /* 上から10px */
}
}

.kyotyo{font-size: 18px;
	    color: #AD366E;
	    font-weight: bold;
        }


/*フッター
-------------------------------------*/

.footer-section{
	display: flex;
}

.footer-ad {
  width: 50%;
  text-align: center;
  font-style: normal;
}

.jikan{
    margin: auto;
}




@media screen and (max-width: 768px) {
.footer-section{
	display: block;
}
.footer-ad {
  width: 100%;
}
}

/*診療時間*/


/*フッターリスト*/
.footer02 {
 color: #808080;
 background: #fff;
 text-align: center;
 padding: 30px;
}
.footer02 a {
 color: #808080;
 text-decoration: none;
}
.footer02 a:hover {
 text-decoration: underline;
}
.footer02 .menu {
 margin: 0;
 padding: 0;
 list-style: none;
 display: flex;
 flex-wrap: wrap;
 justify-content: center;
}
.footer02 .menu li {
 margin: 0;
 padding: 0 20px;
}
.footer02 .copyright {
 margin: 0;
 padding: 40px 0 0 0;
}	
.copyright {
	font-size: 70%;	
}