@charset "utf-8";
/******************************************************************************
/* Greenapple-room  common css file
*******************************************************************************/

/******************************************************************************
/* body
*******************************************************************************/
body {
	padding-top: 			51px;
	font-family: 			Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	background-color:		#f2f3f5;
}
.contents_area {
	padding:				30px 0 30px 0;
	background-color:		#ffffff;
}
.contents_area0 {
	padding:				10px 0 10px 0;
	background-color:		#ffffff;
	text-align: center;
}
/******************************************************************************
/* ページトップ
*******************************************************************************/
.page_top {
	color:					#ffffff;
	background-position:	center center;
	background-repeat:		no-repeat;
	background-size:		cover;

	/* add 2022-09-28 a.nakata */
	text-align: center;
}

.page_top h1 { margin: 0px;
 display: none
} 

/* アンカーリンク add 2022-11-25 a.nakata */
.anchor {
	display: block;
	padding-top: 70px;
	margin-top: -70px;
}

.logo {
	background-image:		url("images/logo.jpg");
	padding-top: 80px;
	padding-right: 0;
	padding-bottom: 80px;
	padding-left: 100px;
}
.home_top {
	background-image:		url("images/photo_01.jpg");
	padding: 100px 0;
}
.clinic_top {
	background-image:		url("images/photo_02.jpg");
	padding: 80px 0;
}
.doctor_top {
	background-image:		url("images/photo_03.jpg");
	padding: 80px 0;
}
.media_top {
	background-image:		url("images/photo_06.jpg");
	padding: 80px 0;
}
.treatment_top {
	background-image:		url("images/photo_04.jpg");
	padding: 80px 0;
}
.access_top {
	background-image:		url("images/photo_05.jpg");
	padding: 80px 0;
}
.blog_top {
	background-image:		url("images/photo_03.jpg");
	padding: 80px 0;
}
.tour_top {
	background-image:		url("images/photo_06.jpg");
	padding: 80px 0;
}
.links_top {
	background-image:		url("images/photo_01.jpg");
	padding: 80px 0;
}
.recruit_top {	/* add 2022-09-20 a.nakata */
	background-image:		url("images/photo_07.jpg");
	padding: 80px 0;
}
.page_top p {
	font-size: 				18px;
	color: 					#ffffff;

	/* add 2022-09-28 a.nakata */
	display: inline-block;
    background-color: rgba(186,204,29,0.8);
	padding: 10px 20px;
	margin: 0 auto;
}
.page_top.home_top p {
	display: none;
}
/******************************************************************************
/* タイトル
*******************************************************************************/
.titlestyle {
	padding: 				10px 0 10px 20px;
	background-color: 		#FAFAFA;
	color: 					#BACC1D;
}

.titlestyle2 {
	padding: 				10px 0 10px 20px;
	background-color: 		FDFCD5;
	color: 					#000;
}

/* 見出し 背景灰色＆上下点線 add 2022-09-20 a.nakata */
.titlestyle3 {
	width: 100%;
	background-color: #f3f3f3;
	
	height: 33px;
	text-indent: 10px;
	padding-top: 7px;
	font-size: 15px;
	color: #302400;
	margin-bottom: 15px;

	border-top: 1px dashed #cacaca;
	border-bottom: 1px dashed #cacaca;
}
.titlestyle3:before {
	content: '－';
	padding-right: 5px;
}
.titlestyle3.faq:before { /* よくある質問専用：「－」⇒「Q」 */
	content: '';
	background-image: url('images/icon-faq.png');
	background-repeat: no-repeat;
	background-position: left center; 
	padding: 6px 20px 6px 0;
}
/******************************************************************************
/* はじめに
*******************************************************************************/
.noticestyle{
	padding: 				0 15px 20px 15px;
}
.noticestyle p{
	padding: 				0 15px 0 15px;
}
/******************************************************************************
/* 新着情報
*******************************************************************************/
.newsstyle{
	padding: 				0 15px 20px 15px;
}
.news {
	width: 					100%;
/*	background-color: 		#999999;*/
}
.news .n_date {
	padding: 				10px 5px 10px 10px;
	width: 					10%;
	vertical-align: 		top;
	color: 					#2f2f2f;
}
.news .n_categories {
	padding: 				10px 5px 10px 10px;
	width: 					20%;
	vertical-align: 		top;
	color: 					#2f2f2f;
}
.news .n_contents {
	padding: 				10px 10px 10px 10px;
	width: 					70%;
	color: 					#2f2f2f;
}
/******************************************************************************
/* コンテンツ BOX表示
*******************************************************************************/
.boxstyle_01 {
	padding: 				10px 10px 10px 10px;
	margin: 				20px 0 20px 0;
}
.boxstyle_01 .iconstyle {
	margin-bottom:			15px;
	text-align: 			center;
	color: 					#99eea0;
}
.boxstyle_01 .iconstyle_02 {
	margin-bottom:			15px;
	text-align: 			center;
	color: 					#5566ee;
}
.boxstyle_01 h4 {
	margin-bottom:			20px;
	text-align: 			center;
}
.boxstyle_01 p {
	font-size: 				13px;
	color: 					#343434
}
.boxstyle_02 {
	margin-bottom:			20px;
	box-shadow: 			0 2px 4px rgba(0,0,0,0.3);
}
.boxstyle_002 {
	margin-bottom:			20px;

}

