@charset "utf-8";

@font-face {
	font-family: "genju_r";
	src: url(../font/genju_r.eot) format("eot"), url(../font/genju_r.woff) format("woff");
}
@font-face {
	font-family: "genju_m";
	src: url(../font/genju_m.eot) format("eot"), url(../font/genju_m.woff) format("woff");
}
@font-face {
	font-family: "geomanist_r";
	src: url(../font/geomanist_r.woff) format("woff");
}

@media all and (min-width:1025px),print{
/* :::::::::: フォント :::::::::: */
p,li,dt,dd,th,td {
 	-webkit-text-size-adjust: none;
	font-size:1.5em;
	letter-spacing: 0.03em;
	line-height:1.8em;
}
caption , figcaption {
	font-size:1.3em;
	letter-spacing: 0.03em;
	line-height:1.5em;
}


/* -----------------------------------------------------------------------
　構造
----------------------------------------------------------------------- */
html {
	overflow:auto;
}
body{
	font-family: "genju_r" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	width: 100%;
	border-top:4px solid #71a627;
	font-size:62.5%;
	overflow:hidden;
}
header {
	width:100%;
	margin:0 auto;
	overflow:hidden;
	padding:35px 0;
}
.content {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
aside {
	width:30%;
	float:left;
	margin: 0 auto 50px;
}
main {
	display:block;
	width:70%;
	float:right;
}
/* -----------------------------------------------------------------------
　見出し
----------------------------------------------------------------------- */
h1 {
	font-size:0.9em;
	width:270px;
	float:left;
	margin: 0 20px 0 0;
}
h2 {
}
h3 {
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:2em;
}
h4 {
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:2em;
}
h5 {
}
h6{}
/* =======================================================================

   全体
   
======================================================================= */
/* -----------------------------------------------------------------------
　header
----------------------------------------------------------------------- */
.h_logo a {
	display:block;
	background:url(../images/logo.svg) no-repeat;
	background-size:100% auto;
	background-position: center;
	width:386px;
	height:76px;
	
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	float:left;
}
.h_right {
	width:794px;
	float:right;
	overflow:hidden;
	box-sizing:border-box;
	margin:0 0 0 20px;
	padding: 0 0 0 20px;
	border-left: 1px solid #d6d2d0;
}
.h_address {
	font-size:1.4em;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:left;
	background:#bcd400;
	color:#fff;
	height:44px;
	box-sizing:border-box;
	padding:10px 10px 0;
}
.h_phone {
	font-size:2.3em;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float:left;
	background:#f08300;
	color:#fff;
	height:44px;
	box-sizing:border-box;
	padding:2px 30px 0;
}
/* :::::::::: nav :::::::::: */
nav {
	clear:both;
	padding:10px 0 0;
}
nav ul {
	overflow:hidden;
}
nav li {
	float:left;
	font-size:1.7em;
	line-height:1.2em;
	font-family: 'Raleway', "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 0 43px 0 0;
}
nav li:nth-child(5) {
	margin:0;
}
nav li a {
	color:#71a627;
}
nav li a:before {
	content:"";
	display:inline-block;
	width:14px;
	height:14px;
	margin: 0 3px 0 0;
}
.nav01 a:before {
	background:url(../images/nav_01.png) no-repeat;
	background-size:14px auto;
}
.nav02 a:before {
	background:url(../images/nav_02.png) no-repeat;
	background-size:14px auto;
}
.nav03 a:before {
	background:url(../images/nav_03.png) no-repeat;
	background-size:14px auto;
}
.nav04 a:before {
	background:url(../images/nav_04.png) no-repeat;
	background-size:14px auto;
}
.nav05 a:before {
	background:url(../images/nav_05.png) no-repeat;
	background-size:14px auto;
}
.drawer-hamburger,
.closeMenu {
	display:none !important;
}
/* :::::::::: key visual :::::::::: */
.mainVisual {
	height:700px;
	background:url(../images/keyv.jpg) no-repeat;
	background-size:cover;
	background-position: center;
	box-sizing:border-box;
	padding:100px 0 0;
	position:relative;
	margin:0 auto 50px;
}
.mainVisual h2 {
	text-align:center;
	font-family:  "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:2.7em;
	color:#fff;
	margin: 0 0 100px;
}
.mainVisual ul {
	width:513px;
	margin:0 auto;
	overflow:hidden;
	color:#fff;
}
.mainVisual li {
	width:100%;
	font-size:2.5em;
}
.mainVisual li span {
	display:block;
	font-family: "geomanist_r", "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	line-height:0.75em;
	padding:12px 0 0 ;
}
.mainVisual li {
	text-align:center;
}
.mainVisual_timetable {
	background:#fff;
	width:330px;
	position:absolute;
	right:0;
	bottom:0;
	left:0;
	margin:auto;
	box-sizing:border-box;
	color:#71a627;
	padding:20px;
}
.mainVisual_timetable th,
.mainVisual_timetable td {
	border-right: 1px solid #71a627;
	padding: 0 1%;
}
.mainVisual_timetable caption {
	padding:10px 0 0;
}
.mainVisual_timetable th:first-child {
	text-align:left;
}
.mainVisual_timetable td:first-child {
	text-align:right;
	padding: 0 5px 0 0;
}
.mainVisual_timetable .holiday {
	letter-spacing:-0.3em;
	text-indent:-0.3em;
	padding: 0 2%;
}
/* -----------------------------------------------------------------------
　aside
----------------------------------------------------------------------- */
.service_title {
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:2em;
	border-left:2px solid #71a627;
	padding:5px 20px 10px 20px ;
	margin: 0 0 20px;
}
.service_title:after {
	content:"SERVICES";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	color:#71a627;
	padding:3px 0 0 3px;
	line-height:0.8em;
}
.service_list {
	margin: 0 0 20px;
}
.service_list li {
	margin: 0 0 5px;
}
.service_list li:last-child {
	margin: 0;
}
.service_list li a{
	box-sizing:border-box;
	display:block;
	width:100%;
	background: #f2f7ec;
	color:#71a627;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	position:relative;
	padding:20px 0 20px 20px;
}
.service_list li a:before {
	content:"";
	display:block;
	width:38px;
	height:67px;
	background-color:#71a627;
	position:absolute;
	top:0;
	right:0;
}
.service_list li a:after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:0;
	right:17px;
	bottom:0;
	margin:auto;
}
.medical_coopretaion {
	margin: 0 0 20px;
}
.medical_coopretaion a {
	display:block;
	width:100%;
	padding:20px 0 20px 20px;
	background-color:#71a627;
	box-sizing:border-box;
	color:#fff;
	position:relative;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.medical_coopretaion a:after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:0;
	right:17px;
	bottom:0;
	margin:auto;
}
.calendar {
	background: #f2f7ec;
	padding:20px;
}
.calendar p {
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:2em;
	padding:5px 20px 10px 20px ;
	margin: 0 0 20px;
	text-align:center;
}
.calendar p:after {
	content:"CALENDAR";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	color:#71a627;
	padding:3px 0 0 3px;
	line-height:0.8em;
}
.caledit {
	background:#fff;
	width:100%;
	margin: 0 0 20px;
}
.caledit th {
	padding:5px 0;
}
.caledit td {
	padding:5px 0;
}
table.caledit td.today:before {
	content:"";
	display: block;
	width:20px;
	height:20px;
	border-radius: 50%;
	background: #e4e4e4;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	margin: auto;
	z-index:-1;
}
.calendar_annotaiton {
	background:#fff;
	text-align:center;
	padding:10px 0;
}
.calendar_annotaiton li {
	display:inline-block;
}
.calendar_annotaiton li:first-child {
	color:#71a627;
	margin: 0 20px 0 0;
}
.calendar_annotaiton li:nth-child(2) {
	color:#f08300;
}

/* -----------------------------------------------------------------------
  footer
----------------------------------------------------------------------- */
footer dl {
	width:100%;
	color:#fff;
	overflow:hidden;
	background:#71a627;
}
footer dt {
	width:40%;
	float:left;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:2em;
	box-sizing:border-box;
	padding: 40px 0 45px 22%;
}
footer dt:after {
	content:"CONTACT/RESERVATION";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	padding:3px 0 0 3px;
	line-height: 1.6em;
}
footer dd {
	width:60%;
	float:right;
	background:#bcd400;
	padding: 40px 0 40px 40px;
	font-size:3.5em;
	box-sizing:border-box;
}
.footer_inner {
	width:780px;
	height:110px;
	overflow:hiden;
	margin:0 auto;
	padding:50px 0 0;
}
footer .f_logo {
	width:280px;
	height:110px;
	float:left;
	background:url(../images/f_logo.svg) no-repeat;
	background-size:78px auto;
	background-position:left center;
	padding: 43px 0 0 100px;
	box-sizing:border-box;
	font-size:1.2em;
}
footer ul {
	text-align:left;
	float:right;
	width:500px;
	border-left:1px solid #000;
	box-sizing:border-box;
	padding: 0 0 0 20px;
	margin: 43px 0 0 ;
}
footer li {
	display:inline-block;
	font-size:1.2em;
	margin: 0 20px 0 0;
}
footer li a{
	color:#000;
}
.copyright {
	clear:both;
	text-align:center;
	font-size:1.2em;
	padding:50px 0;
}
/* -----------------------------------------------------------------------
  診療時間
----------------------------------------------------------------------- */
.timetable {
	width:100%;
}
.timetable caption {
	caption-side:bottom;
	text-align:left;
}
.timetable td {
	text-align:center;
}
/* =======================================================================

   個別
   
======================================================================= */
/* -----------------------------------------------------------------------
  index.html
----------------------------------------------------------------------- */
/* :::::::::: index.html :::::::::: */
.pickup {
	margin: 0 0 50px;
}
.pickup h3 {
	border-left:2px solid #71a627;
	padding:5px 20px 10px 20px ;
	margin: 0 0 20px;
}
.pickup h3:after {
	content:"PICK UP";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	color:#71a627;
	padding:3px 0 0 3px;
}
.pickup li {
	margin: 0 0 5px;
}
.pickup li span {
	display:block;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.4em;
}
.pickup li a {
	color:#000;
	display:block;
	width:100%;
	height:188px;
	padding: 30px 90px 0 380px; 
	box-sizing:border-box;
	position:relative;
}
.pickup li:first-child a {
	background:url(../images/pickup_image01.jpg) no-repeat;
	background-size:330px auto;
	background-position:left center;
}
.pickup li:nth-child(2) a {
	background:url(../images/pickup_image02.jpg) no-repeat;
	background-size:330px auto;
	background-position:left center;
}
.pickup li:nth-child(3) a {
	background:url(../images/pickup_image03.jpg) no-repeat;
	background-size:330px auto;
	background-position:left center;
}
.pickup li a:before {
	content:"";
	display:block;
	width:40px;
	height:188px;
	background-color:#f08300;
	position:absolute;
	top:0;
	right:0;
}
.pickup li a:after {
	content:"";
	display:block;
	width:10px;
	height:10px;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	transform:rotate(45deg);
	position:absolute;
	top:0;
	right:17px;
	bottom:0;
	margin:auto;
}
.notice {
	background:#f2f7ec;
	padding:40px;
	margin: 0 0 50px;
}
.notice h3 {
	text-align:center;
	margin:0 auto 40px;
}
.notice h3:after {
	content:"NEWS";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	color:#71a627;
	padding:3px 0 0 3px;
}
.notice dt {
	color:#71a627;
}
.notice .date {
	display:none;
}
.notice dd {
	padding:0 0 20px;
	margin: 0 0 20px;
}
.notice dd:last-child{
	padding:0;
	margin:0;
}
.feature {
	background:#71a627;
	padding:40px;
	margin: 0 0 50px;
	color:#fff;
}
.feature h3 {
	text-align:center;
	margin:0 auto 40px;
	color:#fff;
}
.feature h3:after {
	content:"FEATURES";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	padding:3px 0 0 3px;
}
.feature dl {
	padding: 0 0 0 180px;
	margin: 0 0 30px;
}
.feature dl:nth-child(2) {
	background:url(../images/feature_image03.png) no-repeat;
	background-size:135px auto;
	background-position: left 10px;
}
.feature dl:nth-child(3) {
	background:url(../images/feature_image01.png) no-repeat;
	background-size:135px auto;
	background-position: left 25px;
}
.feature dl:nth-child(4) {
	background:url(../images/feature_image02.png) no-repeat;
	background-size:135px auto;
	background-position: left 40px;
}
.feature dl:nth-child(5) {
	background:url(../images/feature_image04.png) no-repeat;
	background-size:135px auto;
	background-position: left 10px;
}

.feature dt {
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
}
.greetings {
	overflow:hidden;
	margin: 0 0 50px;
}
.greetings h3 {
	border-left:2px solid #f08300;
	padding:5px 20px 10px 20px ;
	margin: 0 0 20px;
}
.greetings h3:after {
	content:"GREETINGS";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	color:#f08300;
	padding:3px 0 0 3px;
}
.greetings img{
	display:block;
	float:right;
	margin: 0 0 0 30px;
}
.greetings p {
	margin: 0 0 15px;
}
.doctorname {
	text-align:right;
	margin:0;
}
.clinic {
	background:#f2f7ec;
	padding:40px;
	margin: 0 0 50px;
	overflow:hidden;
}
.clinic h3 {
	margin: 0 0 20px;
}
.clinic h3:after {
	content:"CLINIC INFORMATION";
	display:block;
	font-family: 'Raleway', sans-serif;
	font-weight:700;
	font-size:0.6em;
	letter-spacing:0.15em;
	color:#71a627;
	padding:3px 0 0 3px;
}
.clinic p {
	color:#71a627;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:1.8em;
	margin: 0 0 20px;
}
.clinic dl {
	width:317px;
	float:left;
}
.clinic dt {
	color:#71a627;
	border-bottom:1px solid #71a627;
}
.clinic dd {
	margin: 0 0 10px;
}
.timetable_outer {
	width:370px;
	float:right;
}
.attending_timetable {
	width:100%;
	background:#fff;
	margin: 0 0 30px;
}
.attending_timetable tr {
	border-bottom:1px solid #71a627;
}
.attending_timetable tr:last-child {
	border:0;
}
.attending_timetable th:first-child,
.attending_timetable td:first-child {
	background:#71a627;
	color:#fff;
	text-align:center;
}
.attending_timetable th {
	padding:5px 0;
	color:#71a627;
}
.attending_timetable td {
	text-align:center;
	padding:5px 0;
}
.clinic .timetable {
	background:#fff;
}
.clinic .timetable caption {
	padding: 10px 0 0;
}
.clinic .timetable tr {
	border-bottom:1px solid #71a627;
}
.clinic .timetable tr:last-child {
	border:0;
}
.clinic .timetable th:first-child,
.clinic .timetable td:first-child {
	background:#71a627;
	color:#fff;
	width:32%;
	padding: 0 3%;
	box-sizing:border-box;
}
.clinic .timetable th:first-child {
	text-align:left;
}
.clinic .timetable td:first-child {
	text-align:right;
}
.clinic .timetable th {
	padding:5px;
	color:#71a627;
}
.clinic .timetable td {
	text-align:center;
	padding:5px;
}
.clinic .timetable .holiday {
	letter-spacing:-0.3em;
}
.orange {
	color:#f08300;
}
.map {
	clear:both;
	width:100%;
	height:600px;
}
.map iframe {
	width:100%;
	height:100%;
	border:0;
}












/* =======================================================================

   下層
   
======================================================================= */
/* -----------------------------------------------------------------------
  共通
----------------------------------------------------------------------- */
.subpage .mainVisual {
	height:200px;
	padding:70px 0 0;
	background-position: center 67%;
}
.subpage .mainVisual h2 {
	font-size:3.5em;
}
.subpage main section h3 {
	border-left:2px solid #71a627;
	padding:15px 20px 20px 20px ;
	margin: 0 0 20px;
	clear:both;
}
.subpage main section h4 {
	color:#71a627;
	border-bottom:1px solid #71a627;
	padding: 0 0 10px;
	margin: 0 0 10px;
}
.subpage main section {
	margin: 0 0 50px;
	overflow:hidden;
}
.subpage main p {
	margin: 0 0 15px;
}
.subpage main li {
	margin: 0 0 10px;
}
.subpage main dt {
	color:#71a627;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #f2f7ec;
	padding:10px;
	margin: 0 0 15px;
}
.subpage main dd {
	margin: 0 0 15px;
}
.subpage .imageright {
	display:block;
	float:right;
	margin: 0 0 30px 30px;
}
.text_link {
	color: #f08300;
	text-decoration:underline;
}
.normal_list li:before {
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:50%;
	background:#71a627;
	margin: 0 10px 0 0;
}
/* :::::::::: access :::::::::: */
.subpage .access .timetable caption {
	padding:10px 0 0;
	margin: 0 0 30px;
}
.subpage .access .timetable tr {
    border-bottom: 1px solid #71a627;
}
.subpage .access .timetable tr:last-child {
    border-bottom: 0;
}
.subpage .access .timetable th:first-child, 
.subpage .access .timetable td:first-child {
    background: #71a627;
    color: #fff;
    text-align: center;
	width: 30%;
}
.subpage .access .timetable th {
	padding: 5px 0;
	color:#71a627;
	width: 10%;
}
.subpage .access .timetable td {
	padding: 5px 0;
	width: 10%;
}
.subpage .access .attending_timetable th:first-child,
.subpage .access .attending_timetable td:first-child {
	width: 30%;
}
.subpage .access .attending_timetable th,
.subpage .access .attending_timetable td {
	width: 10%;
}
/* :::::::::: 整形外科 :::::::::: */
.orthopedics_table {
	width:100%;
}
.orthopedics_table tr {
    border-bottom: 1px solid #71a627;
}
.orthopedics_table th {
    background: #71a627;
    color: #fff;
    text-align: center;
	padding:15px 10px;
}
.orthopedics_table td {
	padding:15px 10px;
}
.orthopedics_table th:first-child,
.orthopedics_table td:first-child {
	width:30%;
}
.orthopedics_table td:first-child  {
	color:#71a627;
	font-family: "genju_m" , "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    border-right: 1px solid #71a627;
}
}