﻿@charset "utf-8";

/* ---------------------------------------------
　layout modules
------------------------------------------------ */

/* base modules
------------------------------------------------ */
.content p,
.content ul,
.content dl,
.content ol,
.content table,
.content blockquote{
	margin: 20px 0 0;
	line-height:1.8em;
}

.content ul p, .content ul dl, .content ul ol,
.content dl p, .content dl ul, .content dl ol,
.content ol p, .content ol ul, .content ol dl,
.content table p, .content table ul, .content table dl, .content table ol{
	margin: 0;
}

.content p img, .content dl img, .content ul img {
	vertical-align: middle;
}

.column-image-left,.column-image-center,.column-image-right { margin-top:20px !important; }

/* common modules
------------------------------------------------ */

em         { background: linear-gradient(transparent 60%, #fed270 0%); }
.attention { color: #c8000d; }

.small    { font-size:87%;  }
.x-small  { font-size:78%;  }

.large    { font-size:107%; }
.x-large  { font-size:120%; }

.attention{ color: #FF3366;   }
.bold     { font-weight:bold; }
.normal   { font-weight:normal !important; }

.center{ text-align: center; }
.right { text-align:right;   }
.left  { text-align:left !important;    }

.middle{ vertical-align:middle; }

.float-l{ float: left;  }
.float-r{ float: right; }
.clear  { clear: both;  }

.img-l{ float:left;  margin:0 25px 10px 0; }
.img-r{ float:right; margin:0 0 10px 25px; }

.mt05{ margin-top:5px !important; }
.mt10{ margin-top:10px !important; }
.mt20{ margin-top:20px !important; }
.mt30{ margin-top:30px !important; }
.mt40{ margin-top:40px !important; }
.mt50{ margin-top:50px !important; }

.nowrap         { white-space:nowrap; }
.nomargintop    { margin-top: 0 !important; }
.content .nocss { margin:0; padding:0; border:none; background:none; }

a.telephone,
a.telephone:active{
	color:#333;
	text-decoration:none;
	cursor:default;
}
a.telephone img{ opacity:1 !important; }

.anchor-block{
	margin-top: -73px;
	padding-top: 73px;
}


.btn a{
	background:url(../images/icon_arrow04.png) right 15px center no-repeat #fff;
	border:1px solid #ccc;
	padding:15px;
	color:#333;
	width:50%;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	display:block;
}
.btn a:hover{
	background-image:url(../images/icon_arrow04a.png);
	border-color:#ec516c;
	color:#ec516c;
}

.btn-large a{
	background:url(../images/icon_arrow06.png) right 15px center no-repeat #ec516c;
	border:1px solid #ccc;
	padding:20px;
	color:#FFF;
	width:55%;
	margin:0 auto;
	text-align:center;
	text-decoration:none;
	display:block;
}
.btn-large a:hover{
	background-image:url(../images/icon_arrow04a.png);
	background-color: #FFF;
	border-color:#ec516c;
	color:#ec516c;
}

.reserve {
	margin-right: -30px;
}
.reserve p.btn  {
	display: inline-block;
    width: 275px;
    margin-right: 60px;
	margin-top: 0!Important;
}

.reserve .btn a {
	width: 100%;
}


.spview{ display:none; }

/* --- anchor --- */

.anchor{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.6em;
	padding-left:15px;
}

.anchor-ex{
	background:url(../images/icon_new_window.png) no-repeat right 6px top 0.35em;
	padding-right:25px;
}

/* --- ext icon --- */

a[href$='.xls'], a[href$='.xlsx']{
	background: url(../images/fileicon/xls.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='.doc'], a[href$='.docx']{
	background: url(../images/fileicon/doc.png) no-repeat 100% 50%;
	padding-right: 25px;
}

a[href$='pdf']{
	background: url(../images/fileicon/pdf.png) no-repeat 100% 50%;
	padding-right: 25px;
}

footer a[href$='pdf']{
	background: none;
	padding-right: 0;
}

a[href$='ppt']{
	background: url(../images/fileicon/ppt.png) no-repeat 100% 50%;
	padding-right: 25px;
}

.icon-questionnaire span{
    padding: 2px 20px 0 0;
    background: url(../images/icon_questionnaire_off.png) no-repeat right center;
    background-size: 24px 24px;
    margin-right: 4px;
}

.icon-questionnaire:hover span{
    background: url(../images/icon_questionnaire_on.png) no-repeat right center;
    background-size: 24px 24px;
}

/* --- openwin --- */

.openwin{
	padding-right: 15px;
}

.sidebar .local-navigation li .openwin-navi{
	background:url(../images/icon_new_window.png) no-repeat right 6px top 0.35em;
	padding-right:25px;
}


/* ---　pagetop-in　 --- */

.pagetop-in {
	text-align:right;
}

.pagetop-in a {
	background:url(../images/icon_arrow_pagetop.png) no-repeat 0 0.4em;
	padding-left: 15px;
	font-size: 92%;
}

/* --- blockquote --- */

blockquote,
.acms-entry blockquote{
	background:#eee;
	border:1px solid #ddd;
	margin-top:40px;
	padding:20px;
}

/* ------ title -------------------------------- */

.content h2,
.content .wysiwyg h1{
	clear:both;
	margin:50px 0 0;
	font-size:115%;
	font-weight:bold;
	color:#fff;
	background:url(../images/bg_title_h2.png) left center no-repeat #ec516c;
	padding:13px 10px 11px 25px;
}
.content h2 a:link          { color:#fff; text-decoration:underline; }
.content h2 a:visited       { color:#fff; text-decoration:underline; }
.content h2 a:hover,a:active{ text-decoration:none; }
.content h2 span,
.content .wysiwyg h1 span{
	font-size:86%;
	font-weight:normal;
	margin:0 1em;
}





.content h3,
.content .wysiwyg h2{
	clear:both;
	margin:50px 0 0;
	font-size:115%;
	font-weight:bold;
	background:url(../images/bg_title_h3.png) left top no-repeat;
	padding:15px 0 0;
	color:#333;
}

.newsletter .content h3 {
	background: none;
	color: #ec516c;
}





.content .textbold
{
	clear:both;
	margin:20px 0 0;
	font-size:115%;
	font-weight:bold;
	background:url(../images/bg_title_h3.png) left top no-repeat;
	padding:15px 0 0;
	color:#333;
}





.content h3 span,
.content .wysiwyg h2 span{
	font-size:86%;
	font-weight:normal;
	color:#666;
	margin:0 1em;
}

.content h4,
.content .wysiwyg h3{
	clear:both;
	font-size:115%;
	font-weight:bold;
	margin:50px 0 0;
	padding:0 0 7px;
	border-bottom:3px solid #ddd;
	background:none;
}
.content h4 span,
.content .wysiwyg h3 span{
	font-size:86%;
	font-weight:normal;
	color:#666;
	margin:0 1em;
}

.content h5,
.content .wysiwyg h4{
	clear:both;
	font-weight:bold;
	margin:40px 0 0;
	font-size:115%;
}


/* ------ ul ----------------------------------- */


/* --- normal list --- */

.list li, .wysiwyg ul li{
	background:url(../images/icon_list01.png) no-repeat 0 0.6em;
	padding-left:13px;
	margin-bottom:5px;
}
.wysiwyg ul li{
	background-position:0 0.5em;
}
.wysiwyg .rice li{
	background:none;
	padding-left:0;
}

.list li li {
	background:url(../images/icon_list01.png) no-repeat 0 0.6em;
}

/* --- link list --- */

.link li{
	background:url(../images/icon_arrow05.png) no-repeat 0 0.5em;
	padding-left:20px;
	margin-bottom:5px;
}

.link li li{
	background:url(../images/icon_arrow02.png) no-repeat 0 0.5em;
	padding-left: 10px;
}

/* --- number list --- */

ol li {
	list-style-type:decimal;
	margin-left:25px;
	margin-bottom:5px;
}

ol ul li{
	list-style-type:none;
	margin-left:10px;
}

/* --- attention list --- */

.rice li{
	margin:0 0 5px 1em;
	text-indent:-1em;
}

/* --- compact list --- */

.compact li{
	display:inline;
	margin-right:10px;
}

/* --- within compact list --- */

.within {
	padding: 8px;
	border: 1px solid #ddd;
}

.within li{
	background:url(../images/icon_arrow_within.png) no-repeat 0 0.4em;
	padding-left:15px;
}


.content ul ul, .content dl dl, .content ol ol {
	margin-top: 5px;
}

/* ------ dl ----------------------------------- */

/* --- normal list --- */

.list dt{
	background:url(../images/icon_list01.png) no-repeat 0 0.5em;
	padding-left:13px;
	font-weight:bold;
}

.list dd{
	padding-left:13px;
}

/* --- link list --- */

.link dt{
	background:url(../images/icon_arrow01.png) no-repeat 0 0.4em;
	padding-left:15px;
	font-weight:bold;
}

.link dd{
	padding-left:15px;
}

/* --- horizonal --- */

.horizonal dt {
  clear: left;
  float: left;
  width: 10em;
  padding:8px 8px 8px 0;
  font-weight:bold;
}

.horizonal dd {
  padding:8px 15px 8px 11em;
  border-bottom:1px solid #ddd;
}

.horizonal.plan dt { width:16em; }
.horizonal.plan dd { padding-left:17em; }
.horizonal.treatment dt { width:15em; }
.horizonal.treatment dd { padding-left:13em; }
.horizonal.medical-links dt{ width:30em; }
.horizonal.medical-links dd{ padding-left:31em; }

.staff-area dl{
	background:#ececec;
	overflow:hidden;
}

.staff-area .horizonal dt{
	border-top:2px solid #fff;
	width:130px;
	padding:10px;
}

.staff-area .horizonal dd{
	background:#f8f8f8;
	padding:10px;
	width:548px;
	float:left;
	border-left:2px solid #fff;
	border-top:2px solid #fff;
	border-bottom:none;
}

/* ------ layout frame ------------------------- */

.content .layout-frame {
	clear: both;
	margin-left: -20px;
}

.content .layout-3col {
	margin-left: -15px;
}

.content .layout-unit {
	float: left;
	display: inline;
	margin-left: 20px;
}

.content .layout-3col .layout-unit {
	margin-left: 15px;
}

/* 720px */
.grid-1 { width: 60px; }
.grid-2 { width:110px; }
.grid-3 { width:170px; }
.grid-4 { width:230px; }
.grid-5 { width:290px; }
.grid-6 { width:350px; }
.grid-7 { width:410px; }
.grid-8 { width:470px; }
.grid-9 { width:530px; }
.grid-10{ width:590px; }
.grid-11{ width:650px; }



/* ------ social media ------------------------- */

.social{
	margin-top:20px;
}

.social ul li{
	float:left;
	margin-right:10px;
	vertical-align:top;
	width:80px;
	display:inline-table;
}

.social ul li.twitter,
.social ul li.google{
	padding-top:5px;
}

.social ul li *{
	margin:0;
	padding:0;
}

.social ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .social ul             { zoom:1; } /* IE6 */
*:first-child+html .social ul { zoom:1; } /* IE7 */



/* ------ table -------------------------------- */

table{
	border-collapse:collapse;
	border:1px solid #ddd;
	width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

table th,
table td{
	padding:10px;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#fff;
}

table th{ background:#fafafa; }

table thead th,
th.head {
	background:#eee;
	text-align:center;
}

/* --- noborder --- */

table.noborder,
table.noborder td,
table.noborder th{
	border:0;
	background: none;
}

/* index
------------------------------------------------ */

.index {
	clear: both;
	margin: 0 0 0 -20px;
}

.index dl {
	position: relative;
	float: left;
	display: inline;
	margin-left: 20px;
	width: 350px;
	background: #eee;
}

.index dt {
	padding: 7px;
	background:#ddd;
}

.index dt a {
	text-decoration:none;
}

.index dd {
	padding: 7px;
}

/* cms
------------------------------------------------ */

.acms-entry p{
	padding-left: 10px;
	padding-right: 10px;
}


/* --- entry-date --- */

.entry-date {
	text-align: right;
	font-size: 87%;
}

/* --- entry-navigation / pager-navigation --- */

.entry-navigation,
.pager-navigation{
	font-size:87%;
	margin:50px 0 0;
}

.entry-navigation a:link, .entry-navigation a:visited, .entry-navigation a:hover, .entry-navigation a:active,
.pager-navigation a:link, .pager-navigation a:visited, .pager-navigation a:hover, .pager-navigation a:active{
	text-decoration:none;
}

.entry-navigation ul,
.pager-navigation ul{
	margin:0;
}

/* entry-navigation */

.entry-navigation{
	background:#eee;
	padding:10px;
}

.entry-navigation li{
	width:33%;
}


.entry-navigation .entry-new{
	float:left;
}

.entry-navigation .entry-list{
	float:left;
	text-align:center;
}

.entry-navigation .entry-old{
	float:right;
	text-align:right;
}

.entry-navigation .home{
	text-align:center;
	margin-top:-20px;
}

.entry-navigation ul:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
* html .entry-navigation ul             { zoom:1; } /* IE6 */
*:first-child+html .entry-navigation ul { zoom:1; } /* IE7 */

/* pager-navigation */

.pager-navigation ul li{
	float:left;
	text-align:center;
	margin-right:10px;
	line-height:1;
}

.pager-navigation ul li span.cur{
	background:#f6f6f6;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:link,
.pager-navigation ul li a:visited{
	background:#fff;
	border:1px solid #CECECE;
	color:#666;
	display:block;
	line-height:1;
	padding:0.5em 0.7em;
	position:relative;
}

.pager-navigation ul li a:hover,
.pager-navigation ul li a:active{
	background:#CECECE;
}

/* 続きを読むリンク */
.search.entry p.continue {
	margin: 0;
	padding: 0;
}

.search.entry p.continue a {
	display: block;
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #E8E8E8;
}

.search.entry p.continue a:hover {
	background-color: #F0F0F0;
}

/* decoration-box */
.decoration-box{
	margin:30px 0 0;
}

.decoration-box.deco01{
	background:#f5f5f5;
	padding:30px;
}

.deco-title{
	font-size:158%;
	font-weight:bold;
	color:#666;
	margin:0 !important;
}

.deco-title02{
	font-size:115%;
	font-weight:bold;
	text-align:center;
	padding:20px 0 0 !important;
	border-bottom:none !important;
	margin:0 !important;
}

.decoration-box.deco02{
	background:url(../images/bg_title_deco02.png) top center no-repeat #fafafa;
	padding:0 50px 30px;
	border-bottom:3px solid #ddd;
	text-align:center;
	margin-top:30px;
}

/* number-list */
ul.number-list{
	text-align:left;
	margin-top:15px;
}

.number-list li{
	margin:15px 0 0;
	padding-left:36px;
	background-position:top 1px left;
	background-repeat:no-repeat;
}

/*求人事務給与欄*/

table.gishi th,table.gishi td  {
	width: 1px;
}
.content dl.jimu{
 margin-bottom:10px;
}

.content table td h3.jimuh3{
 margin-top:10px;
}

.number-list li.n01{ background-image:url(../images/icon_list_n01.png); }
.number-list li.n02{ background-image:url(../images/icon_list_n02.png); }
.number-list li.n03{ background-image:url(../images/icon_list_n03.png); }
.number-list li.n04{ background-image:url(../images/icon_list_n04.png); }
.number-list li.n05{ background-image:url(../images/icon_list_n05.png); }
.number-list li.n06{ background-image:url(../images/icon_list_n06.png); }

/*外来予定表*/

.reserve-icon {
	display: block;
	background: #ec516c;
	font-size: 87%;
	color: #fff;
	border-radius: 5px;
}



/* --- index-list --- */


.index-list ul{
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
	margin: 0;
}

.index-list ul::before,
.index-list ul::after {
	display: block;
	content: "";
	width:32%;
}

.index-list ul::before {
	order: 1;
}

.index-list li{
	display:flex;
	width:32%;
	margin:0 0 20px;
	padding:0;
}

.index-list li::before{
	display:none;
}

.index-list li a{
	box-sizing:border-box;
	display:block;
	width:100%;
	position:relative;
	padding:0 0 13px;
}

.index-list li a,
.index-list li a:link,
.index-list li a:hover,
.index-list li a:visited,
.index-list li a:active {
	text-decoration:none;
	color:#333;
}

.index-list dl dt{
    width: 230px;
    height: 142px;
    background: #f9f9f9;
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
}

.index-list li a img{
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    height: 100%;
    object-fit: cover;
}

.index-list dl dd{
	padding:0 5px;
}

.index-list dl dd.date{
	font-size:87%;
}

.index-list dl dd.title{
	line-height:1.6;
	margin:6px 0 0;
	font-weight: bold;
}

.youtube {
	text-align: center;
  	margin: 30px auto 0;
}

.js-accordion-title {
	position: relative;
}
.js-accordion-title:hover {
	cursor: pointer;
	opacity: 0.7;
}
.accordion-content {
	display: none;
}
.js-accordion-title:after {
  content: "";
  position: absolute;
  right: 25px;
  top: 38%;
  transition: all 0.2s ease-in-out;
  display: block;
  width: 8px;
  height: 8px;
  border-top: solid 2px #ec516c;
  border-right: solid 2px #ec516c;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.js-accordion-title.open:after {
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 45%;
}