@charset "utf-8";

.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}

.no-gutter-left > [class*='col-'] {
    padding-left:0;
}

.no-gutter-right > [class*='col-'] {
    padding-right:0;
}

@media print {
a[href]:after {
content: "";
}
abbr[title]:after {
content: "";
}
}








html {
	font-size: 62.5%;
}

img{
	margin: 0;
	padding: 0;
}
body{
	font-size: 1.6rem;
	color:#3e2b07;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


h1 {
	font-weight:normal;
	text-align:center;
	font-size:1.4rem;
	letter-spacing:0.1rem;
	margin-bottom:0;
	margin-top:10px;
}

h3 {
	font-size:1.8rem;
	background-color:#3e2b07;
	display:inline-block;
	min-width:255px;
	color:#fff;
	padding:8px 25px 6px 25px;
	letter-spacing:0.2rem;
	margin-top:25px;
	text-align:center;
	margin-left:-25px;
}


h4 {
	font-size:1.8rem;
	background-color:#3e2b07;
	color:#fff;
	padding:8px 10px 6px 10px;
	text-align:center;
	letter-spacing:0.2rem;
	margin-top:25px;
	margin-left:-25px;
	width: calc(100% + 50px);
}

@media (max-width: 481px) {
	h4 {
	width: calc(100% + 35px);
	}
}



h5.blue {
	font-size:2.2rem;
		text-shadow:
		-2px -2px #71a5af,
		2px -2px #71a5af,
		-2px 2px #71a5af,
		2px 2px #71a5af;
		color:#fff;
}


.header_nav {
	max-width:950px;
	margin:0 auto 0 auto;
}






#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}


@media (min-width: 481px) {
    #footerFloatingMenu {
        display: none;
    }

}


.header_pc {
	width:800px;
	margin:0px auto 0 auto;
	position:relative;
}

.header_pc .logo {
	float:left;
}


.header_pc .telno {
	position:absolute;
	top:55px;
	right:0;
	font-size:3.8rem;
	color:#3e2b07 !important;
	font-weight:bold;
}


.header_pc .telno:before {
  content: "\f095";
  font-family: FontAwesome;
	color:#3e2b07 !important;
}


.header_pc .open_time {
	position:absolute;
	/*
	bottom:5px;
	*/
	top: 110px;
	right:0;
	font-size:1.5rem;
}


.header_pc .open_time span {
	color:#ffac00;
}


main {
	margin-top:0;
	padding-top:0;
}


.main_image {
	width:100%;
	max-width:1150px;
	margin:0 auto 0 auto;
	overflow:hidden;
	text-align:center;
	margin-bottom:25px;
}

.main_image img {
	width:100%;
	max-width:1150px;
	height:auto;
}


@media (max-width: 481px) {

main {
	margin-bottom:85px;
	margin-top:50px;
}

main.index {
	margin-bottom:85px;
	margin-top:0;
}


.main_image {
	position:relative;
	min-height:220px;
	top:27px;
	margin-bottom:25px;
}


.main_image img {
	position:absolute;
	top:50px;
	margin-top:40px;
	width:auto;	
	min-height:180px;
	max-height:220px;
    left: 60%;
    transform: translate(-50%,-50%);
}
}
	

.navbar-default {
    background-color: #fff;
}

.navbar-default .navbar-toggle {
    background-color: #e78c1c;
}


.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    background-color: #e78c1c;
}


.navbar-default .navbar-toggle .icon-bar {
    background-color: #fff;
}

.nav > li {
	border-bottom:1px dashed #ccc;
	font-size:1.4rem;
}

.nav > li a:before {
  content: "\f0a9";
  font-family: FontAwesome;
  padding-right:0.5rem;
}

.navbar-nav > li > a {
    padding-top: 12px;
    padding-bottom: 12px;
	color:#333 !important;
}


.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse {
    max-height: 440px !important;
}

.main-nav {
display: flex;
justify-content: space-between;
padding-left:0;
max-width:1024px;
margin-left:auto;
margin-right:auto;
margin-top:0;
margin-bottom:20px;
}

.main-nav ul,
.main-nav li {
	margin:0;
	padding:0;
}

.main-nav li {
	list-style-type:none;
	flex-grow:1;
}


.main-nav a {
  margin: 0 10px 10px 10px;
  border-radius: 5px;
  background: #393b3a;
  color: #fff;
  display: block;
  padding: 5px 3px 3px 3px ;
  text-decoration: none;
  text-align:center;
  font-size:1.8rem;
  border:3px solid #393b3a;
}