.boxstyle_02 .cardtyle {
	margin-bottom:			15px;
	border-left:			solid 1px #cccccc;
	border-right:			solid 1px #bbbbbb;
	border-bottom:			solid 1px #bbbbbb;
}
.boxstyle_02 h4 {
	margin:					0;
	padding:				10px 0 10px 0;
	text-align: 			center;
	background-color: 		#CCECF9;
	color: 					#666;
}

.boxstyle_002 h4 {
	margin:					0;
	padding:				10px 0 10px 0;
	text-align: 			center;
	background-color: 		#CCECF9;
	color: 					#666;
}

.boxstyle_02 p {
	padding:				20px 10px 10px 10px;
	font-size: 				13px;
	color: 					#5f5f5f;
}
.boxstyle_002 p {
	padding:				20px 10px 10px 10px;
	font-size: 				13px;
	color: 					#5f5f5f;
}
/******************************************************************************
/* Blog リスト表示
*******************************************************************************/
.blog_listitem {
	padding:				10px 10px 10px 10px;
}
.blog_widget {
	padding:				10px 10px 10px 0;
}
/******************************************************************************
/* コンタクト　googlemap
*******************************************************************************/
.google-maps {
	position: 				relative;
	padding-bottom: 		40%;
	margin-bottom:			30px;
	height: 				0;
	overflow: 				hidden;
	border: 				solid 1px #afafaf;
}
.google-maps iframe {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100% !important;
	height: 				100% !important;
	padding: 				10px 10px 10px 10px;
}
/******************************************************************************
/* コンタクト　会社情報
*******************************************************************************/
.contactstyle {
	margin: 				0;
	background-color: 		#4f4f4f;
}
.contact_info {
	padding:				15px 10px 15px 10px;
	color: 					#f0f0f0;
}
/******************************************************************************
/* コンタクト　メッセージ送信
*******************************************************************************/
.contact_form {
	padding:				15px 10px 15px 10px;
}
/******************************************************************************
/* フッタ
*******************************************************************************/
footer {
	padding:				100px 0 100px 0;
	background-color:		#343434;
	font-size:				16px;
}
footer a {
	text-decoration:		none;
}
footer a:hover {
	text-decoration:		none;
	color:					#fefefe;
}
footer ul.pages {
	margin-bottom:			40px;
}
footer ul.pages li {
	display:				inline;
}
footer ul.pages li:not(:last-child){
	margin-right:			20px;
}
/******************************************************************************
/* ソーシャルアイコン一覧表示
*******************************************************************************/
ul.social_icons li {
	display:				inline;
}
ul.social_icons li:not(:last-child) {
	margin-right:			5px;
}
ul.social_icons i.s_icon {
	width:					50px;
	height:					50px;
	text-align:				center;
	-webkit-border-radius:	50%;
    -moz-border-radius:		50%;
    border-radius:			50%;
	padding:				10px 0 0 0;
	background-color:		#222222;
	color:					#fefefe;
}
ul.social_icons i.color_twitter:hover {
	background-color:		#55acee;
}
ul.social_icons i.color_facebook:hover {
	background-color:		#3b5998;
}
ul.social_icons i.color_google_plus:hover {
	background-color:		#dd4b39;
}
ul.social_icons i.color_instagram:hover {
	background-color:		#3f729b;
}
ul.social_icons i.color_pinterest:hover {
	background-color:		#cc2127;
}
/******************************************************************************
/* copyright
*******************************************************************************/
.copyright {
	padding:				10px 0 10px 0;
	color:					#fff;
	background-color:		#BACC1D;
}
.copyright p {
	padding:				0;
	margin:					0;
}
.copyright a {
	text-decoration:		none;
	color:					#fefefe;
}
.copyright a:hover {
	color:					#acacee;
}

