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

/* 共通 */
.sp {
	display: none;
}
.flex-container {
	display: inline-flex;
	width: 100%;
}

/*flexコンテナの高さ（または幅）いっぱいに配置*/
.flex-container.stretch {
	align-content: stretch;
}
/* 横複数行に配置 */
.flex-container.wrap {
	flex-wrap: wrap;
}
.flex-container.col4 li {
	width: 23%;
	margin: 1%;
}
.flex-container.col3 li {
	width: 31.333%;
	margin: 1%;
}
.flex-container.col2 li {
	width: 48%;
	margin: 1%;
}
.flex-container.center {
	flex-wrap: wrap;
	justify-content: center;
}
.inner {
	width: 900px;
	margin: 0 auto;
	max-width: 100%;
}
.w990 {
	width: 990px;
	margin: 0 auto;
	max-width: 100%;
}
.w30p {
	width: 28% !important;
	margin: 1%;
}
.w70p {
	width: 68% !important;
	margin: 1%;
}
.w20p {
	width: 18% !important;
	margin: 1%;
}
.w80p {
	width: 78% !important;
	margin: 1%;
}
.w100p {
	width: 100%;
}
img {
	max-width: 100%;
}
.tbl img {
	vertical-align: middle;
}
.tbl {
	display: table;
}
.tbl li {
	display: table-cell;
	vertical-align: middle;
}
.tbl01 {
	width: 100%;
	display: inline-flex;
	flex-wrap: wrap;
	font-size: 18px;
	font-size: 1.8rem;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;

}
.tbl01 dt {
	width: 25%;
	box-sizing: border-box;
	padding: 15px;
	color: #fff;
	background: #188f00;
	font-weight: bold;
  border-top: 1px solid #ccc;

}
.tbl01 dd {
	width: 75%;
	background: #fff;
  border-top: 1px solid #ccc;

  border-left: 1px solid #ccc;

	box-sizing: border-box;
	padding: 15px 30px;
}
.tbl01 dd:after {
  content: '';
  display: block;
  clear: both;
}
.img_r {
	float: right;
	width: 45%;
	margin: 0 0 15px 15px;
}
.lh0 {
	line-height: 0;
}

/** header **/

header h1 img{
	max-width: 160px;
}
.mainimage{
	background: url(../images/mainimage.jpg) no-repeat center top;
	background-size: 100% auto;
	padding: 90px 0;
	color: #fff;
	text-align: left;
	width: 100%;
}
.mainimage h2{	
	font-size: 55px;
	font-size: 5.5rem;
	border-bottom: 1px solid #fff;
	margin-bottom: 30px;
}
.font-s{
	font-size: 14px;
	font-size: 1.4rem;	
}
.font-ms{
	font-size: 18px;
	font-size: 1.8rem;	
}
.font-m{
	font-size: 35px;
	font-size: 3.5rem;	
}
header li{
	background: #188f00;
	text-align: center;
	padding: 15px;
	box-sizing: border-box;
}
/** greeting **/

.font-l{
	font-size: 55px;
	font-size: 5.5rem;	
}
.font-grn{
	color: #188f00;
}
.btn_blk{
	background: url(../images/list01.jpg) no-repeat center right 20px #000;
	background-size: 14px 15px;
	width: 40%;
	margin: 0 30%;
}
.btn_blk a{
	padding: 20px;
	color: #FFF;
	display: block;
	text-align: center;
}

/* navi */
#navi{
	background:#188f00;
	color: #fff;
	padding: 100px 0;
}
#navi .font-l{
	font-weight: normal;
	letter-spacing: 10px;
}
#navi li img{
	height: 85px;
}
#navi li a{
	color: #188f00;
	padding: 25px 20px;
	display: block;
}
#navi li{
	background: #abd6a2;
}
.ttl_grn{
	background: #126900;
	padding: 20px 0;
	font-size: 35px;
	font-size: 3.5rem;	
}
/* staff */
#staff{
	background: #f3f9f2;
}

