@charset "utf-8";

body{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif}

/* レイアウト
------------------------------------------------------------*/
h1,h2,h3,h4,h5,h6,p,table,ul,dl,ol,a{font-family: /*'Shin Maru Go Medium'*/'Noto Sans JP' !important;transform: rotate(0.05deg); text-shadow: 0 0 0.1px rgba(51,51,51,0.5);}
h2,h3{text-shadow: 0 0 0.1px rgba(255,255,255,0.5);font-size: 27px;}
h3{font-size: 20px;}
a:hover{text-decoration: none;}
p,ol,dd,li,dt{font-size: 18px;line-height: 1.8em;font-feature-settings: "palt";letter-spacing: 0.7px;}
ul{list-style-type:none;margin:0;padding:0;}
table{width: 100%;border-spacing: 0;}
a{font-size: 16px}

/*汎用クラス*/
.orenge-text{color:#11276A;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
.blue-text{color:#11276A ;text-shadow:0 0 0.1px rgba(0,104,176,0.5) ;}
.black-text{color:#000;text-shadow:0 0 0.1px rgba(0,0,0,0.5) ;}
.red-text{color:#ea8081;text-shadow:0 0 0.1px rgba(234,128,129,0.5);}
.white-space{white-space:nowrap;}
.attent-text{color:red}

/*リンクボタン*/
.orengelink a,.bluelink a{background:#fff;border:1px solid #11276A;color:#11276A;display:inline-block;padding:15px 30px;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
.bluelink a{border:1px solid #11276A;color:#11276A;text-shadow:0 0 0.1px rgba(0,104,176,0.5);}
.orengelink a:hover{background:#11276A;border:1px solid #11276A;color:#fff;text-shadow:0 0 0.1px rgba(255,255,255,0.5);}
.bluelink a:hover{background:#11276A;border:1px solid #11276A;color:#fff;text-shadow:0 0 0.1px rgba(255,255,255,0.5);}


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

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

/*ヘッダー*/
#header h1 {margin-bottom:0;padding-left: 0}

/*gnav*/
nav#mainNav{position:relative;background: #11276A;}
nav#mainNav ul{margin:30px 0 0;}
nav#mainNav ul li{float:left;list-style:none;transition-property: all;transition: 0.3s linear;}
nav#mainNav ul li a{color:#fff;display:block;font-size:89%;width: 100%;text-align:center;height: 90px; display: flex;justify-content: center;align-items: center;padding: 0 5px;line-height: 2em;}
nav#mainNav ul li a:hover{background:rgba(255,244,203,0.5);transition-property: all;transition: 0.3s linear;}
nav#mainNav ul li ul,a#menu{display:none;}

nav#mainNav ul li.active a{color: #11276A;text-shadow:0 0 0.1px rgba(238,156,59,0.5);background: #fff;}


/*フッター*/
#footer{background:#11276A;clear:both;color:#fff;padding-top:20px;}
#footer img {max-width:450px;}
#footer p{color:#fff;line-height:2.5em;margin-bottom:0;}
#footer ul li{display:inline-block;padding:0 10px 0 25px;}
#footer ul li a{color:#fff;font-size:15px;}
#footer dt{line-height:2em;text-align:center;}
#footer dd{line-height:2em;}
#footer .copyright{clear:both;padding:10px 0;text-align:center;}
#footer .tel{margin-left: -15px}
#footer ul.ul-circle{clear:both;margin-top:30px;}
#footer ul.ul-circle li{line-height:1.5;list-style:none;margin-right:-15px;margin-bottom:10px;position:relative;word-wrap:break-word;overflow-wrap:break-word;}
#footer ul.ul-circle li::before{background:#fff;border-radius:50%;content:"";display:block;height:15px;left:0;position:absolute;top:0.5em;width:15px;}
#footer .square{background:#fff;color:#11276A;padding:5px;text-shadow:0 0 0.1px rgba(0,104,176,0.5);}
#footer .weekday {text-indent: 2.5em;}
/*topへ戻る*/
#pageTop{margin-bottom:0;text-align:center;padding-top: 100px;}


/*Plusアイコン（トップページ,クリニック案内,精神科訪問診療について）,caseアイコン（症状のご案内）*/
.plusicon{background:#11276A;color:#fff;margin:0 0 16px;padding:5px 40px;text-align:center;}
.plusicon:before,.plusicon:after,.case-title::before,.case-sub-title::before{background:url(images/plus.svg) no-repeat left center/ contain;content:'';display:inline-block;height:20px;position:absolute;top:20%;width:20px;}
.case-title::before{background:url(images/case/case-question.svg) no-repeat left center/ contain;top: 25%;}
.case-sub-title::before{background:url(images/case/case-plus.svg) no-repeat left center/ contain;top:0}
.plusicon:before{left:5px;}
.plusicon:after{right:5px;}

/*ulデザイン*/
ul.list-design li{padding:5px 0;}
ul.list-design li:before {content:"●";color:#11276A;padding-right:10px;}


/*下線*/
.top-border-bottom,.sub-border-bottom{border-bottom:1px solid #c1c1c1;}




/*トップページ
-----------------------------------------------------------------------------*/

/*メインビジュアル*/
#mainImg{;position:relative;width:100%;}
.mainimg1,.mainimg2,.mainimg3{}
.main-copy{position: absolute;top: 0px;right: 0;bottom: 0;left: 0;margin: auto; max-width: 1000px; min-width: 240px;}

/*トップページのお山部分*/
.top-bg-img{}
.top-title{}

/*トップページの谷部分（footer）*/
#bg-footerimg{background: url(images/bgfooter.svg) no-repeat bottom center/110vw;
margin-bottom:-2px;
}

/*はじめに*/
.first-text{font-size: 22px}

/*症状の心当たり*/
ul.checkicon li{border-bottom:3px solid #f3b93d;float:left;padding:15px 15px 15px 40px;max-width:47%;margin-right: 6%}
ul.checkicon li:nth-child(even){margin-right: 0}
ul.checkicon li:before{background:url(images/check.svg) no-repeat top 5px left / contain;content:'';display:inline-block;height:20px;left:5px;position:absolute;width:20px;padding-bottom: 25px;}

/*top左右の画像部分*/
.top-left-bg{background:url(images/visit-bg.jpg) no-repeat center /cover;}
.top-right-bg{background:url(images/symptom.jpg) no-repeat center /cover;}
.top-transparent-bg{background:rgba(255,255,255,0.8);border-radius:10px;margin:50px auto;max-width:600px;padding:35px;min-height: 450px}

/* トップページ お知らせ*/
.news{border-top:5px solid #11276A;padding:30px 0;}
h2.news{color:#11276A;text-shadow:0 0 0.1px rgba(0,104,176,0.5);}
.news-text{border-top:1px solid #c1c1c1;margin-bottom:20px;margin-top:-10px;padding-top:1em;}
.news-text dl{border-bottom:1px solid #c1c1c1;}
.news-text dd,.news-text dt{padding-bottom:10px;}
.news-text dd{color:#11276A;padding-right:20px;}
.news-text a{color: #000}
.news-text a:hover{text-decoration: underline}
.news-text a.orenge-text{color:#11276A;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
/*背景色 お知らせ*/
.bg-blue{background:#ffffff;}


/*タイトル*/
.orengetitle,.bluetitle{background:url(images/orengetitle.svg) no-repeat center center/contain;color:#fff;padding:15px;}
.bluetitle{background:url(images/bluetitle.svg) no-repeat center center/contain;}

/*外来診療時間*/
.schedule{margin:0 0 10px;table-layout:fixed;min-height: 200px;font-size: 25px;}
.schedule th{color:#11276A;text-align:center;border-left:#666666 1px solid;text-shadow: 0 0 0.1px rgba(243,156,59,0.5);}
.schedule th:first-child{border-left: none;width: 30%;}
.schedule td{text-align:center;border-left:#666666 1px solid;border-top:#666666 1px solid;color: #f3b93d;text-shadow: 0 0 0.1px rgba(243,185,61,0.5);height: 150px}
.schedule td.gray-text{color:#c4c4c4;}
.schedule td:first-child{border-left: none;background: #fff6e2;color: #11276A;text-shadow: 0 0 0.1px rgba(243,238,59,0.5);}
.schedule-circle{font-size:40px;}
.schedule-text-light{font-size:16px;font-family: 'Noto Sans JP';}


/*外来診療時間 2019.04.01以降*/
.schedule-table{ margin:0 0 10px;  table-layout:fixed;  background:#fff;}
.schedule-table th{ font-size:1.5rem;  color:#11276A;  text-align:center;  border-right:#666 1px solid;  border-bottom:#666 1px solid;  text-shadow:0 0 0.1px rgba(243,156,59,0.5);}
.schedule-table th:first-child {width:30%;}
.schedule-table td:first-child{border-left:none; width:800px; padding:10px;  background:#fff6e2;}
.schedule-table th:last-child{ border-right:none;border-bottom: none;}
.schedule-table .schedule-table-text-right{ font-size:0.8rem;  font-family:'Noto Sans JP';  color:#666;  text-align:right;  display:block;}
.schedule-table td{ color:#11276A;  font-size:1.5rem;  text-align:center;  border-left:#666 1px solid;  border-top:#666 1px solid;}
.schedule-table td .notes{ color:rgba(243,185,61,0.5);  font-size:0.7rem;}
.schedule-table .color-gray{ color:#c4c4c4;}
.schedule-table .time{ display:none;}


/*アクセス*/
.accesspin,.telicon,.faxicon{padding-left: 45px;background: url(images/pin.svg) no-repeat 0 0/contain;background-size: 35px 47px;}
.telicon{background: url(images/tel-icon.svg) no-repeat top 5px left/contain;background-size: 35px 40px;padding-bottom: 20px;}
.faxicon{background: url(images/fax-icon.svg) no-repeat top 5px left/contain;background-size: 38px 30px;padding-bottom: 20px;}
.access-tel a{font-size: 18px}
.access-tel a:hover{text-decoration: none}




/*下層ページ共通
-----------------------------------------------------------------------------*/
/*h1丸アイコン*/
.orenge-circletitle{font-size: 30px}
.orenge-circletitle::before{content:'';background: url(images/circle-title.svg) no-repeat top left/ contain;display:inline-block;height:55px;width:55px;position:absolute;}
.orenge-circletitle span{padding-left: 70px;line-height: 2em}

#subpage .news-text dt{color:#11276A;text-shadow:0 0 0.1px rgba(238,156,59,0.5);}
#subpage .news-text dd{color:#000;padding-right:20px;}

/*クリニック案内
-----------------------------------------------------------------------------*/

/*よくある質問*/
.question-img{background: url(images/introduction/question-img.svg) top 50% right/ 50% 50% no-repeat;}

.question_list ul, ol {
  margin:30px;
  padding: 0;
  position: relative;
}

.question_list ul li {
  width:auto;
  color: black;
  border-left: solid 8px orange;/*左側の線*/
  margin-bottom: 10px;/*下のバーとの余白*/
  line-height: 1.5;
  border-radius: 0 15px 15px 0;/*右側の角だけ丸く*/
  padding: 0.5em;
  list-style-type: none!important;
}

/*当クリニックの特徴*/
.sub-numberimg{margin-right: -15px}

/*院内案内*/
.bg-yellow{background:#EFEDE9;}


/*院長挨拶
-----------------------------------------------------------------------------*/

/*資格等*/
.greeting-list{line-height: 2em}


/*精神科訪問診療について
-----------------------------------------------------------------------------*/

/*費用のめやす*/
.price-table th,.price-table td{padding: 10px; border: 1px solid #11276A;background:#fff;}
.price-table th{background:#fff;width: 30%;}
th.price-total,td.price-total{background: #fffcdb;color: #11276A;text-shadow: 0 0 0.1px rgba(238,156,59,0.5);}

/*症状のご案内
-----------------------------------------------------------------------------*/
.case-title{background: #11276A;color: #fff;padding: 10px;margin: 60px 0 0 0}
.case-box{border: 1px solid #11276A;padding: 10px 10px  0;}

/*お知らせ記事
-----------------------------------------------------------------------------*/

.detailUpfile img{width: 100%}




/* メインメニュー　PC用
------------------------------------------------------------*/
@media only screen and (min-width:1025px){
}


/* iPadサイズ以下（1024px）からアコーディオンメニュー
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
nav#mainNav ul li a{font-size:63%;}
.main-copy{max-width:700px;top:-53%;}
#header h1 img{width:100%;}
#mainImg{height:580px;}
.mainimg1,.mainimg2,.mainimg3{min-height:320px;}
.top-title{margin-top:0px;padding-top:40px;}
}

/* iPadサイズ以下（1024px）から 1カラム表示に切り替え
------------------------------------------------------------*/
@media only screen and (max-width:1024px){
.content{max-width:100%;padding:7% 0;width:100%;}
.content2{max-width:100%;padding-top:7% 0;width:100%;}
.content-sub{max-width:100%;padding:0 0 7%;width:100%;}
#header h1{padding-left:10px;}

#footer{border:0;margin:-1px 0 0;}
#footer ul{padding-top:20px;}
ul.checkicon li{font-size:12px;}
}


/* 幅644px以下から ヘッダー等微調節
------------------------------------------------------------*/
@media only screen and (max-width: 644px){
#header{text-align:center;}
#header h2,#footerLogo{float:none;margin-top:20px;}

nav#mainNav ul li a {font-size: 65%;}
#mainNav ul li:nth-child(odd){background: rgba(255,244,203,0.3);}
#toppage .navsp-padding{padding: 0}

#footer{padding:10px 15px 0;}
#footerLogo{float:none;width:100%;}
#footer ul{padding:15px;}
#footer ul li{padding:0;}
#footer ul li a{font-size:12px;padding:0 0 0 22px;}
#footer .tel{border:5px solid #fff;margin-left:0}
#footer dd{padding-top:10px;}
#footer .ul-circle{margin-top:0;}
#footer .weekday {text-indent: 8em;}
#mainImg{height:330px;max-height:210px;overflow:hidden;position:absolute;transform:translate(0%, 0%);}
.main-copy{height:auto;max-width:100%;min-width:83px;top:0;}
.mainimg1,.mainimg2,.mainimg3{min-height: 225px;}

.content{padding:10% 3%;}
.content2{padding-top:10%;}
.content-sub{padding:0 3%;}

.top-title{margin-top:0px;}

.plusicon:before,.plusicon:after{top:35%;}
#subpage .plusicon:before,.plusicon:after{top:25%;}
ul.checkicon li{font-size: 16px;max-width: 100%;margin-right: 15px;}

.news-text dd,.news-text dt{display:block;padding-top:5px;}
.news-text dt{padding-bottom:5px;}
.news-text dd{border:0;width:100%;}

.tel,.telicon{border:5px solid #11276A;border-radius:10px;padding:7px 5px;text-align:center;}
.tel{margin-bottom:0;}
.telicon,.faxicon{padding:10px 5px 10px 40px;}

table.schedule{font-size: 14px;}
.schedule-circle{font-size: 14px;}

/*外来診療時間 2019.04.01以降*/
.schedule-table th:first-child{ width:40%;}
.schedule-table td{ font-size:1.2rem;}
.schedule-table .time{ display:inline;}

.accesspin{margin-top: 20px;}


/*下層ページ共通
------------------------------------------------------------*/
/*gnav*/
#subpage #mainNav ul li ul,#subpage a#menu{display:block;padding: 10px;margin-top: 30px;}
#subpage a#menu{padding-left: 30px;color: #fff}
#subpage nav#mainNav ul{margin:0;}
#subpage #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;}
#subpage #mainNav a.menuOpen:before{background:url(images/menuOpen.png) no-repeat 0 -42px;}

/*h1丸アイコン*/
.orenge-circletitle{font-size: 25px}

/*クリニック案内
------------------------------------------------------------*/
/*当クリニックの特徴*/
.sub-numberimg{margin-right: 0}

/*よくある質問*/
.question-img{background:none}

/*精神科訪問診療について
-----------------------------------------------------------------------------*/

/*費用のめやす*/
.price-table th,.price-table td{width: 100%;display: block;border-top: none;}
.price-table tr:first-child th{border-top: 1px solid #11276A;}

/*アクセス
-----------------------------------------------------------------------------*/
.access-tel a{color: #11276A}
}


.haikei{
  background-image: url(/images/bg.jpg); 
  background-size:cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
}

.haikei2{
  background-image: url(/images/bg2.jpg); 
  background-size:cover;
  background-repeat: no-repeat;
}



.gnav_1{
  line-height:1.5em!important;
}

.col-sm-21{
  width:14%!important;
}

.top_1{
  text-align: right;
  font-weight:bold;
}
.top_2{
  text-align: right;
  margin-bottom:-20px;
}
.top_3{
  text-align: right;
  font-size:15px;
}
.logo{
  width:80%;
}

.tsume{
  margin-top:-80px;
}
.mr40{
padding-right:40px;
}
.midashi1{
 color:#11276A;
 font-weight:bold;
 font-size:24px;
 margin-bottom:20px;
}
.midashi2{
 color:#11276A;
 font-weight:bold;
 font-size:24px;
 margin-bottom:20px;
 padding-left:10px;
}
.midashi2:before {
  position: absolute;
  background-color: #11276A;
  border-radius: 1em;
  content: "";
  left: 0%;
  top: 5%;
  bottom: 10%;
  width: .2em;
  height: 90%;
}

.moji1{
font-size:18px;
line-height:1.5em;
padding-right:30px;
}
.moji2{
 color:#11276A;
font-size:18px;
 font-weight:bold;
 margin-top:20px;
}
.moji3{
 color:#11276A;
font-size:24px;
 font-weight:bold;
 margin-top:5px;
}
.moji4{
 color:#11276A;
font-size:24px;
 font-weight:bold;
 margin-top:20px;
 line-height:1.2em;
}
.moji5{
 color:#11276A;
font-size:18px;
 font-weight:bold;
 margin-top:5px;
}
.moji6{
font-size:18px;
line-height:1.5em;
color:#11276A;
}
.moji7{
font-size:18px;
line-height:1.5em;
text-align:left;
margin-top:20px;
padding-left:5px;
padding-right:5px;
}

.moji8::before{
content:url(/images/check.svg); 
    position: absolute;
    left: 0; /* 左端からの位置 */
    top: 50%; 
    transform: translateY(-50%); /* 上下中央に配置 */

    background-image: url('URL'); /* 画像のURL */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.moji8{
 color:#11276A;
font-size:18px;
 font-weight:bold;
 margin-bottom:20px;
 line-height:1.2em;
 padding-left:25px;
}


.moji9{
font-size:18px;
line-height:1.5em;
color:#11276A;
font-weight:bold;
}

.moji10{
font-size:18px;
line-height:1.5em;
color:#11276A;
font-weight:bold;
margin-bottom:10px;
}

.moji11{
font-size:18px;
line-height:1.5em;
text-align:left;
margin-top:20px;
}

.moji12{
 color:#11276A;
font-size:24px;
 font-weight:bold;
 line-height:1.2em;
}

.kumi1_1{
  display:flex;
}
.kumi1_2{
  width:75%;
}
.kumi1_3{
  width:25%;
}

.kumi2_1{
  display:flex;
  text-align:center;
  flex-wrap: wrap;
}
.kumi2_2{
  width:33%;
  text-align:center;
  margin-bottom:50px;
}
.kumi2_3{
  width:25%;
  text-align:center;
  margin-bottom:50px;
}

.kumi3_1{
  display:flex;
}
.kumi3_2{
  width:50%;
}
.kumi3_3{
  width:50%;
  padding-left:40px;
}

.kumi4_1{
  display:flex;
  text-align:center;
  flex-wrap: wrap;
}
.kumi4_2{
  width:33%;
  text-align:left;
  margin-bottom:50px;
}
.kumi4_3{
  width:33%;
  text-align:left;
  margin-bottom:50px;
}
.kumi5{
  text-align:center;
  margin-top:30px;
}

.moreb{
margin-top:60px;
}

.top-title::after {
content:url(/images/uline.png); 
position:absolute;
bottom:-10px; /*見出しから下40pxの位置に配置*/
left:0;
right:0;
}

.top-title {
padding-bottom:20px;
margin-bottom:50px;
text-align:center;
}

.top-title2::before {
content:url(/images/title_h.png); 
    position: absolute;
    left: 0; /* 左端からの位置 */
    top: 50%; 
    transform: translateY(-50%); /* 上下中央に配置 */
    width: 50px; /* 画像幅 指定 */
    height: 50px; /* 画像高さ 指定 */
    background-image: url('URL'); /* 画像のURL */
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.top-title2 {
padding-bottom:20px;
margin-bottom:20px;
text-align:left;
padding-left:35px;
}

@media (max-width: 767px) {
.tui{
  margin-top:110px;
}

.mr40{
padding-right:0px;
}
  .moji1{
    margin-right:0px;
  }

.col-sm-21{
  width:25%!important;
}

.kumi1_1{
  display:block;
}
.kumi1_2{
  width:100%;
}
.kumi1_3{
  width:100%;
  margin-top:20px;
  text-align: center;
}
.kumi2_1{
  display:block;
}
.kumi2_2{
  width:100%;
}
.kumi2_3{
  width:100%;
}
.kumi3_1{
  display:inline-block;
  width:100%;
}
.kumi3_2{
  width:100%;
  margin-bottom:20px;
}
.kumi3_3{
  padding-left:0px;
  width:100%;
}
.kumi4_1{
  display:inline-block;
  width:100%;
}
.kumi4_2{
  width:100%;
  margin-bottom:20px;
  margin-right:auto;
  margin-left:auto;
}
.kumi4_3{
  width:100%;
  margin-bottom:20px;
  margin-right:auto;
  margin-left:auto;
  text-align: center;
}

.moji12{
 margin-top:20px;
}


.logo_sp{
  width:70%;
}
}

img{
max-width: 100%;
height: auto;
}