@charset "utf-8";
/* CSS Document */

.imagefull{
	width: 100%;
	height: auto;
}
/*　全幅1100*/
.wid-cont_thousanhund {
	width:1100px;
	height:auto;
	margin: 20px auto 0;
	overflow: hidden;
}
@media screen and (max-width:1100px){
.wid-cont_thousanhund {
	width:90%;
	height:auto;
	margin: 0 auto 0;
}
}
.photo_thousan {
	width:1024px;
	height:auto;
	margin: 0 auto 36px;
	overflow: hidden;
}
@media screen and (max-width:1024px){
.photo_thousan {
	width:90%;
	height:auto;
	margin: 24px auto;
}
}
.conts_thousan {
	width:1020px;
	height:auto;
	margin: 46px auto;
	overflow: hidden;
}
@media screen and (max-width:1020px){
.conts_thousan {
	width:90%;
	height:auto;
	margin: 0 auto 0;
}
}
@media screen and (max-width:480px){
.conts_thousan {
	width:90%;
	height:auto;
	margin: 0 auto;
}
}
.nine_contents{
	width: 90%;
	height: auto;
	overflow: hidden;
	padding: 0;
	margin: 0 auto 36px;;
}
.whitecontents{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 64px 0;
}
.whitecontents_short{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding: 0;
}
.whitecontents_up{
	width: 100%;
	height: auto;
	overflow: hidden;
	padding:64px 0 0;
}
.contents_box {
  width: 100%;
	max-width: 1140px;
height: auto;
	margin: 0 auto;
	overflow: hidden;
}
@media screen and (max-width: 1140px) {
  .contents_box {
    max-width: 90%;
  }
}
.contents_box_ind {
  width: 100%;
	max-width: 1140px;
height: auto;
	margin: 0 auto;
	overflow: hidden;
	padding: 0 0 0 80px;
}
@media screen and (max-width: 1140px) {
  .contents_box_ind {
    max-width: 90%;
  }
}
.ind_contents_box_botm {
  width: 100%;
	max-width: 1140px;
height: auto;
	margin: 0 auto 46px;
	overflow: hidden;
	padding: 0 0 0 80px;
}
@media screen and (max-width: 1140px) {
  .ind_contents_box_botm {
    max-width: 100%;
  }
}
.contents_box_02 {
  width: 100%;
	max-width: 1140px;
height: auto;
	margin: 0 auto 12px;
	overflow: hidden;
}
@media screen and (max-width: 1140px) {
  .contents_box_02 {
    max-width: 90%;
  }
}
.contents_box_aki {
  width: 100%;
	max-width: 1140px;
height: auto;
	margin: 64px auto 12px;
	overflow: hidden;
}
@media screen and (max-width: 1140px) {
  .contents_box_aki {
    max-width: 90%;
	  	margin: 24px auto 0;
  }
}
.short_contents{
	width: 120px;
	margin: 0 auto;
}


/*トップのイロオビ部分*/
.page-header {
  position: relative;
  color: #9a6e4a;
  background-color: #f5f1ed;
  margin-top: 0;
  margin-bottom: 0;
  padding-bottom: 0;
  text-align: center;
	height: 168px;
}
.page-header {
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width:1080px){
.page-header {
  padding-top: 60px;
}	
}
.basic_container {
width: 100%;
max-width: 1140px;
height: 20px;
margin:0 auto;
}
h1.page-header_pageTitle {
  font-size: 1.75rem;
	font-family: Hiragino Mincho ProN,"游明朝",serif;
  line-height: 1.1;
}
@media screen and (max-width:1080px){
h1.page-header_pageTitle {
  font-size: 1.4rem;
	font-family: Hiragino Mincho ProN,"游明朝",serif;
  line-height: 1.1;
}
}
.leftbox20{
	width: 20%;
	height: auto;
	float: left;
}
.rightbox80{
	width: 78%;
	height: auto;
	float: right;
}
.leftbox66{
	width: 64%;
	height: auto;
	float: left;
}
.rightbox33{
	width: 32%;
	height: auto;
	float: right;
}
.leftbox33{
	width: 32%;
	height: auto;
	float: left;
}
.rightbox66{
	width: 64%;
	height: auto;
	float: right;
}
.leftbox55{
	width: 55%;
	height: auto;
	float: left;
}
.rightbox44{
	width: 42%;
	height: auto;
	float: right;
}
.halfbox_left{
	width: 48%;
	height: auto;
	float: left;
}
.halfbox_right{
	width: 48%;
	height: auto;
	float: right;
}
@media screen and (max-width:768px){
.leftbox20{
	width: 100%;
	height: auto;
	float: none;
}
.rightbox80{
	width: 100%;
	height: auto;
	float: none;
}
.leftbox66{
	width: 100%;
	height: auto;
	float: none;
}
.rightbox33{
	width: 100%;
	height: auto;
	float: none;
}
.leftbox33{
	width: 100%;
	height: auto;
	float: none;
}
.rightbox66{
	width: 100%;
	height: auto;
	float: none;
}
	.leftbox55{
	width: 100%;
	height: auto;
	float: none;
}
.rightbox44{
	width: 100%;
	height: auto;
	float: none;
}
}
.leftbox_half{
	width: 48%;
	height: auto;
	float: left;
}
.rightbox_half{
	width: 48%;
	height: auto;
	float: right;
}
@media screen and (max-width:768px){
.leftbox_half{
	width: 100%;
	height: auto;
	float: none;
}
.rightbox_half{
	width: 100%;
	height: auto;
	float: none;
}
}
/*トップ　健康管理*/
.icon_block{
  color: #b8987d;
  width: calc(40px + 44px);
  height: calc(40px + 44px);
}