/* 院長*/
#intyou{
	background: url( ../images/greeting_bg.jpg) no-repeat center top;
	background-size: 100% auto;
	color: #fff;
	width: 100%;
}
.keireki{
	background: #f3f9f2;
	box-sizing: border-box;
	width: 100%;
	padding: 30px;
	color: #000;
	font-size: 16px;
	font-size: 1.6rem;	
}
.keireki img{
	max-width: 93px;
}
.keireki li{
	padding-left: 20px;
}

/* 募集要項*/

.font-white{
	color: #fff;
}
.bg_grn{
	background: #f3f9f2;
}
.box_voice .ttl img{
	max-width: 360px;
}
.box_voice li img{
	max-width: 120px;
	margin: 10px 20px;
}
.box_voice{
	border: 5px solid #188f00;
	border-radius: 10px;
	padding: 40px;
	width: 100%;
	box-sizing: border-box;
	font-size: 16px;
	font-size: 1.6rem;
}
.btn_red{
	background: url(../images/list02.jpg) no-repeat center right 20px #ae0000;
	background-size: 14px 15px;
	width: 100%;
	margin: 0 30%;
}
.btn_disable{
	background: url(../images/list.png) no-repeat center right 20px #c8c8c8;
	background-size: 14px 15px;
	width: 100%;
	margin: 0 30%;
}
.youkou .btn_blk a,
.youkou .btn_red a,
.youkou .btn_disable a{
	padding-top: 20px !important;
	font-size: 20px;
	font-size: 2.0rem;	
}
.youkou .btn_blk,
.youkou .btn_red,
.youkou .btn_disable{
	height: 60px;
}
.btn_red a,
.btn_disable a{
	color: #FFF;
	display: block;
	text-align: center;
}

/* スタッフの一日 */
#diary dt{
	background: url(../images/list03.jpg) no-repeat left top;
	background-size: 31px auto;
	padding-left: 40px;
	box-sizing: border-box;
}

/* よくある質問 */
.list_qa{
	border-top: 1px solid #ccc;
	background: #f3f9f2;
	padding: 30px 40px;
}
.list_qa dt{
	font-weight: bold;
	background: url(../images/icon_q.jpg) no-repeat left top;
	background-size: 34px 30px;
	padding-left: 45px;
	color: #188f00;
	margin-bottom: 10px;
}
.list_qa dd{
	font-size: 18px;
	font-size: 1.8rem;	
}
/* 医院概要 */
.phone a{
	display: inline-block;
	padding: 20px 80px;
	font-size: 30px;
	font-size: 3.0rem;	
	color: #fff;
	background: #ae0000;
	font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;
}
.phone a img{
	width: 36px;
	margin-right: 15px;
	vertical-align: middle;
}

.tbl02 {
	width: 100%;
	display: table;
	flex-wrap: wrap;
	font-size: 18px;
	font-size: 1.8rem;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
  border-collapse: collapse;


}
.tbl02 th {
	box-sizing: border-box;
	padding: 10px;
	color: #fff;
	background: #188f00;
	font-weight: bold;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
	text-align: center;
	display: table-cell;

}
.tbl02 td {
	background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
	box-sizing: border-box;
	padding: 10px;
	text-align: center;
	display: table-cell;
}
.tbl02 td:after {
  content: '';
  display: block;
  clear: both;
}
/* お問い合わせフォーム */
#inquiry{
	background: #f3f9f2;
}
#inquiry th{
	width: 25%;
}
#inquiry td{
	text-align: left !important;
	font-size: 14px;
	font-size: 1.4rem;	
}
#inquiry .form{
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 3px;
}
#inquiry .form_s{
	border: 1px solid #ccc;
	padding: 5px 10px;
	width: 40%;
	box-sizing: border-box;
	margin-bottom: 3px;
}
.btn_blk button {
    padding: 20px;
    color: #fff;
    display: block;
    background: none;
    border: none;
    text-align: center;
	cursor: pointer;
	box-sizing: ;
	width: 100%;
}



.pagetop{
	position: fixed;
	bottom: 10px;
	right: 10px;
}
.pagetop img{
	width: 40px;
}