.ft {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
.ft2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #bfb3ab;
	width: 100%;
}

.f_box {

	padding-top: 10px;
	padding-bottom: 0px;
	background-color: #F4EAE4;
	width: 100%;
}



.dot_line {
	padding:11px 0 0px 0;
	margin:20px 10px 0 10px;
	background-image: url(images/dot_line.gif);
	background-repeat: repeat-x;
}

.t9 {
	font-size: .9em;
}

.grn {
	color: #999900;
}

.red {	/* 赤色 add 2022-09-20 a.nakata */
	color: #C00;
}

.clear{ display:block;	clear:both;	height:1px;	overflow:hidden; font-size:1px; line-height:1px }

.sp5{ display:block;	height:5px;	overflow:hidden;}	/* add 2022-09-20 a.nakata */
.sp10{ display:block;	height:10px;	overflow:hidden;}
	.sp10p{ display:block;	height:10px;	overflow:hidden; font-size:1px; line-height:1px}
.sp15{ display:block;	height:15px;	overflow:hidden;}
	.sp15p{ display:block;	height:15px;	overflow:hidden;}
.sp20{ display:block;	height:20px;	overflow:hidden;}
	.sp20p{ display:block;	height:20px;	overflow:hidden;}
.sp25{ display:block;	height:25px;	overflow:hidden;}
.sp30{ display:block;	height:30px;	overflow:hidden;}
.sp35{ display:block;	height:35px;	overflow:hidden;}
.sp40{ display:block;	height:40px;	overflow:hidden;}
.sp50{ display:block;	height:50px;	overflow:hidden;}


p.rm {
	max-width: 800px; /* 最大幅 */
	min-width: 240px; /* 最小幅 */
	text-align: center;
}
p.rm img { width: 100%; }

p.rm2 {
	max-width: 800px; /* 最大幅 */
	min-width: 240px; /* 最小幅 */
	text-align: center;
	
}
p.rm2 img { width: 100%; }

p.rm3 {
	max-width: 800px; /* 最大幅 */
	min-width: 240px; /* 最小幅 */
	text-align: center;
	
}
p.rm3 img { width: 80%; }


.tb02 {
	border: 1px solid #0E9850;

}
.tb02-01 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E9850;
	padding-left: 12px;
}
.tb02-02 {
	padding-left: 12px;
}


.tb02-03 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E9850;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E9850;
	text-align: center;
	font-size: 12px;
}

.tb02-04 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E9850;
text-align: left;
	font-size: 12px;
}
.tb02-05 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E9850;
	text-align: center;
	font-size: 12px;
}


.tb02-06 {
	text-align: left;
	font-size: 12px;
}

.tb01-06 {
	text-align: left;
	font-size: 16px;
	text-align: center;
}

.tb01 {
	border: 1px solid #0E9850;

}
.tb01-01 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E9850;
	padding-left: 15px;
}
.tb01-02 {
	padding-left: 15px;
}


.tb01-03 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E9850;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E9850;
	text-align: center;
	font-size: 16px;
}

.tb01-04 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E9850;
	text-align: center;
	font-size: 16px;
}
.tb01-05 {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #0E9850;
	text-align: center;
	font-size: 16px;
}


/* リスト：ベタ塗り四角（黄緑） add 2022-09-20 a.nakata */
ul.list-square {
	list-style: none;
}
ul.list-square li {
	line-height: 200%;
}
ul.list-square li:before {
	margin-right: 7px;
	content: " ";
	display: inline-block;

	background: #bacc1d;
	width: 13px;
	height: 13px;
}

/* 見出し（濃い緑） add 2022-09-20 a.nakata */
.midashi {
	font-size: 14px;
	color: #6c8855;
	font-weight: bold;
	line-height: 2;
}