.icon_block{
	background-color: transparent;
  border: 1px solid currentColor;
	display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
  border-radius: 50%;
}
.icon_font{
	position: absolute;
	font-size: 40px;
  top: 50%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
}
h4.icon_title{
margin: 1.5em 0 1.2em;
  clear: both;
}
h4.icon_title {
  font-size: 1.5rem;
}
h4.icon_title {
  margin-bottom: .5rem;
  font-weight: 500;
  line-height: 1.2;
	font-family: Hiragino Mincho ProN,"游明朝",serif;
	}
h4.icon_title a{
	color: #9a6e4a;
font-weight: bold;
	text-decoration: none;
	}
h4.icon_title a:hover{
color: #9a6e4a;
font-weight: bold;
text-decoration:underline;
}
.icon_txt{
line-height: 1.9;
margin-bottom: 1.2em;
padding: 0 8px;
}
.icon_txtleft{
line-height: 1.9;
margin-bottom: 1.2em;
padding: 0 8px;
	text-align: left;
}
.map_contnts {
    width: 1140px;
	margin-top: 32px;
  margin-right: auto;
  margin-left: auto;
	overflow: hidden;
}
@media screen and (max-width: 1140px) {
.map_contnts {
    width: 90%;
}
}
h4.map_title {
margin: 1.5em 0 1.2em;
  clear: both;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.2;
	font-family: Hiragino Mincho ProN,"游明朝",serif;
	}
.map_txt{
	font-size: 16px;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN,sans-serif;
	overflow-wrap: break-word;
  word-break: break-word;
	line-height: 1.9;
  margin-bottom: 1.2em;
	}

/*診療時間　表組*/
.consultation {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    background: #fff;
    border: none;
}
.consultation th,
.consultation td {
    font-size: 14px;
	text-align: center;
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
    box-sizing: border-box;
}
.consultation th {
    font-weight: 700;
    text-align: center;
}
.consultation thead th {
    color: #fff;
    background: #14116e;
}
.consultation thead th:first-child,
.consultation thead th:last-child {
  width: 20%;
}
/*表組 サポートページ*/
.support {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    background: #fff;
/*    border: none;*/
}
.support th {
    font-size: 14px;
	text-align: left;
    background: #f2f2f2;
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
    box-sizing: border-box;
	font-weight: nomal;
	width: 26%;
}
.support td {
    font-size: 14px;
	text-align: left;
    background: #fff;
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
    box-sizing: border-box;
}
.support td a {
  color: #9a6e4a;
  text-decoration: none;
}
.support td a:hover {
  text-decoration:underline;
}
/*表組 リクルートページ*/
.recruit {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%;
    background: #f5f1ed;
}
.recruit th {
    font-size: 14px;
	text-align: center;
    background: #f5f1ed;
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
    box-sizing: border-box;
	font-weight: nomal;
	width: 11%;
}
@media screen and (max-width:480px){
.recruit th {
	width: 18%;
}
}
.recruit td {
    font-size: 14px;
	text-align: left;
    background: #f5f1ed;
    border: 1px solid #ccc;
    padding: 8px;
    vertical-align: middle;
    box-sizing: border-box;
}
.recruit td a {
  color: #9a6e4a;
  text-decoration: none;
}
.recruit td a:hover {
  text-decoration:underline;
}

.googlemap {
    position: relative;
    width: 100%;
    padding-top: 70%;
    /* 16:9のアスペクト比 */
    height: 0;
}

.googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
hr {
  margin-top: 1rem;
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(0,0,0,.1);
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
.block-separator {
  border: none;
    border-top-width: medium;
    border-top-style: none;
  border-top: 2px solid #f5f1ed;
}
.white-separator {
  border-top: 2px solid #ffffff;
}
.brown-separator {
  border-top: 2px solid #b8987d;
}
/*サポート　がん　表組*/
table.tokutei {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border-top: 1px solid rgba(0,0,0,.05);
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgba(0, 0, 0, 0.05);
	margin:24px 0  8px;
}
table.tokutei td, th, tr {
border: 1px #a9a9a9 solid;
		padding: 1em;
  font-size: 14px;
}
td.blue{
background: #c3ddf0;
}
td.bluecenter{
background: #c3ddf0;
	text-align: center;
}
.blueDcenter{
background: #9bc0db;
	color: #fff;
	text-align: center;
}
.brown{
	background: #dbb99d;
		color: #fff;
}
.usubrown{
	background: #ead9c7;
}
/*感染症対策表組*/
table.kansen_taisaku{
	margin: 16px 0;
}
.kansen_taisaku td, th, tr {
border: 1px #a9a9a9 solid;
	vertical-align: middle;
	padding: 1em;
  font-size: 14px;
}
.kansentaisaku td.blue{
background: #c3ddf0;
}
.kansen_taisaku td.bluecenter{
background: #c3ddf0;
	text-align: center;
}
/*囲み罫ボックス*/
.kakomi_box{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color: #f5f1ed;
	padding: 24px 16px 16px;
		margin: 16px 0;
}
.kakomi_brownbox{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color: #f5f1ed;
	padding: 28px 16px 16px 36px;
		margin: 16px 0;
}
@media screen and (max-width:480px){
.kakomi_brownbox{
	padding: 16px;
}
}
.kakomi_box_top{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color: #f5f1ed;
	padding: 16px 16px 16px 24px;
		margin: 0 0 16px;
}
@media screen and (max-width:480px){
.kakomi_box_top{
	padding: 16px;
}
}
.brownkakomi_box{
	width:100%;
	height:auto;
	overflow:hidden;
	background-color: #f5f1ed;
	margin: 0;
	padding: 36px 0;
}

.kakomi_whitebox{
	width:90%;
	height:auto;
	overflow:hidden;
	background-color: #ffffff;
	padding: 26px 24px 10px 30px;
		margin: 16px auto;
}
@media screen and (max-width:480px){
.kakomi_whitebox{
    width:100%;
		padding: 12px;
}
}
.kakomi_innbox{
	width:90%;
	height:auto;
	overflow:hidden;
	padding: 16px 0 36px;
		margin: 16px auto;
}
@media screen and (max-width:480px){
.kakomi_innbox{
    width:100%;
}
}
.list_pencil {
        list-style: none;
        padding-left: 0;
      }
.list_pencil li:before {
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        content: "\f303";
        margin-right: .5em;
		color: #b8987d;
      }
.list_pencil li {
		  font-size: 15px;
        margin-left: 1.8rem;
        text-indent: -1.8em;
	margin-bottom: 16px;
      }
ol.kakomi_numberlist {
  counter-reset:number;
  list-style-type: none!important;
  padding:0.5em;
}
 ol.kakomi_numberlist li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 36px;
}
ol.kakomi_numberlist li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #b8987d;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 16px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}


