@charset "UTF-8";
/*
Theme Name:MY THEME
Author:conjac
Description:This is my original theme.
Version: 1.0
*/

body {margin: 85px 0px 0px 0px;/*ヘッダーと同じ高さのマージンを追加*/
       font-family: 'Verdana','メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
       background-color: #F9F7E3}

 /* ---max768pxまでのスライドの位置 --- */
 @media (max-width: 934px) {
body {margin: 64px 0px 0px 0px;/*ヘッダーと同じ高さのマージンを追加*/}
}

a{
color:#000000;
text-decoration:none;
}


/* ------------------- 基本構造 ------------------- */

/* ボックスの左右の余白 */
.container {
       padding-left: 10px;
	padding-right: 10px
}

footer {
       margin: 0;
	padding: 0
}


/* ボックスの上下の間隔 */
.sub-header	{padding-top: 5px}

.contents	{padding: 20px 10px 20px 10px}/* 全ページの記事の余白 */

.sub	{padding-top: 20px;
	padding-bottom: 5px}/* ここに左右の数値を入れない。pc表示が崩れる */

footer	{padding-top: 5px;
	padding-bottom: 5px}

.page_contents {
       padding-left: 10px;
	padding-right: 10px;/* pageの余白 */
}


@media (max-width: 599px) {
	.contents	{padding-top: 10px}
}


@media (min-width: 768px) {
/* ボックスの左右の余白 */
footer, .container, .sub-header
	{padding-left: 10px;
	padding-right: 10px}
	
	/* コンテンツとサイドバーを横に並べる設定 */
	.container:after	{content: "";
		display: block;
		clear: both}

	.contents	{float: left;
		width: 70%}

	.sub	{float: left;
		width: 30%}

	/* コンテンツとサイドバーの間隔 */
	.contents	{padding-right: 40px;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		box-sizing: border-box}
}

@media (min-width: 1040px) {
	/* 全体の横幅 */
	.container, .footer-inner, .sub-header
		{width: 1000px;
		margin-left: auto;
		margin-right: auto}
}


#wrapper {
       width:100%;
       overflow:hidden;
     }

/* 記事の概要 */


.excerpt .more a {padding: 5px 20px;
	              border: solid 1px #cccccc;
	              border-radius: 5px;
	              color: #000000;
	              text-decoration: none;}
	