/* テーブル：下線（薄い灰色）のみ ※求人情報「1日のスケジュール」 add 2022-09-20 a.nakata */
table.t_01 {
    border-collapse:  collapse;
	width: 100%;
}
table.t_01 th,table.t_01 td {
	font-weight: normal;
    padding: 9px;
	border: none;
	border-bottom: 1px solid #e6e6e6;

	font-size: 14px;
}
table.t_01 th {
	width: 120px;
}
table.t_01 tr:last-child th,table.t_01 tr:last-child td {
	border: none;
}

/* テーブル：線無し 上詰め ※求人情報「先輩からのメッセージ」 add 2022-09-20 a.nakata */
table.t_02 {
    border-collapse:  collapse;
	width: 100%;
}
table.t_02 th,table.t_02 td {
	vertical-align: top;
	font-weight: normal;
    padding: 0;
	border: none;
	font-size: 14px;
}
table.t_02 th {
	width: 75px;
}

/* テーブル：線あり　th:背景あり ※求人情報「募集要項」 add 2022-09-20 a.nakata */
table.t_03 {
    border-collapse:  collapse;
	width: 100%;
}
table.t_03 th,table.t_03 td {
	vertical-align: top;
	font-weight: normal;
    padding: 10px;
	border: 1px solid #c4c4c4;
	font-size: 14px;
}
table.t_03 th {
	background: #fdffef;
	width: 100px;
}

/* テーブル：料金案内専用 add 2022-11-25 a.nakata */
table.t_04 {
    border-collapse:  collapse;
	width: 100%;
}
table.t_04 th,table.t_04 td {
	vertical-align: top;
	font-weight: normal;
    padding: 10px;
	border: 1px solid #c4c4c4;
	font-size: 13px;
}
table.t_04 th {
	background: #F5F7D7;
	width: 60%;
}
table.t_04 td {
	background: #FDFEE7;
}

/* 診療紹介：ページ内リンクボタン */
a.btn-page-link {
	display: flex;
	align-items: center;
	color: #333;
	border: none;
	/* width: 16rem; */
	padding: 15px;

	height: 60px;

	border: 1px solid #bacc1d;
	border-radius: 5px;
}
a.btn-page-link .btn-page-link-text {
	flex: 1;
	text-align: left;
}
a.btn-page-link .btn-page-link-icon {
	flex: 1;
	max-width: 1rem;
}

/* 2カラム add 2022-11-25 a.nakata */
.col {
    letter-spacing: -1em;
    margin: 0;
    width: 100%;
}
.col .col-inner {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 5px;
    list-style: none;
    letter-spacing: 0em;
    vertical-align: top;

    display: inline-block;
    width: 50%;
}

/* スマホ用メニューにサブメニュー追加 add 2023-01-06 a.nakata */
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
	max-height: none;
}
ul.navbar-nav > li > ul {
	padding-left: 15px;
	background: #c8d650;
}
ul.navbar-nav > li > ul > li {
	padding: 10px 0 10px 15px;
	list-style-type: none;
	color: #FFF;
}
ul.navbar-nav > li > ul > li::before {
	content: '－ '
}
ul.navbar-nav > li > ul > li > a {
	color: #FFF;
}


/******************************************************************************
/* フッター固定メニュー add 2023-03-27 a.nakata
*******************************************************************************/
/*メニューをページ下部に固定*/
#sp-fixed-menu{
	position: fixed;
	width: 100%;
	bottom: 0px;
	font-size: 0;
	opacity: 0.9;
	z-index: 99;
 }
 
 /*メニューを横並びにする*/
 #sp-fixed-menu ul{
	display: flex;
	list-style: none;
	padding:0;
	margin:0;
	width:100%;
 }
 
 #sp-fixed-menu li{
	justify-content: center;
	align-items: center;
	width: 50%;
	padding:0;
	margin:0;
	font-size: 14px;
	border-right: 1px solid #fff;
 }
 
 /*左側メニューを緑色に*/
 #sp-fixed-menu li:first-child{
	background: #BACC1D;
	width: 70%;
 }
 
 /*左側メニューをピンク色に*/
 #sp-fixed-menu li:last-child{
	background: #ffaeca;
	width: 30%;
 }
 
 /*ボタンを調整*/
 #sp-fixed-menu li a{
	color: #fff;
	text-align: center;
	display:block;
	width: 100%;
	padding:15px;
 }
 
 /*ボタンを調整*/
 #sp-fixed-menu li a:hover{
	text-decoration: none;
 }