/*オビと枠囲みボックス*/
.box_label {
    margin: 0;
    background: #ffffff;
		color: #b8987d;
	border: 2px solid #b8987d;
	    box-sizing: border-box;
}
.box_label .box_label-title {
	font-family: Hiragino Mincho ProN,"游明朝",serif;
    font-size: 1em;
    background: #b8987d;
    padding: 4px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box_label p { 
	color: #333333;
    padding: 15px 20px;
    margin: 0;line-height: 1.9;
}
.box_label .box_midasi {
	font-family: Hiragino Mincho ProN,"游明朝",serif;
	font-weight: bold;
	font-size: 18px;
	color: #9a6e4a;
    padding: 15px 20px 0;
    margin: 0;
	line-height: 1.9;
}

/*番号付きリスト表示*/
ol.numberlist {
  counter-reset:number;
  list-style-type: none!important;
  padding:0.5em;
}
 ol.numberlist li {
  position: relative;
  line-height: 1.5em;
  padding: 0.5em 0.5em 0.5em 36px;
}
ol.numberlist li:before{
  position: absolute;
  counter-increment: number;
  content: counter(number);
  display:inline-block;
  background: #b8987d;
  color: white;
  font-family: 'Avenir','Arial Black','Arial',sans-serif;
  font-weight:bold;
  font-size: 16px;
  left: 0;
  width: 25px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
.brwn{
	color:#9a6e4a;
	
/*感染症　枠囲み*/
.box-brwn-wakubox {
    position: relative;
    max-width: 100%;
    margin: 1.9em auto 0;
    padding: 2em 2em 2em 5em;
    border: 2px solid #9a6e4a;
    border-radius: 3px;
	min-height: 330px;
}
.box-brwn-wakubox span {
    position: absolute;
    top: -1.9em;
    left: -2px;
    padding: .2em .8em;
    border-radius: 5px 5px 0 0;
    background-color: #9a6e4a;
    color: #fff;
}
.box-brwn-wakubox p {
    margin: 0;
    color: #333;
	overflow: hidden;
}
.box-in-left{
	width: 56%;
	float: left;
}
.box-in-right{
	width: 38%;
	float: right;
	overflow: hidden;
}
.box-in-right img{
width: 100%;
height: auto;
}
@media screen and (max-width:480px){
.box-brwn-wakubox {
    position: relative;
width: 100%;
    margin: 1.9em auto 0;
    padding: 2em;
			}
.box-in-left{
	width: 100%;
	float: none;
}
.box-in-right{
	width: 100%;
	float: none;
}
}


.box-blue-wakubox {
    position: relative;
    max-width: 100%;
    margin: 1.9em auto 0;
    padding: 2em 2em 2em 5em;
    border: 2px solid #9a6e4a;
    border-radius: 3px;
	min-height: 330px;
}
.box-blue-wakubox span {
    position: absolute;
    top: -2.1em;
    left: -2px;
    padding: .2em .8em;
    border-radius: 5px 5px 0 0;
    background-color: #9a6e4a;
    color: #fff;
	font-family: Hiragino Mincho ProN,"游明朝",serif;
}
.box-blue-wakubox p {
    margin: 0;
    color: #333;
	overflow: hidden;
}
.box-in-box{
	width: 100%;
}
@media screen and (max-width:480px){
.box-blue-wakubox {
    position: relative;
width: 100%;
    margin: 1.9em auto 0;
    padding: 2em;
}
}

	
	
/*スマイルアイコン　リスト形式*/
ul.smile_icon {
  list-style: none;
}
 ul.smile_icon li {
  position: relative;
  padding-left: 25px;
	 margin-bottom: 16px;
}
ul.smile_icon li::before {
  content: '\f118';
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  position: absolute;
  top: 0;
  left: 0;
    color:#b8987d;
}
.narabi_box {
  width: calc((100% - 1em) / 2);
  display: flex;
  flex-direction: column;
}
.description {
  flex-grow: 1;
}	
.narabi_box_inn {
flex-grow: 1;
}
.parent_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*	ポイント＋数字　　　*/
.balloon3-right-btm {
  position: relative;
  display: inline-block;
  padding: 12px 5px 0;
  width: 60px;
  height: 60px;
  line-height: 1.3;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
        font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  background: #9a6e4a;
  border-radius: 50%;
  box-sizing: border-box;
}
@media screen and (max-width:768px){
    .balloon3-right-btm {
margin-bottom: 28px;
}
}
.numb_area {
	margin:0 18px 0 0;
float: left;
}
.point_area {
	margin:0;
float: left;
}
.pointnumb_area {
    width: 60px;
    height: 60px;
	margin:0 6px 0 0;
    padding-top: 4px;
    text-align: center;
float: left;
    background: #f7f7f2;
      border-radius: 5%;
  box-sizing: border-box;
}
.image-hover_ontxt{
    width: 100%;
    height: auto;
}
.point_txtbox{
    width: 100%;
    height: auto;
    margin-top: 18px;
}
@media only screen and (max-width:768px) {
.point_txtbox{
    width: 100%;
    height: auto;
    margin-top: 48px;
}
}
	/*サイトマップ　リスト形式*/
ul.sitemap_icon {
  list-style: none;
}
 ul.sitemap_icon li{
	   position: relative;
  padding-left: 18px;
	  font-size: 14px;
	 margin-bottom: 12px;
  line-height: 1.65em;
}
ul.sitemap_icon li ul.child {
margin-top: 12px;
  list-style: none;
}
ul.sitemap_icon li::before {
	content: '≫';
  position: absolute;
  top: 0;
  left: 0;
    color:#b8987d;
}
ul.sitemap_icon li a{
	color:#b8987d;
	text-decoration: none;
	}
ul.sitemap_icon li a:hover{
	color:#b8987d;
	text-decoration:underline;
	}
	
/*　更新情報ニュース部分　*/
.kousinbox_left{
		width: 770px;
		margin: 0;
		float: left;
	}
.newsinfo_right{
		width: 300px;
		margin: 0;
		float: right;
	}
.newsinfo_inleft{
		width: 680px;
		margin: 0 0 0 70px;
		float: left;
	}
.illust-images200{
	width: 200px;
	height: auto;
	}