.excerpt .more a:hover {background-color: #97c651}

@media (min-width: 768px){
	
.excerpt p {font-size: 14px;}
	
.excerpt .more i {margin-left: 10px;
	              color: #cccccc}
	
.excerpt img {display: block;
	          margin-left: auto;
	          margin-right: auto;
	          height: auto;
	          width: 100%}
	
@media (min-width: 500px){
.excerpt:after {content: "";
                display: block;
                clear: both}
	
.excerpt img {float: left;
	         margin-right: 20px;
	         height: auto;
	         width: 50%}
	}

	
/* 2段組み */
.container {max-width: 1000px;
           overflow: hidden}
	
.contents {width: 65%;
          float: left}
	
.blogmenu {width: 30%;
          float: right}
	
nav li {margin-right: 40px}
}

/* 記事 */
article    {margin-bottom: 50px;}
article h1 {margin: 35px 0px 0px 0px ;
           font-size: 25px;
           font-weight: normal;
	color: #4d3e36
}

article h1 a {color: #4d3e36;
             text-decoration: none}

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


/* 記事の付加情報 */
.postinfo {margin-top: 0px;
	      font-size: 14px}
.postinfo a {color: #000000;
            text-decoration: none}
.postinfo .postcat {margin-left: 20px}
.postinfo i {color: #888888}

/* 前後の記事へのリンク */
.pagenav a {padding: 5px 10px;
           border: solid 1px #cccccc;
           border-radius: 10px;
           color: #666666;
           font-size: 12px;
           text-decoration: none}

.pagenav .old a {float: left}
.pagenav .new a {float: right}
.pagenav  {overflow: hidden;
          margin-top: 20px;
          margin-bottom: 20px}



/* サイドバーのおすすめ記事*/

.osusume img {width: 100px;
	    display: block;
	    margin-left: auto;
	    margin-right: auto
	   }



/* サイドバー 記事一覧のメニュー */
.blogmenu ul {margin: 0;
             padding: 0;
             list-style: none;
clear: both/* ［float設定の領域が他の領域と重ならないための対処］ */}

.blogmenu .widget {margin-top: 10px;
                 }

.blogmenu .widgettitle {
                       color: #000000;
                       font-size: 14px;
					position: relative;

	font-weight: 400;
	margin: 40px 0px 0px 0px;/*文字の外の余白*/
	padding: 2px 0px 0px 10px ;/*文字の枠の余白*/
          border: solid 1px #c0c0c0
}

/*サイドバーの文字*/
.blogmenu li a {display: block;
	           padding: 0px 0px;
	           color: #666666;
               font-size: 14px;
               text-decoration: none}

.blogmenu li a:hover {border-bottom: solid 1px #000000}


/*テーブルの枠設定、外枠と内枠を密接←border-collapse: collapse,上枠消す←border-top-style: hidden;*/
table.side1 {border: none; 
	border-collapse: collapse
    }

td.sidea {border: none;
          padding: 20px 5px 20px 5px}

td.sideb {border: none;
          padding: 20px 5px 5px 5px}

td.sidec {border: none;
          padding: 5px 5px 20px 5px}


/* サイドバーに */
ul.blog {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.blog li {
    padding: 0 10px;
    line-height: 15px;
    margin-bottom: 5px;
    font-size: 12px;
    float: left;
}



/* 見出し */
.archive-title {margin-top: 0;
               margin-bottom: 40px;
               background-color: #eeeeee;
               font-size: 14px;
               font-weight: normal}

.archive-title i {padding: 15px;
                 background-color: #4a5f7e;
                 color: #ffffff}




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


/* ↓トップページ PCとスマホで画像を切り替える設定 */
.pc {width: 100%;/* パソコンで見たときは"pc"のclassがついた画像が表示される */
             height: auto;
             vertical-align: bottom;
	         display: block !important; }
.sp { display: none !important; }


@media only screen and (max-width: 500px) {/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
.pc { display: none !important; }
.sp { display: block !important; }
}

@media only screen and (max-width: 500px) {/* スマートフォン用の画像が、画面から飛び出てしまって上手く調節できない場合の指定 */
img { max-width: 100% }
}
/* ↑トップページ PCとスマホで画像を切り替える設定 */



.home header {margin-bottom: 0}

.home footer {margin-top: 0}




.topmenu {padding-top:0px;
         padding-bottom: 20px}/* ←フッターとコンテンツページの上下の余白 */







/* あいさつ */
.aisatsuA {
       margin: 0px -21px 30px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
       padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
       box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       line-height: 1.7em
}


.aisatsu h1 {font-size: 21px;
             letter-spacing: 5px;
             position: relative;
             padding: 10px 0px 0px 0px;/*文字まわり（上下左右）の余白*/
             color: black;
             clear: both/* ［float設定の領域が他の領域と重ならないための対処］ */}


.aisatsu p {margin: 0;
	        margin-top: 0px;
            font-size: 13px}

.aisatsu2 {text-align:center;}

.aisatsu2 img {
margin: 30px 0 0 0;
width: 130px
}


	
@media (min-width: 768px){
.aisatsuA:after {content: "";
             display: block;
             clear: both}

.aisatsu {float: left;
       width: 65%}
    
.aisatsu2 {text-align:center;
	 margin: 70px 0px 0px 0px;
	float: left;
       width: 35%}   
}

.directimg {/* ←画像を上下に重ねてhoverで切り替える設定*/
  position: relative;
	width:100px;
	
	margin-left: auto;
	margin-right: auto
}

.directimg .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;

}
.directimg:hover .active {
  opacity: 1;
}

/* ご相談 */
.soudan {position: relative;
         margin:60px 0 0 0;
         padding: 0px 20px 20px 20px;
         border: solid 1px #719d2f;
	     border-radius: 10px;/*角の丸み*/
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.soudan1 .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: 20px;
    padding: 0 9px;
	background: #F9F7E3;
    line-height: 1;
    font-size: 19px;
    color: #719d2f;
    font-weight: bold;
}


.soudan1 h1 {font-size: 21px;
	        letter-spacing: 5px;
	        position: relative;
            padding: 5px 0 0 0;/*文字まわり（上下左右）の余白*/
            color: #719d2f}

.soudan p {margin: 0;
	       margin-top: 0px;
           font-size: 13px;
           color: #719d2f}

.soudan1 p {font-size: 13px;
            padding: 37px 16px 0px 16px}
   
.soudan1 img {float:left;
              width: 120px;
              margin: -10px 0px 7px -10px}

.soudan2 {border-top: solid 1px #719d2f;
          margin: 10px 10px 0px 10px;/*文字の外の余白*/;
          color: #719d2f;
          clear: both}
          
.soudan2 p {font-size: 15px;
	        line-height: 20px;
            margin: 15px 0px 10px 0px;/*文字の外の余白*/}

.soudan2 .fa-phone:before {font-size: 25px;
                           margin: 0px 0px 0px 0px;
	                       color: #719d2f/* ←フォントアイコン個別の色指定*/}

.soudan3 p {font-size: 15px;
	        line-height: 25px;
            color:#ffffff}

.soudan3 {background: #719d2f;
          border-radius: 10px;/*角の丸み*/;
	      margin: 10px 0px 0px 0px;
          padding: 17px 16px 17px 16px}

@media (min-width: 768px){
.soudanC:after {content: "";
                display: block;
                clear: both}

.soudanA {float: left;
       width: 60%}   

.soudanB {float: left;
       width: 40%}   
}



/* トップページのボタンメニュー */

.marumoji {text-align:center;
	margin: 0px -21px 30px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/
	box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.marumoji h1 {font-weight: 400;
	          font-size: 14px;
              margin: 40px 20px 0px 20px;/*文字の外の余白*/
	          padding: 2px 0px 0px 0px ;/*文字の枠の余白*/
	          border: solid 1px #c0c0c0;}

	
.marumoji p {
	font-size: 11px;
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px}/* ←paddingで記事の下の余白を出せる */

.fa-stethoscope:before {font-size: 14px;
                 margin: 0px 10px 0px 0px;
	             color: #75a214}/* ←フォントアイコン個別の色指定*/
.fa-hospital-o:before {font-size: 14px;
                 margin: 0px 10px 0px 0px;
	             color: #75a214}/* ←フォントアイコン個別の色指定*/
.fa-phone:before {font-size: 14px;
                 margin: 0px 10px 0px 0px;
	             color: #75a214}/* ←フォントアイコン個別の色指定*/
.fa-child:before {font-size: 14px;
                 margin: 0px 10px 0px 0px;
	             color: #e95388}/* ←フォントアイコン個別の色指定*/

.maru1 img {width: 90px;
           margin: 5px 0px 0px 0px;
	       padding: 0;
	       vertical-align: bottom}
.maru2 img {width: 90px;
           margin: 5px 0px 0px 0px;
	       padding: 0;
	       vertical-align: bottom}
.maru3 img {width: 90px;
           margin: 5px 0px 0px 0px;
	       padding: 0;
	       vertical-align: bottom}
.maru4 img {width: 90px;
           margin: 5px 0px 0px 0px;
	       padding: 0;
	       vertical-align: bottom}

.marui1img {/* ←画像を上下に重ねてhoverで切り替える設定*/
  position: relative;
	width:90px;
	margin-left: auto;
	margin-right: auto;
}

.marui1img .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}

.marui1img:hover .active {
  opacity: 1;
}


.marui2img {/* ←画像を上下に重ねてhoverで切り替える設定*/
  position: relative;
	width:90px;
	margin-left: auto;
	margin-right: auto
}

.marui2img .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;

}
.marui2img:hover .active {
  opacity: 1;
}

.marui3img {/* ←画像を上下に重ねてhoverで切り替える設定*/
  position: relative;
	width:90px;
	margin-left: auto;
	margin-right: auto
}

.marui3img .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;

}
.marui3img:hover .active {
  opacity: 1;
}

.marui4img {/* ←画像を上下に重ねてhoverで切り替える設定*/
  position: relative;
	width:90px;
	margin-left: auto;
	margin-right: auto
}

.marui4img .active {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;

}

.marui4img:hover .active {
  opacity: 1;
}


.maruA:after {content: "";
             display: block;
             clear: both}

.maru1 {float: left;
       width: 50%}
.maru1 a:hover{color: #75a214}
    
.maru2 {float: left;
       width: 50%}  
.maru2 a:hover{color: #75a214}

.maru3 {float: left;
       width: 50%}
.maru3 a:hover{color: #75a214}

.maru4 {float: left;
       width: 50%}
.maru4 a:hover{color: #e95388}


@media (min-width: 768px){
.maruA:after {content: "";
             display: block;
             clear: both}
   
.maru1 {float: left;
       width: 25%}   

.maru2 {float: left;
       width: 25%}  
	
.maru3 {float: left;
       width: 25%}

.maru4 {float: left;
       width: 25%}
}



/* マップ */

.access{margin:65px 0px 20px 0px;
        border-bottom: solid 1px #c0c0c0;}

.access p {margin: 0;
	       margin: 0px 0px 0px 0px;
	       padding: 3px 0px 7px 0px;
           font-size: 16px;
	       font-weight: bold;
           letter-spacing: 1px;
           color: #666666;
           }

.access img {float: left;
	        margin: -22px 2px 0px 0px;
             width: 219px}
.accessb {margin: 0;
	     margin: 10px 0px 20px 0px;
         font-size: 12px;
         color: #000000;
        }

.mapsiro {margin: 0px;
	padding: 15px 15px 15px 15px;
	background: #ffffff
	
}
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* 入院ページ */
.kobetsuh {
       display: block;
       text-align: center;
       font-weight: 400;
       font-size: 25px;
       color: #4d3e36;
       line-height: 20px;/* 行間 */
       letter-spacing: 5px;/* 字間 */
       border: solid 1px #c0c0c0;/*線*/
       margin: 0px -21px 35px -21px;
       padding: 0px 21px 5px 21px;
       box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.kobetsuh .fa-stethoscope:before {font-size: 30px;
                                  margin: 0px 5px 0px 0px;
	                              color: #719d2f/* ←フォントアイコン個別の色指定*/}

.kobetsuh .fa-hospital-o:before {font-size: 30px;
                                  margin: 0px 5px 0px 0px;
	                              color: #719d2f/* ←フォントアイコン個別の色指定*/}

.kobetsuh .fa-phone:before {font-size: 30px;
                                  margin: 0px 5px 0px 0px;
	                              color: #719d2f/* ←フォントアイコン個別の色指定*/}

.kobetsuh .fa-child:before {font-size: 30px;
                                  margin: 0px 5px 0px 0px;
	                              color: #e95388/* ←フォントアイコン個別の色指定*/}

.kobetsuimg {display:block;
	margin: -15px 0px 20px 0px;}



.nyuuinh {font-weight: 400;
	      font-size: 17px; 
	      color:#ffffff;
	      margin: 0px 0px 0px 0px;
	      padding: 5px 0px 3px 13px;
	      background-color: #719d2f;
	      border-radius: 5px;/*角の丸み*/}

.nyuuinh2 {font-size: 17px; 
	      color: #719d2f;
	      margin: 0px 0px 0px 0px;
	      padding: 0px 0px 0px 0px;
          border-bottom: solid 1px #dfdfdf;/*線*/}

.nyuuinh3 {font-size: 18px; 
	      color: #719d2f;
	      margin: 0px 0px 0px 0px;
	      padding: 5px 5px 5px 10px;
          border:  solid 1px #719d2f;
          border-radius: 5px;/*角の丸み*/}


.pagesize {font-size: 14px;
           color: #666666}


.nyuuin1 {
	margin: 20px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
}

.nyuuin1 img{
	display:block;
	margin-top:20px;
}

.nyuuin2 {
	margin: 50px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
}
.nyuuin3 {
	margin: 50px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
}
.nyuuin4 {
	      margin: 50px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.nyuuinA {
	      margin: 50px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.nyuuinB {
	      margin: 50px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.nyuuinC {
	      margin: 50px -21px 50px -21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
	padding: 0px 21px 25px 21px;/* ←div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/;
box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
       -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}


.nyuuin00001 {
	      padding: 0px 15px 15px 15px;
          margin: 0px 0px 0px 0px;
	      border-top: solid 1px #e7e7e7;/*線*/
          box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.22);
	      border-radius: 10px;/*角の丸み*/}


@media (min-width: 768px){
.nyuuin {margin: 0px 0px 0px 195px;
             padding: 0px 195px 0px 0px;}
}

/* 診療ページ */
@media (min-width: 768px){
.sinryou {margin: 0px 0px 0px 195px;
             padding: 0px 195px 0px 0px;}
}

/* 採用ページ */
@media (min-width: 768px){
.saiyou {margin: 0px 0px 0px 195px;
             padding: 0px 195px 0px 0px;}
}

.table_margin{
	margin-bottom:10px;
}

/* ご相談ページ */


.soudanpageA {
              
	       border-bottom: solid 1px #dfdfdf;
           margin: 0px -21px 45px -21px;
	       padding: 0px 21px 15px 21px;
           box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
           -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
           -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.soudanpageB {
	       border-bottom: solid 1px #dfdfdf;
           margin: 0px -21px 45px -21px;
	       padding: 0px 21px 15px 21px;
           box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
           -webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
           -moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);}

.soudanpageC {margin: 10px 0px 20px 0px}

.soudanpage2 P {font-size: 11pt; }
.soudanpage4 P {font-size: 11pt; }
.soudanpage6 P {font-size: 11pt; }


.soudanh1 {font-size: 19px;
	       font-weight: 600;
	       color: #4d3e36;
           letter-spacing: 5px;
	       margin: 0px 0px 0px 0px;
	       padding: 0px 0px 0px 0px;
           }

.soudanh2 {font-size: 12pt;
	       color: #719d2f;
	       margin: 10px 0px 0px 0px;
	       padding: 5px 0px 3px 10px;
           border:  solid 1px #719d2f;
           border-radius: 5px;/*角の丸み*/}

.soudanh3 {font-size: 12pt;
	       color: #f08080;
           margin: 10px 0px 0px 0px;
	       padding: 5px 0px 3px 10px;
           border:  solid 1px #f08080;
           border-radius: 5px;/*角の丸み*/}


.soudanp2 {color: #719d2f; }
.soudanp4 {color: #f08080; }


.soudanpage1 {text-align:center;}
.soudanpage3 {text-align:center;}
.soudanpage5 {text-align:center;}

.soudanpage1 img {width: 130px;}
.soudanpage3 img {width: 120px;}
.soudanpage5 img {width: 300px;}

.soudanpage7 {font-size: 12pt;
	          font-weight: 400;
	          color: #719d2f;
	          margin: 0px 0px 0px 0px;
	          padding: 0px 0px 0px 15px;
              border:  solid 3px #719d2f;
              border-radius: 15px;/*角の丸み*/}

.soudantel {font-size: 29pt; 
	        font-weight: 600;
            margin: 0px 0px 0px 0px;
	        padding: 0px 0px 0px 0px;}

.soudantel2 {font-size: 19pt; 
	        font-weight: 600;
	        letter-spacing: 5px;
	        margin: 0px 0px 0px 0px;
	        padding: 0px 20px 0px 20px;
            border: solid 1px #719d2f;
            border-radius: 10px;/*角の丸み*/}

.soudantel .fa-phone:before {font-size: 20px;
                           margin: 0px 0px 0px 0px;
	                       color: #719d2f/* ←フォントアイコン個別の色指定*/}

@media (min-width: 768px){	

.soudanpageA:after {content: "";
	                display: block;
	                clear: both}

	
.soudanpage1 {float: left;
	          width: 25%;
	          margin: 0px 20px 0px 0px}
.soudanpage1 img {width: 130px;}

.soudanpage2 {float: left;
	          width: 70%;
	          margin: 0px 0px 0px 0px;}


.soudanpageB:after {content: "";
	                display: block;
	                clear: both}

	
.soudanpage3 {float: left;
	          width: 25%;
	          margin: 0px 20px 0px 0px}
.soudanpage3 img {width: 120px;}
	
.soudanpage4 {float: left;
	          width: 70%;
	          margin: 0px 0px 0px 0px;}


.soudanpageC:after {content: "";
	                display: block;
	                clear: both}
	
.soudanpage5 {float: left;
	          width: 25%;
	          margin: 0px 20px 0px 0px}
.soudanpage5 img {width: 130px;}
	
.soudanpage6 {float: left;
	          width: 70%;
	          margin: 0px 0px 0px 0px}
	
.soudanpage7 {font-size: 12pt;
	          font-weight: 400;
	          color: #719d2f;
	          margin: 0px 0px 0px 0px;
	          padding: 0px 0px 0px 25px;
              border:  solid 3px #719d2f;
              border-radius: 15px;/*角の丸み*/}

.soudantel {font-size: 35pt; 
	        font-weight: 600;
	        margin: 0px 0px 0px 0px;
	        padding: 0px 0px 0px 0px;}

.soudantel .fa-phone:before {font-size: 35px;
                            margin: 0px 0px 0px 0px;
	                        padding: 0px 0px 0px 0px;
	                        color: #719d2f/* ←フォントアイコン個別の色指定*/}
}



@media (min-width: 768px){
.soudanpage {margin: 0px 0px 0px 195px;
             padding: 0px 195px 0px 0px;}
}


/* 相談パーツ */
.gosoudanAA {
           margin: 0px 0px 0px 0px;
	       padding: 0px 20px 0px 10px;/*文字まわり（上下左右）の余白*/
           border: solid 2px #a9a9a9;/*線*/
           border-radius: 10px;/*角の丸み*/}


.gosoudanA {
           margin: 0px 0px 0px 0px;
	       padding: 0px 20px 20px 20px;/*文字まわり（上下左右）の余白*/
           border: solid 2px #719d2f;/*線*/
           border-radius: 10px;/*角の丸み*/}

.gosoudanh1 {text-align:center;
	          font-size: 21px;
	          font-weight: bold;
	          letter-spacing: 5px;
	          border-bottom: solid 1px #719d2f;/*線*/
	          margin: 0px 0px 0px 0px;
	          padding: 10px 0px 0px 0px;/*文字まわり（上下左右）の余白*/
              color: #719d2f}


.gosoudan1 {font-size: 12px;
           margin: 0px 0px 15px 0px}

.gosoudan1 img {float:left;
	           width: 100px;
               margin: 0px 0px 0px 0px;}

.gosoudan2 {font-size: 13px;
            color: #719d2f;
	        padding: 5px 0px 5px 15px;
            margin: 0px 0px 0px 0px;
	        border-top: solid 1px #e7e7e7;/*線*/
            box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.22);
	        border-radius: 10px;/*角の丸み*/
}

.gosoudan2 .fa-phone:before {font-size: 25px;
                           margin: 0px 0px 0px 0px;
	                       color: #719d2f/* ←フォントアイコン個別の色指定*/}

.gosoudans {padding: 2px 15px 2px 15px;
	       color: #ffffff;
	       background-color: #719d2f
	}

@media (min-width: 1000px){
.gosoudanAA {margin: 50px 0px 0px 0px;
           padding: 0px 20px 10px 10px;}
	
.gosoudanA {margin: 50px 0px 0px 0px;
           padding: 0px 20px 10px 20px;}

.gosoudanA:after {content: "";
	             display: block;
	             clear: both}
.gosoudan1 {float: left;
	       width: 45%;
	       margin: -5px 0px 0px 0px}

.gosoudan1 img {width: 130px;
	           margin: 5px 0px 15px -5px}

.gosoudan2 {float: left;
	        width: 50%;
	        margin: 20px 0px 0px 10px}
}



/* フッター */
footer {text-align:center;
	   margin-top: 10px;
	   padding-top: 10px;
	   padding-bottom: 15px;
       background-color: #719d2f;
       color: #ffffff}

@media (max-width: 500px){
footer {
       padding-bottom: 55px;
}
}

/* フッターのメニュー */

.footmenuA {text-align:center;
           padding: 5px 0px 5px 0px}

.footokkou  {text-align:center;
padding: 5px 0px 5px 0px;
margin: 0px -21px 20px -21px;
/* ↑div（box)の横幅を画面いっぱいに広げる指定●ここの指定でスマホ幅いっぱいになる-21px*/
       padding: 0px 21px 0px 21px;
/* ↑div（box)の横幅を画面いっぱいに広げる指定●pcで横幅崩れるのでpddingで調整する21px*/
       box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1)}

.footokkou p {font-weight: 200;
	          font-size: 12px;
              margin: 0px 20px 0px 20px;
              padding: 0px 0px 15px 0px}/* ←paddingで記事の下の余白を出せる */

.footokkou img {width: 150px;
                margin: 5px 0px 0px 0px;
	            padding: 0;
	            vertical-align: top}

.footmenuA {font-size: 12px;
            margin: 0px 0px 10px 0px;}

.footmenuA:after {content: "";
                  display: block;
                  clear: both}

.footmenuA a{color: #ffffff}
.footmenuA a:hover{border-bottom: solid 1px #ffffff;/*線*/}

.footmenu1 {float: left;
            width: 17%}
    
.footmenu2 {float: left;
            width: 17%}   

.footmenu3 {float: left;
            width: 20%}

.footmenu4 {float: left;
            width: 23%}

.footmenu5 {float: left;
            width: 20%}

@media (min-width: 768px){
.footobox:after {content: "";
                 display: block;
                 clear: both}

.footlogo {float: left;
           width: 41%;
	       text-align:right}
    
.foottel {float: left;
	      width: 59%;
	      text-align:left;
	      margin: 15px 0px 0px 0px;
	}
.footsite {clear: both;
	      padding: 10px 0px 0px 0px}

}


/* フッターのメニューnew */
.newfot a{font-size: 14px;
	      color: #ffffff;
          margin: 0px 0px 0px 0px;}

.newhome {font-size: 25px;
          margin: 0px 10px 0px 0px;
	      color: #ffffff;
         }

.newmd {font-size: 25px;
        margin: 0px 10px 0px 0px;
	    color: #ffffff;
        }

.newfot .fa-stethoscope:before {font-size: 25px;
	                      margin: 0px 10px 0px 0px;
	                      color: #ffffff;
                         }

.newfot .fa-hospital-o:before {font-size: 25px;
                          margin: 0px 10px 0px 0px;
	                      color: #ffffff;
                          }

.newfot .fa-phone:before {font-size: 25px;
                          margin: 0px 10px 0px 0px;
	                      color: #ffffff;
                         }

.newfot .fa-child:before {font-size: 25px;
                          margin: 0px 10px 0px 0px;
	                      color: #ffffff;
                          }

.newfot .fa-pencil-square-o:before {font-size: 25px;
                          margin: 0px 10px 0px 0px;
	                      color: #ffffff;
                          }


@media (min-width: 768px){
.newfot:after {content: "";
                 display: block;
                 clear: both}

.newfot1 {float: left;
	width: 14%}
.newfot2 {float: left;
	width: 14%}
.newfot3 {float: left;
	width: 14%}
.newfot4 {float: left;
	width: 14%}
.newfot5 {float: left;
	width: 14%}
.newfot6 {float: left;
	width: 14%}
.newfot7 {float: left;
	width: 14%}}

@media (max-width: 768px){	
.newfot1 a{position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot1 {display: block;
	position:relative;
          width:100%;
          padding:10px;
          margin:0px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}

.newfot2 a{position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot2 {
	position:relative;
          width:100%;
          padding:10px;
          margin:10px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}
	
.newfot3 a{position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot3 {
	position:relative;
          width:100%;
          padding:10px;
          margin:10px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}
	
.newfot4 a{position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot4 {
	position:relative;
          width:100%;
          padding:10px;
          margin:10px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}
	
.newfot5 a{position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot5 {
	position:relative;
          width:100%;
          padding:10px;
          margin:10px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}
	
.newfot6 a{position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot6 {
	position:relative;
          width:100%;
          padding:10px;
          margin:10px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}
	
.newfot7 a{
	position:absolute;
		   top:-10px;
		   left:0px;
		   width:100%;
		   height:100%;
	       padding-top:10px;}
	
.newfot7 {
	      position:relative;
          width:100%;
          padding:10px;
          margin:10px -10px 0px -10px;
	      border-bottom:  solid 1px #8faf60;}
	
.newfot1 :hover{background-color: #5c7f28}
.newfot2 :hover{background-color: #5c7f28}
.newfot3 :hover{background-color: #5c7f28}
.newfot4 :hover{background-color: #5c7f28}
.newfot5 :hover{background-color: #5c7f28}
.newfot6 :hover{background-color: #5c7f28}
.newfot7 :hover{background-color: #5c7f28}
	
	.footokkou  {margin: 30px -21px 20px -21px;}
}

.box {
  /* 子要素のタイトルを aboslute 配置するため必要 */
  position: relative;
}
.box .box_imageLeft {
  position: absolute;
  left: 0;
}
.box .box_imageRight {
  position: absolute;
  right: 0;
}



/* 画像付きテーブル
-------------------------------------*/

table.table01 {
	width:100%;}



table.table01 tbody td.table01-img img{
	width:100%;
	height:100%;
	display:block;
}
table.table01 tbody td.table01-img{
padding:0px;
}

/* テーブルのレスポンシブデザイン */

@media screen and (max-width: 780px) {
table.table01 tbody th {
display:block;
padding:5px;
}
table.table01 tbody td.table01-img{
padding:0px;
}
table.table01 tbody td {
display:block;
}
}

/* 0505募集要項リンク */
.job_description {
    display:block;
    padding: 0px;
    margin: 0px 0px 35px 0px;
}

.job_description a{
    font-size: 11px;
    color: #777777;
    border-bottom: solid 1px #A8A8A8
}

.job_description a:hover{
    color: #ea5514;
    border-bottom: solid 1px #ea5514
}



/*余白や線を幅や高さに含める*/
*{
       box-sizing:border-box; 
   }
   
   /* ヘッダーとフッターをバーの形にする設定 */
   header {
       position: fixed;/*ヘッダー固定する設定*/
       width: 100%;
       z-index:1000;/*position属性が重なる場合の対処*/
       margin: 0px 0px 0px 0px;
       top: 0;/*画面一番上で固定*/
       background-color: rgba(249, 247, 227, 0.9);
       padding-left: 0;
       padding-right: 0;
       box-shadow: 0px 15px 7px -6px rgba(0,0,0,0.1);
   }
   



   /* 最大から768pxまでの㍶の横並び画面とサブメニュー */
   @media screen and (min-width: 935px) {
   
   /*ヘッダー全体を囲む*/
   .header_wrap {
       width:100%;
       padding:0 2rem;
       display:flex;
       justify-content:space-between;
       margin:0 0 0 0;  /*ヘッダーの位置を固定（上0）*/
       align-items: center;
       position: relative;
   }
   
.header_menu {
       display: flex;
       height: 85px;/*pcヘッダー枠の高さ*/
       padding: 5px;
       align-items: center;
}

.header_logo img {
       width: 170px;
}

.headtel img {
       height: 60px;
}

   #header_nav	{
       display: block !important}
   

 /*ulメインメニューul---------------*/
   .header_ul{
       display: flex;
       justify-content: space-between;
       align-items: center;
       gap: 2rem;/*フレックス要素の横の余白*/
       list-style: none;/*リストの点を消す*/
   }


   
   .header_li a	{
       display: block;
       margin: 0;
       width:100%;
       padding: 0;
       color: #2A2A2A;/*ドロップダウン文字色*/
       font-size: 15px;
       background-color: rgba(249, 247, 227, 0.9);/*ドロップダウン背景色*/
       list-style: none;/*リストの点を消す*/
       text-decoration: none}
   
   .header_li a:hover {
       background-color: #d8d6be}
   
   .custombtn a	{
          display: block;
          margin: 0;
          width:100%;
          padding: 0;
          color: #2A2A2A;/*ドロップダウン文字色*/
          font-size: 15px;
          background-color: rgba(249, 247, 227, 1);/*ドロップダウン背景色*/
          opacity: 0.9;/*背景色を透明*/
          list-style: none;/*リストの点を消す*/
          text-decoration: none}
   
   .custombtn a:hover {
          background-color: #d8d6be}
   
   /*ulサブメニューul---------------*/
   .header_sub_ul{
       position: absolute;
       top: 84px;
       transform: translate(-2.5rem);
   }
   
   /*liサブメニューli*/
   .header_sub_li{
       display: block;
       width: 250px;/*プルダウン一つの横幅*/
       height: 50px;/*プルダウン一つの高さ幅*/
       background-color: rgba(249, 247, 227, 1);
   }
   
   .header_sub_li a{
       display: block;
       height: 50px;
       line-height: 50px;
       padding: 0 0.5rem;
       font-size: 12px;
          text-decoration:none;
       list-style: none;/*リストの点を消す*/
          color:#333;
   }
   
   .header_sub_li a:hover{
          background-color: #d8d6be;
   }
   
   /* トグルボタン */
   #navbtn	{
       display: none}
   }
   
   
   
   /*  ドロップダウンのための記述 */
   /* 初期状態でサブメニューを非表示にしておく */
   .header_sub_ul {
     display: none;
   }
   
   /* 子を持つ親メニューにマウスオーバーしたとき、サブメニューを表示する */
   .header_li:hover .header_sub_ul {
     display: block;
   }
   
   @media screen and (max-width: 1071px) {
 /*ヘッダー全体を囲む*/
   .header_wrap {
       width:100%;
       padding:0 0.5rem;
       display:flex;
       justify-content:space-between;
       margin:0 0 0 0;  /*ヘッダーの位置を固定（上0）*/
       align-items: center;
       position: relative;
   }
       /*ulメインメニューul---------------*/
   .header_ul{
       gap: 0.1rem;/*フレックス要素の横の余白*/
       font-size: 0.25vw;
   }
   }

   
   
   /* ---max768pxまでのドロップダウン装飾css記述 --- */
   @media screen and (max-width: 934px) {
   
   .header_wrap {
       width:100%;
       padding-left: 0;
       padding-right: 0;
       display:block;
       margin:0 0 0 0;  /*ヘッダーの位置を固定（上0）*/
   }
   
   .header_menu {
          display: flex;
          justify-content: space-between;
          height: 64px;/*spヘッダー枠の高さ*/
          padding: 10px 10px 7px 10px;
          align-items: center;
   }

   .header_logo img {
       width: 140px;
}

.headtel{
       display: none;
}

   
   #header_nav	{
       display: none;
       margin: 0}
   
   .header_ul {
       margin: 0;
       padding-left: 0;
       padding-right: 0;
       font-size: 0;
       list-style: none;/*ulに点を消す指定するとliの点消える*/}
   
   .header_li a {
       display: block;
       margin: 0;
       width:100%;
       padding: 10px 10px 10px 10px;/*リストのサイズ指定*/
       color: #2A2A2A;/*ドロップダウン文字色*/
       font-size: 13px;
       font-weight: 700;
       border-top: solid 1px #eeebd1;
       background-color: rgba(249, 247, 227, 1);/*ドロップダウン背景色*/
       text-decoration:none;
       }
   
   .header_li a:hover {
       background-color: #d8d6be;
       opacity: 0.9;/*背景色を透明*/}
   
   .custombtn a {
          display: block;
          margin: 0;
          width:100%;
          padding: 10px 10px 10px 10px;/*リストのサイズ指定*/
          color: #2A2A2A;/*ドロップダウン文字色*/
          font-size: 13px;
          font-weight: 700;
          border-top: solid 1px #eeebd1;
          background-color: rgba(249, 247, 227, 1);/*ドロップダウン背景色*/
          text-decoration:none;
          opacity: 0.9;/*背景色を透明*/}
   
   .custombtn a:hover {
          background-color: #d8d6be;
          opacity: 0.9;/*背景色を透明*/}
   
   .custombtn{
          position: relative;
          top: 0;
          right: 0;
   }
   .custombtn a::after{
          content: "";
          display: block;
          width: 8px;
          height: 8px;
          position: absolute;
          top: 13px;
          right: 20px;
          margin: 0;
          padding: 0;
          border-top: solid 2px;
          border-right: solid 2px;
          transform: rotate(135deg) translateY(-25%);
          color: #2A2A2A;
          }
       
   /* ---ドロップダウンのサブメニュー */
   .header_sub_ul {
       margin: 0;
       padding-left: 0;
       padding-right: 0;
       font-size: 0;
       list-style: none;/*ulに点を消す指定するとliの点消える*/}
   
   .header_sub_li a {
       display: block;
       margin: 0;
       width:100%;
       padding: 10px 10px 10px 10px;/*リストのサイズ指定*/
       color: #2A2A2A;
       background-color: #F9F7E3;
       text-decoration:none;
       align-items: center;}
       
   .header_sub_li a:hover {
       background-color: #d8d6be;
       opacity: 0.9;/*背景色を透明*/}
   
   
   /* トグルボタン */
   
   #navbtn	{/*ボタン外側*/
          position: relative;
          width: 29px;
          height: 40px;
          cursor: pointer;
          margin-right: 10px;
   }
   
   #navbtn span {/*ボタン内側*/
          position: absolute;
          display: inline-block;
          transition: all .4s;/*アニメーションの設定*/
          width: 91%;
          left: 3px;
          height: 4px;
          border-radius: 4px;
          background-color:#474747;
   }
   
   #navbtn span:nth-of-type(1){
          top: 5px;
   }
   
   #navbtn span:nth-of-type(2){
          top: 13px;
   }
   
   #navbtn span:nth-of-type(3){
          top: 21px;
   }
   
   #navbtn span:nth-of-type(3)::after{
          content:"Menu";/*3つ目の要素のafterにMenu表示を指定*/
          position: absolute;
          left: -2px;
          top: 5px;
          color: #333333;
          font-size: 0.5rem;
          font-weight: bold;
          text-transform: uppercase;
          font-family:'メイリオ','Hiragino Kaku Gothic Pro', sans-serif;
   }
   
   /*activeクラスが付与されると線が回転して×になり、Menu⇒Closeに変更*/
   #navbtn.active span:nth-of-type(1){
          top: 5px;
          left: -8px;
          transform: translate(11px,8px) rotate(-45deg);
          width: 90%;
   }
   
   #navbtn.active span:nth-of-type(2){
          opacity: 0;
   }
   
   #navbtn.active span:nth-of-type(3){
          top: 21px;
          left: -8px;
          transform: translate(11px,-8px) rotate(45deg);
          width: 90%;
   }
   
   #navbtn.active span:nth-of-type(3)::after{
          content:"Close";/*3つ目の要素のafterにClose表示を指定*/
          transform: translate(5px,0) rotate(-45deg);
          left: 6px;
          top: 11px;
   }
   
   }

 


/* ---画面の下にお問い合わせを固定する-- */
.tel_footer{
	position:fixed;
	display:block;
	width:100%;
	bottom:0;
	left:0;
	z-index:888;
       background-color: #719d2f;
       padding:3px 0;
       text-align:center;
}
.tel_footer a {
	color: #fff;
	text-decoration: none;
       font-size:13px;
       font-weight: 700;
}

.tel_footer p {
       color: #fff;
	font-size: 2.5vw;
       line-height: 1em;
}

@media(min-width:500px){
.tel_footer{
	display: none;
}
}