.main-nav a:hover {
  background: #5a5d5c;
  color: #fff;
  display: block;
  padding: 5px 3px 3px 3px ;
  text-decoration: none;
  text-align:center;
  font-size:1.8rem;
  border:3px solid #393b3a;
}

.main-nav .current {
  background: #5a5d5c;
  border:3px solid #393b3a;
  color:#fff;
}


@media (max-width: 768px) {
.main-nav a,
.main-nav a:hover {
	font-size:1.4rem;
	margin: 0 4px 4px 4px;
	padding: 4px 2px 2px 2px;
}
}


ul.table {
list-style:none;
padding-left:0;
}

ul.table li.first {
border: 1px solid #ccc;
width: 100%;
}

ul.table li.next {
width: 100%;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

ul.table li span.dan {
float: left;
padding: 10px;
}

ul.table li span.dan2 {
display: block;
margin-left: 210px;
padding: 10px;
border-left: 1px solid #ccc;
}


@media (max-width: 481px) {
	ul.table li span.dan {
float:none;
}


ul.table li.next {
padding-top:20px;
}


ul.table li span.dan2 {
border-left: none;
	padding-top:0;
	margin-left:2rem;
	
}

ul.table li {
	border:none !important;
}

ul.table li.first,
ul.table li.next {
	border-bottom: 1px dashed #999 !important;
}


}




footer .footer_container {
	width:800px;
	margin:25px auto 0px auto;	
}


footer .photo {
	width:450px;
	float:left;
}


footer .address {
	float:left;
	font-size:1.5rem;
	color:#000;
	padding:52px 0 0 15px;
	text-align:left;
}


footer .copyright {
	border-top:13px #83b71f solid;
	text-align:center;
	color:#251e1c;
	font-size:1rem;
	letter-spacing:0.1rem;
	padding-top:1rem;
	padding-bottom:1rem;
}


.satoshi_container {
	max-width:950px;
	margin:0 auto 0 auto;
	padding-left:0;
	padding-right:0;
}

.satoshi_container .row {
	margin-left:0;
	margin-right:0;
}

.col-sm-12 {
	padding-left:0;
	padding-right:0;
}


.navbar-brand {
    padding: 5px 5px;
}

.navbar-toggle {
    margin-right: 5px;
}


/* categorytab */
.categorytab_access {
	border-top:4px solid #ff3b24;
}


.categorytab_insurance { 
	border-top:4px solid #71bdc7;
}


.categorytab_uninsured { 
	border-top:4px solid #e4891c;
}


.categorytab_staff { 
	border-top:4px solid #353837;
}


.categorytab_contact { 
	border-top:4px solid #3e2b07;
}



.categorytab_access span {
	background-color:#ff3b24;
	border-radius:0 0 10px 10px;
	padding:6px 50px 5px 50px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-size:1.8rem;
}

.categorytab_insurance span {
	background-color:#71bdc7;
	border-radius:0 0 10px 10px;
	padding:6px 50px 5px 50px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-size:1.8rem;
}


.categorytab_uninsured span {
	background-color:#e4891c;
	border-radius:0 0 10px 10px;
	padding:6px 50px 5px 50px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-size:1.8rem;
}


.categorytab_staff span {
	background-color:#353837;
	border-radius:0 0 10px 10px;
	padding:6px 50px 5px 50px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-size:1.8rem;
}

.categorytab_contact span {
	background-color:#3e2b07;
	border-radius:0 0 10px 10px;
	padding:6px 50px 5px 50px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-size:1.8rem;
}




@media (max-width: 481px) {

.categorytab_access span {
	background-color:#ff3b24;
	border-radius:0 0 10px 10px;
	padding:6px 25px 5px 25px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

.categorytab_insurance span {
	background-color:#71bdc7;
	border-radius:0 0 10px 10px;
	padding:6px 25px 5px 25px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

.categorytab_uninsured span {
	background-color:#e4891c;
	border-radius:0 0 10px 10px;
	padding:6px 25px 5px 25px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

.categorytab_staff span {
	background-color:#353837;
	border-radius:0 0 10px 10px;
	padding:6px 25px 5px 25px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

.categorytab_contact span {
	background-color:#3e2b07;
	border-radius:0 0 10px 10px;
	padding:6px 25px 5px 25px;
	color:#fff;
	display:inline-block;
	letter-spacing:0.2rem;
	font-weight:bold;
	margin-left:auto;
	margin-right:auto;
}

}


.pt25 {
	padding-top:25px;
}

.pt50 {
	padding-top:50px;
}

.pb0 {
	padding-bottom:0 !important;
}

.mt25 {
	margin-top:25px;
}

.mt50 {
	margin-top:50px;
}

.mb0 {
	margin-bottom:0px;
}

.mb25 {
	margin-bottom:25px;
}

.mb50 {
	margin-bottom:50px;
}


.googlemaps {
}

.googlemaps iframe {
	width:100%;
	height:500px;
}

@media (max-width: 481px) {
.googlemaps iframe {
	width:94%;
	height:250px;
}


.text-center-xs {
	text-align:center;
}

}


/* FB */
.fb_container {
	border:1px solid #989b9a;
	box-sizing:border-box;
	max-width:340px;
	margin:0 auto 0 auto;
}

@media (max-width: 481px) {
.fb_container {
	max-height:350px;
	overflow:hidden;
	margin-bottom:25px;
}
}


.fb_title {
	color:#fff;
	font-size:1.8rem;
	background-color:#71bbc5;
	padding:5px;
}

	
/*satoshi*/
.red22 {
	color:#e73a1c;
	font-weight:bold;
	font-size:2.2rem;
	padding-top:10px;
	padding-bottom:10px;
	line-height:2.8rem;
}

.water18 {
	color:#71bbc5;
	font-weight:bold;
	font-size:1.8rem;
	padding-bottom:10px;
}


.red18 {
	color:#e73a1c;
	font-size:1.6rem;
}


p {	
}


a.pagetop {
	display:block;
	text-align:right;
	color:#3e2b07;
	font-size:1.4rem;
	padding-right:30px;
}

a.pagetop:after {
  content: "\f0a9";
  font-family: FontAwesome;
  padding-left:0.5rem;
}


a.pagetop:hover {
	text-decoration:none;
	color:#62450f;
}



/* insurance */

.insurance_container {
	width:850px;
	margin:0 auto 0 auto;
}

@media (max-width: 481px) {
.insurance_container {
	width:calc(100% - 20px) !important;
	margin:0 10px 0 10px !important;
}
}

.ellipse-box {
    border-radius: 50%;
    height: 40px;
    width: 110px;
	border:#251e1c 1px solid;
	position:relative;
	margin-bottom:15px;
	box-sizing:border-box;
}

.ellipse_text {
	position:absolute;
	width:110px;
	height:40px;
	top:8px;
	text-align:center;
	font-weight:bold;
}

.ellipse-red_box {
	border-radius: 50%;
	height: 50px;
	width: 220px;
	border: #251e1c 1px solid;
	position: relative;
	margin-bottom: 15px;
	box-sizing: border-box;
	left: 110px;
	top:25px;
}


.ellipse-red_text {
	position:absolute;
	width:220px;
	height:50px;
	top:12px;
	text-align:center;
	font-weight:bold;
	color:#b6272d;
}



p.insurance {
	line-height:2.5rem;
	padding-bottom:3rem;
}


p.insurance_red {
	line-height:2.5rem;
	padding-bottom:3rem;
	color:#b6272d;
	position:relative;
	font-weight:bold;
}

p.insurance_orange {
	color:#e78c1c;
	font-size:1.9rem;
	font-weight:bold;
}

p.insurance_brown {
	color:#3e2b07;
	font-size:1.6rem;
	font-weight:bold;
}

.f14 {
	font-size:1.4rem;
}


.insurance_table th {
	width:25%;
	background-color:#85b91f;
	color:#fff;
	padding-left:2rem !important;
}

.insurance_table td {
	padding-left:2rem !important;	
}
@media (max-width: 481px) {
.insurance_table th,
.insurance_table td {
	padding-left:0.5rem !important;	
}
}


/* uninsured */

.uninsured_container {
	width:850px;
	margin:0 auto 0 auto;
}


@media (max-width: 481px) {
.uninsured_container {
	width:calc(100% - 20px) !important;
	margin:0 10px 0 10px !important;
}
}


p.uninsured_red {
	line-height:2.5rem;
	color:#ff3b24;
	font-weight:bold;
	font-size:2.2rem;
}



.img_center-uninsured {
	margin:0 auto 0 auto;
	width:734px;	
}


@media (max-width: 481px) {
.img_center-uninsured {
	margin:0 auto 0 auto;
	width:100%;	
}
}


.granston_title {
	font-size:2.2rem;
	color:#e43a1c;
	text-align:center;
	font-weight:bold;
	padding-top:25px;
	padding-bottom:25px;
}



.granston_title span {
	font-weight:normal;
}



@media (max-width: 481px) {
.granston_title span {
	font-size:1.5rem;
}
}



dl.contact dt {
	display:block;
	text-indent:-1rem;
	margin-left:1rem;
	padding-top:0.8rem;
	font-weight:normal;
	line-height:2.2rem;
}

ul.contact li {
	padding-top:0.8rem;
	font-weight:normal;
	line-height:2.2rem;
}

ul.contact {
	padding-left:2rem;
}


dl.mailform {
	margin-bottom:0;
}


	

.balloon4 p{
    text-align:center;
    font-size: 1.6rem;
}
.balloon4{
    background: #fff;
    dispay: inline-block;
    position: relative;
    width: 100%;
    height:auto;
    border: 1px solid #000;
    border-radius: 15px;
    margin-top: 10px;
	padding-top:12px;
}
.balloon4:before {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-bottom-color: #000;
    position: absolute;
    left: 50%;
    top: -20px;
}
.balloon4:after {
    content: "";
    display: inline-block;
    border: 10px solid transparent;
    border-bottom-color: #fff;
    position: absolute;
    left: 50%;
    top: -19px

}


@media (max-width: 481px) {
div.balloon4{
	padding-left:15px;
	padding-right:15px;
}

.balloon4 p{
    text-align:left;
}
}




/* staff */

.name_top_water { 
	background-color:#fff;
	height:10px;
	border-radius:10px;
	position:relative;
	margin-top:25px;
	margin-left:25px;
	margin-right:25px;
}
	
.name_orange {
	background-color:#ff3b24;
	height:10px;
	border-radius:10px;
	position:relative;
	margin-top:75px;
}

.name_water {
	background-color:#71a5af;
	height:10px;
	border-radius:10px;
	position:relative;
	margin-top:75px;
}

.name_image {
	text-align:center;
	position:absolute;
	bottom:0;
	left:50%;
	width:300px;
	margin-left:-150px;
}

.staff_photo {
	width:556px;
	margin:15px auto 0 auto;
	padding-bottom:5px;
}

@media (max-width: 481px) {

.staff_photo {
	width:100%;
	margin:15px auto 0 auto;
	padding-bottom:5px;
}
}

.staff_top_bg {
	background-color:#50a7b1;
	border-radius:10px;
	margin-top:25px;
	padding:15px;
}



/* uninsured */

.staff_title_container {
	width:850px;
	margin:0 auto 0 auto;
}

.staff_top_container {
	width:800px;
	margin:0 auto 0 auto;
}

.staff_container {
	width:750px;
	margin:0 auto 0 auto;
}

.staff_top_comment {
	width:94%;
	margin: 0 auto 0 auto;
	padding-left:15px;
	padding-right:15px;
}


	
.staff_top_comment table th,
.staff_top_comment table td {
	padding-top:10px;
	font-size:1.6rem;
	font-weight:normal;
}


.staff_top_comment span {
	text-align:center;
	font-size:1.8rem;
	font-weight:bold;
	margin-top:25px;
	margin-bottom:25px;
	display:block;
}



@media (max-width: 481px) {
.staff_title_container,
.staff_top_container,
.staff_container {
	width:calc(100% - 20px) !important;
	margin:0 10px 0 10px !important;
}
.staff_title_center {
	overflow:hidden;
	position:static;
	margin-top:25px;
	padding-bottom:50px;
}


.staff_title_center img {
	position:absolute;
	margin-left:-320px;
	left:50%;
	width:100%;
	height:auto;
}

.staff_top_comment span {
	text-align:left;
}

.staff_top_comment table th,
.staff_top_comment table td {
	display:block;
	padding-top:0px;
}

.staff_top_comment table td.border {
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px dashed #ccc;
}

.staff_top_comment span {
	margin-top:0px;
}

}
	

ul#mfp_phase_stat {
	display:none;
}

@media print {
	.print-right {
		width:50%;
		float:right;
	}
.fb_container {
    width: 340px;
}
}


.res_text{
font-size: 1.6rem;
    display: inline-block;
    padding-top: 1.8rem;
    padding-left: 3.4rem;
}