@media screen and (max-width: 1100px) {
/* header */
	.mainimage{
	background: url(../images/mainimage.jpg) no-repeat center top;
	background-size: auto 100%;
	padding: 90px 0;
}
/* 院長*/
#intyou{
	background: url( ../images/greeting_bg.jpg) no-repeat center top;
	background-size: auto 100%;
}
}




@media screen and (max-width: 768px) {
body {
	font-size: 18px;
	font-size: 1.8rem;
}
.sp_center {
	text-align: center;
}
.inner {
	width: 96%;
	padding: 0 2%;
}
.sp {
	display: inline-block;
}
.pc {
	display: none;
}
.pt0_sp {
	padding-top: 0px !important;
}
.pt10_sp {
	padding-top: 10px !important;
}
.pt20_sp {
	padding-top: 20px !important;
}
.pt30_sp {
	padding-top: 30px !important;
}
.pt50_sp {
	padding-top: 50px !important;
}
.pb30_sp {
	padding-bottom: 30px !important;
}
.pb50_sp {
	padding-bottom: 50px !important;
}
.mt0_sp {
	margin-top: 0px !important;
}
.mt10_sp {
	margin-top: 10px !important;
}
.mt20_sp {
	margin-top: 20px !important;
}
.mt30_sp {
	margin-top: 30px !important;
}

.inner, .w990 {
	width: 96% !important;
	padding: 0 2%;
}
.flex-container.stretch, .flex-container.sp_cl {
	display: block;
}
.flex-container.col3 li, .flex-container.sp_cl li {
	width: 97% !important;
	padding: 5px 0 !important;
	box-sizing: border-box !important;
	margin: 1.5% !important;
}
.flex-container.col2_sp li, .flex-container.col4_sp li {
	width: 47% !important;
	margin: 1.5% !important;
}


.tbl01 {
	width: 100%;
	margin: 0;
}
.tbl01 dt {
	width: 100%;
	padding: 10px;
}
.tbl01 dd {
	width: 100%;
	border-left: none;
	padding: 10px;
	margin-top: 0px;
}

.w100p_sp {
	width: 100% !important;
}
	
/** header **/

.mainimage{
	padding: 40px 0;
}
.mainimage h2{	
	font-size: 30px;
	font-size: 3.0rem;
	margin-bottom: 10px;
}
.font-s{
	font-size: 12px;
	font-size: 1.2rem;	
}
.font-ms{
	font-size: 16px;
	font-size: 1.6rem;	
}
.font-m{
	font-size: 20px;
	font-size: 2.0rem;	
}
header li{
	padding: 10px;
}	
/** greeting **/

.font-l{
	font-size: 30px;
	font-size: 3.0rem;	
}

.btn_blk{
	width: 90%;
	margin: 0 5%;
}
.btn_blk a{
	padding: 15px;
}
/* navi */
#navi{
	padding: 50px 0;
}
#navi .font-l{
	letter-spacing: 5px;
}

#navi li a{
	padding: 15px 10px;
}
.ttl_grn{
	padding: 15px 0;
	font-size: 25px;
	font-size: 2.5rem;	
}
/* 院長*/
.keireki{
	padding: 15px;
}
.keireki li{
	padding-left: 0px;
}
/* 募集要項*/

.box_voice .ttl img{
	max-width: 80%;
}
.box_voice li img{
	max-width: 130px;
	margin: 10px 0 0 0;
}
.box_voice{
	border: 3px solid #188f00;
	padding: 20px;
}
.youkou .btn_blk a,
.youkou .btn_red a,
.youkou .btn_disable a{
	padding-top: 15px !important;
}
/* よくある質問 */
.list_qa{
	padding: 20px;
}

.list_qa dd{
	font-size: 14px;
	font-size: 1.4rem;	
}
/* 医院概要 */
.phone a{
	padding: 20px 10px;
	font-size: 26px;
	font-size: 2.6rem;	
}
.phone a img{
	width: 20px;
	margin-right: 5px;
}
/* お問い合わせフォーム */
#inquiry th{
	font-size: 14px;
	font-size: 1.4rem;	
}	
	
}