@charset "utf-8";

body{font-family: "Zen Maru Gothic", "Zen Maru Gothic", sans-serif;border-top:18px solid #3B82D6;}



/* レイアウト
------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,table,ul,dl,ol,a{font-family:'Zen Maru Gothic';text-shadow:0 0 0.1px rgba(51,51,51,0.5);transform:rotate(0.05deg);}
h2{text-shadow:0 0 0.1px rgba(233,109,70,0.5);}
h3{text-shadow:0 0 0.1px rgba(255,255,255,0.5);}
a{color: #000;}
a:hover{text-decoration:none;}

p,ol{font-size:20px;margin-bottom:0rem;line-height:1.8em;font-feature-settings:"palt";letter-spacing:0.7px;}




/*汎用クラス---------------------------------------------------*/
.text-indent{text-indent:3em;}
.white-space{white-space: nowrap;}
.block{display: block}

.orenge{color:#3B82D6 ;text-shadow:0 0 0.1px rgba(233,109,70,0.5);}
.red{color:#CD0609;text-shadow:0 0 0.1px rgba(205,6,9,0.5);}



/*背景色*/
.yellow-bg{background:#F0FFFF;}
.blue-bg{background:#F0FFFF;}
.beige-bg{background:#f9e9e0;}

/*コンテンツの余白*/
.content{padding-top:7%;padding-bottom:7%}
.content-sub{padding:0 0 7%;}




/*共通部分---------------------------------------------------*/

/*ヘッダー*/
.logo img{padding-top:6px;}

/*gnav*/
#mainNav{position:relative;}
#mainNav ul{align-items:center;display:flex;justify-content:center;margin:20px 0;padding:0;}
#mainNav ul li{border-left:3px solid #3B82D6;float:left;list-style:none;transition:0.3s linear;transition-property:all;}
#mainNav ul li:hover{background:rgba(203, 250, 255, 0.5);height:105px;}
#mainNav ul li:last-child{border-right:3px solid #3B82D6;}
#mainNav ul li a{color:#000;display:block;float:left;font-size:110%;height:105px;line-height:160px;text-align:center;width:100%;}

.active{background:rgba(203, 250, 255, 0.5);}

/*gnavスマホのとき以外非表示（下層用）*/
#mainNav a.menu{display: none}

/*gnavアイコン*/
#mainNav ul li a{background-repeat:no-repeat;background-position:top 5px center;}
.navicon1 a{background:url(images/ni/navicon1.png);}
.navicon2 a{background:url(images/ni/navicon2.png);}
.navicon3 a{background:url(images/ni/navicon3.png);}
.navicon4 a{background:url(images/ni/navicon4.png);}
.navicon5 a{background:url(images/ni/navicon5.png);}
.navicon6 a{background:url(images/ni/navicon6.png);}


/* フッター*/
#footer{padding-top:20px;}
#subpage #footer{border-top:3px solid #cbcbcb;}
#footer p{line-height:2.5em}
#footer .footer-line-height{line-height:1.5em}
/*#footer ul{border-top:3px solid #3B82D6;text-align:center;width:100%}*/
ul.footer-gnav {padding-left:0; margin-top:50px;}
#footer ul li{display:inline-block;margin:7px 15px;text-align:left}
#footer ul li a{color:#000;padding:0 0 0 30px}
#footer ul li a:hover{color:#3B82D6}
#footer #copyright{background:#3B82D6;color:#fff;font-size:18px;padding:5px 0;text-align:center}


/*KVと下層ページのタイトル*/
#mainImg,#subImg1{width:100%;position:relative;background-image:url("images/mainimg.jpg");background-repeat:no-repeat;background-size:cover;min-height:545px;}
#subImg1{min-height:400px;display: flex;align-items: center;justify-content: center;}
#subImg1 h1{color:#fff;font-size:36px;letter-spacing:0.2em;line-height:1.8em;
text-align:center;
margin-top:20PX;
}


/*丸アイコンのタイトル、その他タイトル---------------------*/
/*オレンジ系*/
.title-circleorenge{background:url(images/title-orenge.svg) no-repeat;color:#3B82D6;font-size:27px;}
.title-circleorenge:after,.title-orenge{background:#3B82D6;}

/*ブルー系*/
.title-circleblue{background:url(images/title-blue.svg) no-repeat;color:#2ca2dc;font-size:27px;text-shadow:0 0 0.1px rgba(44,162,220,0.5);}
.title-circleblue span{background:#dbeef8;}
.title-circleblue:after,.title-blue{background:#2ca2dc;}

/*その他タイトル*/
.title-question{border-bottom:1px solid #3B82D6;color:#3B82D6;font-weight:400;text-shadow:0 0 0.1px rgba(233,109,70,0.5);font-size:25px;padding:10px;}

/*タイトル全体*/
.title-circleorenge,.title-circleblue{height:82px;padding-left:30px;padding-top:19px;}
.title-circleorenge:after,.title-circleblue:after{content:"";display:block;flex-grow:1px;height:3px;margin-top:-18px;}
.title-circleorenge:first-letter,.title-circleblue:first-letter{font-size:37px;}
.title-orenge,.title-blue{color:#fff;font-size:25px;padding:10px;}


/*ul circle*/
ul.circle{padding-left:10px;clear:both;}
.circle li,.footer-gnav li,.circle-sub li,.circle-sub-introduction li{position:relative;padding-left:30px;margin:7px 0px;line-height:30px;list-style:none}
.circle-sub-introduction li{font-size: 20px;line-height: 40px}
.circle li:before,.footer-gnav li:before,.circle-sub li:before,.circle-sub-introduction li::before{content:"";display:block;position:absolute;left:0px;height:20px;width:20px;border-radius:50%;background:#dbeef8;top:1em;transform:translateY(-50%);border:4px solid #2ca2dc}
.circle-sub-introduction li:before{border:4px solid #3B82D6}
.circle-sub li:before,.circle-sub-introduction li::before{background:#fff;}
.circle-sub-introduction li a:hover{color: #3B82D6;text-shadow:0 0 0.1px rgba(233,109,70,0.5);}
.footer-gnav li{padding:0;}
.footer-gnav li:before{border:4px solid #3B82D6;background:#fff;}

/*subアイコン*/
.subicon{position:relative;top:-100px;margin-bottom:-45px;}
.subicon img{transition:transform 0.4s linear;width:190px;height:190px;}
.subicon img:hover{transform:scale(1.2);}

/*numberアイコン*/
dt.number1,dt.number2,dt.number3{background:url(images/visit/number1.svg) no-repeat;color:#2ca2dc;text-shadow:0 0 0.1px rgba(44,162,220,0.5);padding:10px 0 10px 60px;font-size:20px;}
dt.number2{background:url(images/visit/number2.svg) no-repeat;}
dt.number3{background:url(images/visit/number3.svg) no-repeat;}
.number dd{background:url(images/visit/dot.svg) no-repeat 3px -9px;padding:0px 0 32px 55px;line-height:2em;margin:15px 0;}
.number dd:last-child{background:none;padding:0 0 0 55px;}


/*トップに戻る*/
#pageTop {position:fixed;bottom:20px;right:20px;}
#pageTop a{background:#3B82D6;border-radius:50%;box-shadow:0 5px 10px rgba(0,0,0,0.4);display:block;height:70px;padding-top:14px;text-align:center;width:70px;z-index:999;}


/*お知らせ+その他のdl*/
.news{background:url(images/news.svg) no-repeat;
  border-bottom:7px solid; color:#000;font-size:27px;
  border-color: #3B82D6;
  height:64px;padding-bottom:3%;padding-left:60px;padding-top:8px;}
.title_n{background:url(images/news.svg) no-repeat;
  border-bottom:7px solid; color:#000;font-size:27px;
  border-color: #3B82D6;
  height:64px;padding-bottom:3%;padding-left:60px;padding-top:3px;
margin-bottom:30px;
line-height:25px;
}
.news-text dd{padding-right:20px;}
.news-text dd,.news-text dt{padding-bottom:10px;}
.dl-text{margin-bottom:0;}
.dl-text dd{align-items:center;display:flex;margin:0;font-size: 20px}
.dl-text dt{font-weight:400;font-size: 20px}
.news-text dl,.dl-text dl{border-bottom:3px solid #3B82D6;}
.news-text,.dl-text{background:#F0FFFF;margin-bottom:20px;margin-top:-10px;padding:28px 34px;}
.news-text a{color: #000}
.news-text a:hover{text-decoration: underline}
.width-news{width:40%;}
.detailUpfile{margin-bottom: 20px}

#detail span{font-size:20px !important;}


/*ボタン*/
.link{background:#F57B00;border:4px solid #F57B00;border-radius:10px;box-shadow:1px 1px 3px rgba(0,0,0,0.4);display:block;}
.link a{color:#fff;display:block;font-size:35px;padding:0 25px;text-align:center;width:100%;}
a.link:hover{border:4px solid #C55C3B;border-radius:10px;}
.link:hover{border:4px solid #C55C3B;}
.width-more{width:60%;}
.width-reservation{width:40%;}


/* トップページ
------------------------------------------------------------*/
/*KV キャッチコピー位置*/
.main-text{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:1000px;min-width:240px;}

/*トップバナー*/
.top-banner img:hover{opacity: 0.8}
.blog-banner{margin-top: -17px}

/*ご挨拶*/
.greeting{border-bottom:3px solid #f4c1a8;border-top:3px solid #f4c1a8;color:#3B82D6;letter-spacing:10px;margin:-7% auto 30px;padding:5px;text-align:center;width:200px;}
.first-text{padding:0 8.333333%;}

/*map*/
#map_canvas{height:500px;}
#map_canvas,#map_canvas2{width:100%;}
#map_canvas2{height:400px;}



/* 下層ページ
------------------------------------------------------------*/

/*訪問診療---------------------*/
#subImg1 h1.subImgtitle-blue{background:#2ca2dc ;}

/*アクセス---------------------*/
.tellink a{color:#000;}
/*電話番号のリンク色*/
.orengelink a{color:#3B82D6;text-shadow:0 0 0.1px rgba(233,109,70,0.5);}
.orengelink a:hover{text-decoration:underline;text-shadow:0 0 0.1px rgba(233,109,70,0.5);}

/*よくある質問------------------*/
.question dd{font-size: 20px}




/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
#mainNav ul li a{font-size:77%;}
.main-text{max-width:700px;}
#subImg1{min-height:265px;width:100%;}
#subImg1 h1{transform:translate(0%,0%);width:70%;}
}


/* iPadサイズ以下（1024px）から 1カラム表示に切り替え
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
.content-sub{width:100%;max-width:100%;padding:0 0 7%;}
.subicon{margin:0 auto;padding-top:35px;}
.greeting{margin-top:0;}
.subicon {margin-bottom:-75px;}
.subicon img{width:100%;height:135px;}
#footer{border:0;margin:0;text-align:center;}
#footer ul{padding:20px 0;text-align:left;}
#footer ul li{margin-left:8px;}
}

/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width:644px){
  /*汎用クラス*/
  .sp-block{display:block}
  .p-sp-0{padding:0;}
	
  #header h1 img,.logo img{padding:0 10px 10px}
  #header h2,#footerLogo{float:none;margin-top:20px}
  .logo{margin-bottom:0px}
  .link{height:100%;} 
  .link a{font-size:20px}
  #mainImg{max-height:118px;min-height:280px}
  #mainImg img.main-text{transform:translate(0%,-60%)}
  #mainImg img.main-text,#subImg1 img{height:100%;left:0;max-width:800px;min-width:240px;position:absolute;top:50%;transform:translate(0%, 0%);width:auto}
  #mainImg,#subImg1{height:330px;overflow:hidden;position:relative}
  #mainImg img.main-text, #subImg1 img.main-text{height:auto;max-width:308px ;min-width:83px;top:0}
  #subImg1{max-height:118px;min-height:120px}
  #subImg1 h1{font-size:18px;transform:translate(0%,-30%)}
  
  /*gnav*/
  #toppage #mainNav ul li{width:30%;}
  #mainNav ul li{width:33.3%;}
  #mainNav ul li a{background:auto 50%;height:80px;line-height:110px;font-size:70%;}
  #toppage #mainNav ul li:hover,#mainNav ul li:hover{height:80px;}
  
  /*gnavアイコン*/
  #mainNav ul li a{background-repeat:no-repeat;background-size:45px 42px;background-position:top 10px center;}
  li.navicon3{border-right:3px solid #3B82D6;}
  /*gnav下層ページ*/
  #mainNav{margin-bottom:10px;width:100%;}
  #mainNav a.menu{color:#fff;display:block;font-weight:700;height:40px;line-height:40px;text-align:left;width:100%;padding-left:30px;background:#3B82D6;margin-top:10px;}
  #mainNav a.menu:before,#mainNav a.menuOpen:before{content:"";background:url(images/menuOpen.png) 0 0 no-repeat;position:absolute;top:7px;left:7px;width:20px;height:20px;}
  #mainNav a.menuOpen:before{background:url(images/menuOpen.png) no-repeat 0 -42px;}
  #subpage #mainNav ul{margin:0;} 

  .subicon {margin-bottom:-110px;}
	
  /*tel*/
  .tellink a{color:#3B82D6;}
  .tel-border{border:5px solid #3B82D6;border-radius:10px;width:100%;display:block}
  .tel-shadow{margin:0}
  .tel-shadow img{background:#fff;border:5px solid #3B82D6;border-radius:10px;box-shadow:5px 5px 10px rgba(0,0,0,0.4);padding:5px 10px}
	
  #pageTop a{height:50px;padding-top:5px;width:50px}
  .content{padding-top:10%;padding-bottom:10%;}
  .content-sub{padding:0 0% 10%}
  
  .subicon img{display:block;margin:auto;padding:10px 0;width:85px}

  /*トップバナー*/
  .blog-banner{margin-top: 0;order: 3;margin-top: 30px}
	
  .first-text{padding: 0}
	
  .title-circleorenge,.title-circleblue{font-size:20px;}
  
  .detailUpfile img{width: 100%}
  .width-news{width:50%}
  .width-reservation{width: 100%}
  .width-more{width:80%}
  .news-text dt{padding-bottom:5px}
  .dl-text dt{margin: 0 -15px}
  .news-text dd,.dl-text dd,.news-sub-text dd{padding:0;}
  .news-text dd,.news-text dt,.dl-text dd,.dl-text dt{padding-top:5px}

  #footer p{line-height:2em}
  #footer ul{float:none;margin-top:30px;padding:5px;text-align:left;width:auto}
  #footer ul li{padding:0}
  #footer-info,.footer-gnav{padding:10px 15px 0}
  #footerLogo{float:none;width:100%}
}
.cvk{
    position: fixed;
  bottom: 20px;
  right: 20px;
}

.t-blue{
color: #3B82D6;
    
}

.logo{
padding-bottom:-100px;
height:80px;
}
.web_b{
margin: 0 0 0 auto;
}
.margin_new{
  padding-top:100px;
  padding-bottom:30px;
}
.margin_new2{
  padding-top:70px;
  padding-bottom:60px;
}
.shin1{
  display:flex;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:800px;
}
.shin2{
text-align:center;
  margin-left:auto;
  margin-right:auto;
}
.shin3{
text-align:center;
color:#3B82D6;
font-size:26px;
margin-top:-20px;
}
.shin4{
  display:flex;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  width:600px;
  margin-top:20px;
}
.shin5{
  margin-left:20px;
  margin-right:20px;
  text-align:center;
}
.shin6{
display:flex;
width:100%;
}
.shin7{
width:100%;
}
.shin8{
width:100%;
}
.pc{
display:block;
}
.sp{
display:none;
}
.shin8{
  width:100%;
}
.shin9{
  display:flex;
  flex-wrap: wrap;
  width:100%;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
}
.shin10{
font-size:20px;
margin-top:-15px;
}
.shin11{
font-size:18px;
text-align:left;
width:95%;
}
.shin12{
  width:33%;
  margin-bottom:40px;
}
.shin13{
  width:25%;
}
.shin14{
  width:70%;
}
.shin15{
  display:flex;
}
.shin16{
  display:flex;
  margin-top:100px;
}
.shin17{
    padding: 0.5em 1em;
    margin: 2em 0;
    font-weight: bold;
    border: solid 3px #3B82D6;
    margin-right:10px;
    font-size:22px;
}
.shin18{
    color: #3B82D6;

}


.kakudai img{transition:transform 0.4s linear;width:190px;height:190px;}
.kakudai img:hover{transform:scale(1.2);}


.shin18{
  border:solid
#E8E8E8 1px;
  width:100%;
  margin-top:50px;
  margin-bottom:50px;
}
.shin19{
text-align:center;
  padding-bottom:100px;
}
.shin20{
font-size:15px;
background-color: #ffffff;
padding:30px;
margin-top:60px;
}


.rec_banner{
  text-align:center;
  margin-bottom:50px;
  margin-left:auto;
  margin-right:auto;
}


@media (max-width: 767px) {

.rec_banner2{
width:95%;
}

.shin1{
  display:block;
  width:100%;
}
.shin2{
text-align:center;
  margin-left:auto;
  margin-right:auto;
  margin-top:30px;
}
.shin3{
text-align:center;
color:#3B82D6;
font-size:26px;
margin-top:-20px;
}
.shin4{
  display:inline-block;
  width:100%;
}
.shin5{
  margin-left:20px;
  margin-right:20px;
  text-align:center;
}
.shin6{
display:inline-block;
width:100%;
}
.shin7{
width:100%;
}
.shin9{
  display:inline-block;
}
.shin12{
  width:90%;
}
.shin13{
  width:90%;
  text-align: center;
}
.shin14{
  width:100%;
}
.shin15{
  display:inline-block;
}

.shin16{
  display:inline-block;
  margin-top:10px;
  width:100%;
  text-align:center;
}

.sp{
display:inline-block;
}
.pc{
display:none;
}
.web_b{
text-align:center;
margin-left:auto;
margin-right:auto;
}
.btmb{
  margin-bottom:20px;
}

}