@charset "utf-8";



/* --------------------------------------------------------------------------------
essential
-------------------------------------------------------------------------------- */

body {
	font-size: 1rem;
}



/* --------------------------------------------------------------------------------
misc
-------------------------------------------------------------------------------- */

br.large {
	display: none;
}
br.small {
	display: inline;
}
span.no-large,
i.no-large {
	display: inline;
}
span.no-small,
i.no-small {
	display: none;
}



/* --------------------------------------------------------------------------------
page
-------------------------------------------------------------------------------- */

div#page {
	padding-top: 70px;
}
div#page nav#navi-fixed {
	width: calc(100% - 10px);
	left: 5px;
}
div#page nav#navi-fixed ul li {
	width: calc(33.33% - 5px);
}
div#page nav#navi-fixed ul li.contact {
	display: none;
}
div#page div.time-day {
	padding: 0px;
	border-radius: 0px;
}
div#page div.time-day p.label {
	display: block;
	text-align: center;
	margin-bottom: 10px;
}
div#page div.time-day p.label::before {
	margin-right: 5px;
	content: "〈";
}
div#page div.time-day p.label::after {
	margin-left: 5px;
	content: "〉";
}
div#page div.time-day div.table-wrapper {
	padding: 20px 15px;
}
div#page div.time-day table {
	width: 100%;
}
div#page div.time-day table thead th:first-child {
	width: 19.5%;
}
div#page div.time-day table thead th:not(:first-child) {
	width: 11.5%;
}
div#page div.time-day table thead tr:first-child th:first-child {
	font-size: 0px;
	opacity: 0;
}
div#page div.time-day table tbody td:first-child {
	text-align: left;
	line-height: 1.25rem;
	padding-left: 5px;
}
div#page > div.time-day {
	display: none;
}
div#page p.image img.large,
div#page p.diagram img.large {
	display: none;
}
div#page p.image img.small,
div#page p.diagram img.small {
	display: block;
}
div#page p.button-default {
	justify-content: center;
}
div#page p.button-wide a {
	width: 280px;
}
div#page div.button-wrapper {
	display: block;
}
div#page div.button-wrapper p.button-default:not(:last-child) {
	margin: 0px 0px 10px 0px;
}



/* --------------------------------------------------------------------------------
header
-------------------------------------------------------------------------------- */

header#header {
	position: relative;
	width: auto;
	height: auto;
	left: auto;
	top: auto;
	background-color: transparent;
}
body.admin-bar header#header {
	top: auto;
}
header#header::before {
	display: none;
}
header#header *#logo {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	position: fixed;
	width: 100%;
	height: 70px;
	left: 0px;
	top: 0px;
	z-index: 20;
	border-bottom: 1px solid #f5f5f5;
	padding-left: 20px;
	background-color: #ffffff;
}
header#header *#logo a {
	height: 44px;
}
header#header p#button-menu {
	position: fixed;
	width: 70px;
	height: 70px;
	right: 0px;
	top: 0px;
	z-index: 30;
  cursor: pointer;
}
header#header p#button-menu i {
  display: block;
  position: absolute;
  background-color: #323232;
  width: 30px;
  height: 1px;
  left: calc(50% - 15px);
  top: calc(50% - 0.5px);
  transition: 0.25s all ease;
  transform-origin: 50% 50%;
}
header#header p#button-menu i:nth-child(1) {
	transform: translateY(-9px);
}
header#header p#button-menu i:nth-child(2) {
	transform: translateY(9px);
}
body.menu-header header#header p#button-menu i:nth-child(1),
body.menu-header header#header p#button-menu i:nth-child(2),
body.menu-header header#header p#button-menu i:nth-child(3) {
  width: 0px;
  left: 50%;
  opacity: 0;
	transform: translateY(0px);
}
body.menu-header header#header p#button-menu i:nth-child(4) {
	transform: rotate(45deg);
}
body.menu-header header#header p#button-menu i:nth-child(5) {
	transform: rotate(-45deg);
}
header#header div#menu {
	position: fixed;
	width: 100%;
	height: calc(100% - 70px);
	left: 0px;
	top: 70px;
	overflow: auto;
	z-index: 10;
	background-color: #ffffff;
	transform: translateY(-100%);
	transition: 0.375s transform ease;
	-webkit-overflow-scrolling: touch;
}
body.menu-header header#header div#menu {
	transform: translateY(0%);
}
header#header div#menu::-webkit-scrollbar {
  display: none;
}
header#header div#menu div.inner-menu {
	padding: 40px 0px;
	opacity: 0;
	transition: 0.25s opacity ease;
}
body.menu-header header#header div#menu div.inner-menu {
	opacity: 1;
}
header#header div#menu nav#navi {
	position: static;
	width: auto;
	left: auto;
	top: auto;
	margin-bottom: 40px;
	padding: 0px 40px;
}
header#header div#menu nav#navi > ul {
	display: block;
}
header#header div#menu nav#navi > ul > li {
	font-size: 1.25rem;
}
header#header div#menu nav#navi > ul > li.contact {
	display: block;
}
header#header div#menu nav#navi > ul > li:not(:last-child) {
	margin-bottom: 30px;
}
header#header div#menu nav#navi > ul > li > a {
	display: block;
	height: auto;
	border-bottom: 1px solid #dcdcdc;
	padding: 0px 10px 10px 10px;
}
header#header div#menu nav#navi > ul > li > a::before,
header#header div#menu nav#navi > ul > li > a::after {
	position: absolute;
	height: 0px;
	right: 15px;
	top: calc(50% - 5.5px);
	border-bottom: 1px solid #323232;
	content: "";
	transition: 0.25s border-color ease, 0.25s transform ease;
}
header#header div#menu nav#navi > ul > li > a:hover::before,
header#header div#menu nav#navi > ul > li > a:hover::after {
	border-color: #50b4d2;
}
header#header div#menu nav#navi > ul > li > a::before {
	width: 30px;
}
header#header div#menu nav#navi > ul > li > a:hover::before {
	transform: translateX(5px);
}
header#header div#menu nav#navi > ul > li > a::after {
	transform-origin: right top;
	width: 6px;
	transform: rotate(45deg);
}
header#header div#menu nav#navi > ul > li > a:hover::after {
	transform: translateX(5px) rotate(45deg);
}
header#header div#menu nav#navi > ul > li.collapse > a::before {
	width: 30px;
	height: 0px;
	left: auto;
	bottom: auto;
	border-right: none;
	border-top: none;
	transform: rotate(0deg);
}
header#header div#menu nav#navi > ul > li a::after {
	width: 6px;
	height: 0px;
	right: 15px;
	top: calc(50% - 5.5px);
	border-right: none;
}
header#header div#menu nav#navi > ul > li.collapse div.nest,
header#header div#menu nav#navi > ul > li.collapse div.nest div.inner-nest {
	position: static;
	width: auto;
	left: auto;
}
header#header div#menu nav#navi > ul > li.collapse div.nest {
	pointer-events: auto;
	padding-top: 20px;
}
header#header div#menu nav#navi > ul > li.treatment.collapse div.nest {
	height: auto;
}
header#header div#menu nav#navi > ul > li.recruit.collapse div.nest {
	height: auto;
}
header#header div#menu nav#navi > ul > li.collapse div.nest div.inner-nest {
	display: block;
	top: auto;
	height: auto;
	background-color: transparent;
	box-shadow: none;
	transition-duration: 0s;
	transform: translateY(0%);
}
header#header div#menu nav#navi > ul > li.collapse:hover div.nest div.inner-nest {
	box-shadow: none;
	transform: translateY(0%);
}
header#header div#menu nav#navi > ul > li.collapse div.nest ul {
	display: block;
}
header#header div#menu nav#navi > ul > li.treatment.collapse div.nest ul {
	width: auto;
}
header#header div#menu nav#navi > ul > li.recruit.collapse div.nest ul {
	width: auto;
}
header#header div#menu nav#navi > ul > li.collapse div.nest ul li {
	font-family: "CezanneProN-M", "Yu Gothic", YuGothic, sans-serif;
	margin: 0px;
}
header#header div#menu nav#navi > ul > li.collapse div.nest ul li:not(:last-child) {
	margin-bottom: 10px;
}
header#header div#menu nav#navi > ul > li.collapse div.nest ul li img {
	display: none;
}
header#header div#menu nav#navi > ul > li.collapse div.nest ul li span {
	display: block;
	position: relative;
	height: auto;
	left: auto;
	bottom: auto;
	padding: 0px 0px 0px 50px;
	background-color: transparent;
	border-top-right-radius: 0px;
}
header#header div#menu nav#navi > ul > li.collapse div.nest ul li span::before {
	position: absolute;
	width: 10px;
	height: 0px;
	left: 30px;
	top: 15px;
	border-bottom: 1px solid #50b4d2;
	content: "";
}
header#header div#menu p.tel {
	display: none;
}
header#header div#menu p.instagram {
	display: none;
}
header#header div#menu p.button-instagram {
	display: flex;
	margin-bottom: 40px;
}
header#header div#menu div.time-day {
	display: block;
}
header#header div#menu div.table-wrapper {
	background-color: #f4fbfc;
}



/* --------------------------------------------------------------------------------
cover, title
-------------------------------------------------------------------------------- */

div#cover {
	height: calc(100vh - 70px);
}
div#cover p.image {
	background-image: url(../images/cover-image-small.jpg);
}
div#cover div.text {
	width: 100%;
	right: 0px;
	top: 10%;
}
div#cover div.text h2 {
	font-size: 1.375rem;
	line-height: 2.5rem;
}
div#cover p.scroll {
	display: none;
}
div#title {
	display: block;
	height: auto;
}
div#title p.image {
	position: static;
	width: 100%;
	height: 320px;
	right: auto;
	margin-bottom: 40px;
}
body.news div#title p.image {
	background-image: url(../images/title-image-news-small.jpg);
}
body.about div#title p.image {
	background-image: url(../images/title-image-about-small.jpg);
}
body.treatment-01 div#title p.image,
body.treatment-02 div#title p.image,
body.treatment-03 div#title p.image,
body.treatment-04 div#title p.image,
body.treatment-05 div#title p.image,
body.treatment-06 div#title p.image,
body.treatment-07 div#title p.image,
body.treatment-08 div#title p.image {
	background-image: url(../images/title-image-treatment-small.jpg);
}
body.facility div#title p.image {
	background-image: url(../images/title-image-facility-small.jpg);
}
body.recruit div#title p.image {
	background-image: url(../images/title-image-recruit-small.jpg);
}
body.contact div#title p.image {
	background-image: url(../images/title-image-contact-small.jpg);
}
body.privacy-policy div#title p.image {
	background-image: url(../images/title-image-privacy-policy-small.jpg);
}
body.law div#title p.image {
	background-image: url(../images/title-image-law-small.jpg);
}
div#title div.text {
	text-align: center;
	padding-left: 0px;
}
div#title div.text h1 {
	text-indent: 0.15em;
	font-size: 2rem;
	line-height: 2.5rem;
	transform: translateX(0px);
}



/* --------------------------------------------------------------------------------
main
-------------------------------------------------------------------------------- */

main {
	margin-bottom: 60px;
}
main section div.inner-section {
	width: auto;
	padding: 80px 40px;
}
main section div.block:not(:last-child) {
	margin-bottom: 80px;
}
main section div.block-background {
	padding: 120px 0px 160px 0px;
}
main section div.block-background div.background {
	height: calc(100% - 80px);
	top: 80px;
}
main section div.block-background div.background::before,
main section div.block-background div.background::after {
	height: 80px;
}
main section div.block-background div.background::before {
	top: -79px;
}
main div.header {
	text-align: center;
}
main div.header h2 {
	font-size: 1.875rem;
	line-height: 2.75rem;
	transform: translateX(0px);
}
main div.description p.row br {
	display: none;
}
main div.summary {
	padding-left: 0px;
}
main div.summary:not(:last-child) {
	margin-bottom: 60px;
}
main div.column {
	display: block;
}
main div.column:not(:last-child) {
	margin-bottom: 80px;
}
main div.column-narrow {
	padding: 0px;
}
main div.column div.left,
main div.column div.right {
	width: auto;
}
main div.column div.left {
	margin-bottom: 80px;
}
main div.column div.left div.pin {
	position: static;
	width: auto;
	left: auto;
	top: auto;
}
main div.block-message div.column div.right,
main div.block-summary div.column div.right {
	padding-top: 0px;
}
main div.block-message div.column div.right div.description {
	margin-right: 0px;
}
main div.segment {
	margin-left: -40px;
	margin-right: -40px;
	padding: 60px 40px;
}
main div.segment:not(:last-child) {
	margin-bottom: 40px;
}
main div.segment h3 {
	margin: 0px -20px 40px -20px;
}
main div.segment div.frame {
	margin-left: -20px;
	margin-right: -20px;
	padding: 20px;
}
main div.segment div.frame-narrow,
main div.segment div.frame-extra-narrow {
	padding: 20px;
}
main div.banner {
	display: block;
}
main div.banner p.row {
	margin: 0px auto;
}
main div.banner p.row:not(:last-child) {
	margin: 0px auto 20px auto;
}
main table.total td {
	font-size: 0.9375rem;
	line-height: 1.375rem;
	padding: 0px 10px;
}
main table.total td:not(:last-child)::before,
main table.total td:not(:last-child)::after {
	right: -7.5px;
}
main table.total td:not(:last-child)::before {
	width: 15px;
}
main table.total tr.harusora td {
	height: 130px;
}
main table.total tr.harusora td span,
main table.total tr.harusora td span i {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
main table.total tr.harusora td span i {
	height: 70px;
	font-size: 1.0625rem;
	border-radius: 35px;
}
main div#pager,
main nav#navi-article {
	margin-top: 60px;
}
main nav#navi-article ul {
	width: auto;
}
main nav#navi-recruit {
	padding: 60px 40px;
}
main nav#navi-recruit ul {
	display: block;
}
main nav#navi-recruit ul li {
	width: auto;
}
main nav#navi-recruit ul li:not(:last-child) {
	margin: 0px 0px 40px 0px;
}

/* home
-------------------------------------------------------------------------------- */

body.home main section header h2 {
	font-size: 1.875rem;
	line-height: 2.75rem;
	transform: translateX(0px);
}
main section#home-news div.inner-section {
	display: block;
	padding-left: 40px;
	padding-right: 40px;
}
main section#home-news header {
	width: auto;
	text-align: center;
	margin-bottom: 60px;
	transform: translateY(0px);
}
main section#home-news div.content {
	width: auto;
}
main section#home-news div.list-news {
	margin-bottom: 40px;
}
main section#home-news p.button-default {
	position: static;
	left: auto;
	top: auto;
}
main section#home-about div.inner-section {
	max-width: none;
}
main section#home-about div.image-text {
	display: block;
	margin-bottom: 60px;
}
main section#home-about div.image-text p.image {
	width: auto;
	margin: 0px -40px 60px -40px;
	transition-delay: 0s;
}
main section#home-about div.image-text div.text {
	width: auto;
	padding-top: 0px;
}
main section#home-about div.image-text div.text div.header h3 {
	text-align: center;
	text-indent: 0.1em;
	font-size: 1.5rem;
	line-height: 2.5rem;
}
main section#home-about div.image-text div.text p.description,
main section#home-treatment header p.description {
	padding: 0px 20px;
}
main section#home-about div.image-text div.text p.description br,
main section#home-treatment header p.description br {
	display: none;
}
main section#home-treatment header p.description {
	line-height: 2.125rem;
}
main section#home-about div.image {
	max-width: 300px;
	height: auto;
	margin: auto;
}
main section#home-about div.image p.row {
	position: static;
}
main section#home-about div.image p.row:nth-child(1) {
	width: 180px;
	left: auto;
	top: auto;
	margin: 0px 0px 20px auto;
	transition-delay: 0s;
}
main section#home-about div.image p.row:nth-child(2) {
	width: 220px;
	left: auto;
	bottom: auto;
	margin: 0px auto 0px 0px;
	transition-delay: 0s;
}
main section#home-treatment header p.sub,
main section#home-facility header p.sub,
main section#home-treatment header h2,
main section#home-facility header h2 {
	text-align: center;
}
main section#home-treatment header h2 {
	margin-bottom: 40px;
}
main section#home-treatment header p.description {
	position: static;
	right: auto;
	bottom: auto;
}
main section#home-treatment div.list {
	display: block;
}
main section#home-treatment div.list-main {
	margin: 0px 0px 40px 0px;
}
main section#home-treatment div.list-main div.row {
	width: auto;
	margin-right: 0px;
}
main section#home-treatment div.list-main div.row:not(:last-child),
main section#home-treatment div.list-sub div.row:not(:last-child) {
	margin-bottom: 40px;
}
main section#home-treatment div.list-sub {
	margin: 0px;
}
main section#home-treatment div.list-sub div.row {
	width: auto;
	margin: 0px;
}
main section#home-treatment div.list-main div.row p.image {
	font-size: 1.25rem;
}
main section#home-treatment div.list div.row p.image span {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	position: absolute;
	left: 0px;
	bottom: 0px;
	z-index: 1;
	background-color: #ffffff;
	border-top-right-radius: 20px;
	transition: 0.25s color ease;
}
main section#home-treatment div.list-main div.row p.image span,
main section#home-treatment div.list-sub div.row p.image span {
	height: 45px;
	padding: 5px 25px 0px 20px;
}
main section#home-treatment div.list div.row p.description {
	line-height: 1.875rem;
}
main section#home-facility header {
	width: auto;
}
main section#home-facility div.list-facility-alternate {
	margin: 0px -40px 40px -40px;
}
main section#home-facility div.list-facility-alternate div.inner-list-facility-alternate {
	animation-duration: 90s;
}
@keyframes home-facility {
	0% { transform: translateX(0px); }
	100% { transform: translateX(-1800px); }
}
main section#home-facility div.list-facility-alternate p.row {
	width: 280px;
	margin-right: 20px;
}
main section#home-facility p.button-default {
	position: static;
	right: auto;
	top: auto;
}

/* news
-------------------------------------------------------------------------------- */

main div.list-news div.row a {
	padding: 20px 70px 20px 20px;
}
main div.list-news div.row a::before,
main div.list-news div.row a::after {
	right: 20px;
}
main article.news {
	padding-bottom: 60px;
}
main article.news header,
main article.news div.body {
	padding-left: 20px;
	padding-right: 20px;
}
main article.news header {
	margin-bottom: 60px;
	padding-bottom: 20px;
}
main article.news header p.created-category {
	margin-bottom: 10px;
}
main section#news div.inner-section {
	width: auto;
}
main section#news div.category {
	margin: 0px -40px 60px -40px;
}

/* about
-------------------------------------------------------------------------------- */

main section#about div.block-message div.column div.left p.name {
	display: block;
	text-align: center;
}
main section#about div.block-message div.column div.left p.name span.sub {
	margin: 0px 0px 10px 0px;
}
main section#about div.block-message div.column div.right div.history h3,
main section#about div.block-message div.column div.right div.society h3 {
	text-align: center;
}
main section#about div.block-message div.column div.right div.history table th,
main section#about div.block-message div.column div.right div.history table td {
	display: block;
	width: 100%;
	text-align: center;
}
main section#about div.block-message div.column div.right div.history table tr:not(:last-child) th,
main section#about div.block-message div.column div.right div.history table tr:not(:last-child) td {
	padding-bottom: 20px;
}
main section#about div.block-message div.column div.right div.history table tr:last-child th,
main section#about div.block-message div.column div.right div.history table tr:not(:last-child) th {
	padding-bottom: 5px;
}
main section#about div.block-message div.column div.right div.history table td.justify {
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
}
main section#about div.block-message div.column div.right div.society div.list-wrapper {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
main section#about div.summary div.image-text {
	display: block;
}
main section#about div.summary div.image-text p.image {
	width: auto;
	margin-bottom: 40px;
	transform: translateY(0px);
}
main section#about div.summary div.image-text div.text {
	width: auto;
}
main section#about div.block-feature div.segment-01 p.description {
	padding: 0px;
}
main section#about div.block-feature div.segment-02 div.image-text {
	display: block;
	margin: 0px -40px;
}
main section#about div.block-feature div.segment-02 div.image-text p.image {
	width: 300px;
	aspect-ratio: 300 / 300;
	margin: 0px auto 40px auto;
}
main section#about div.block-feature div.segment-02 div.image-text div.text {
	width: auto;
	padding: 0px 40px;
}
main section#about div.block-feature div.segment-02 div.image-text div.text div.description p.row {
	font-size: 1rem;
}

/* treatment
-------------------------------------------------------------------------------- */

main section.treatment div.table-wrapper {
	max-width: 100%;
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
main section.treatment div.table-wrapper::-webkit-scrollbar {
	height: 15px;
}
main section.treatment div.table-wrapper::-webkit-scrollbar-track {
	background: linear-gradient(180deg, transparent 80%, #dcdcdc 80%, #dcdcdc 86.66%, transparent 86.66%, transparent 100%);
}
main section.treatment div.table-wrapper::-webkit-scrollbar-thumb {
	background: linear-gradient(180deg, transparent 66.66%, #dcdcdc 66.66%, #dcdcdc 100%);
}
main section.treatment div.block-metabolic div.segment-01 div.list-main {
	margin-left: -20px;
	margin-right: -20px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-main div.row ul {
	display: block;
	margin-bottom: 20px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-main div.row ul li {
	text-align: center;
}
main section.treatment div.block-metabolic div.segment-01 div.list-main div.row ul li:not(:last-child) {
	margin-right: 0px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub {
	display: block;
	margin-left: -20px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub div.row {
	width: auto;
	margin-right: 0px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub div.row:not(:last-child) {
	margin-bottom: 40px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub div.row h4 {
	width: 160px;
	left: calc(50% - 80px);
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub div.row p.headline {
	display: block;
	height: auto;
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub div.row p.label {
	margin-bottom: 10px;
}
main section.treatment div.block-metabolic div.segment-01 div.list-sub div.row p.and-or {
	margin: 30px auto;
}
main section.treatment div.block-metabolic div.segment-02 div.frame {
	justify-content: center;
	padding: 40px 0px;
}
main section.treatment div.block-metabolic div.segment-02 div.frame p.diagram {
	width: 293px;
}
main section.treatment div.block-diabetes div.segment div.list div.row {
	display: block;
}
main section.treatment div.block-diabetes div.segment div.list div.row h4 {
	margin: 0px auto 20px auto;
}
main section.treatment div.block-diabetes div.segment div.list div.row div.body {
	width: auto;
	padding: 0px 20px;
}
main section.treatment div.block-diabetes div.segment table th,
main section.treatment div.block-diabetes div.segment table td {
	height: 70px;
	line-height: 1.5rem;
	padding: 10px 0px;
}
main section.treatment div.block-diabetes div.segment table th {
	padding-left: 15px;
}
main section.treatment div.block-diabetes div.segment table td {
	width: 170px;
}
main section.treatment div.block-dyslipidemia div.segment div.frame {
	padding: 40px 0px;
}
main section.treatment div.block-dyslipidemia div.segment div.frame p.diagram {
	width: 277px;
	margin: auto;
}
main section.treatment div.block-hyperuricemia div.segment div.frame {
	padding: 40px 20px;
}
main section.treatment div.block-hyperuricemia div.segment div.first {
	display: block;
}
main section.treatment div.block-hyperuricemia div.segment div.first div.left {
	margin: 0px auto 110px auto;
}
main section.treatment div.block-hyperuricemia div.segment div.first div.right {
	margin: auto;
}
main section.treatment div.block-hyperuricemia div.segment div.first p.arrow {
	top: 246px;
	transform: rotate(0deg);
}
main section.treatment div.block-hyperuricemia div.segment p.case {
	margin: 0px -20px;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list {
	display: flex;
	flex-wrap: wrap;
	margin: 0px -10px -20px 0px;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row {
	position: relative;
	width: calc(50% - 10px);
	margin: 0px 10px 20px 0px;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row p.line-alternate {
	position: absolute;
	width: calc(50% + 21px);
	height: calc(100% + 20px);
	top: 20px;
	border-bottom: 2px solid #50b4d2;
	pointer-events: none;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row:nth-child(1) p.line-alternate {
	left: -20px;
	border-left: 2px solid #50b4d2;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row:nth-child(2) p.line-alternate {
	right: -20px;
	border-right: 2px solid #50b4d2;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row div.detail p {
	min-height: calc(1.625rem * 7);
	font-size: 0.9375rem;
	line-height: 1.625rem;
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row:nth-child(3) div.detail p,
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row:nth-child(4) div.detail p {
	min-height: calc(1.625rem * 4);
}
@media (min-width:768px) {
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row div.detail p {
	min-height: calc(1.625rem * 2);
}
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row:nth-child(3) div.detail p,
main section.treatment div.block-hyperuricemia div.segment div.second div.list div.row:nth-child(4) div.detail p {
	min-height: calc(1.625rem * 2);
}
}
main section.treatment div.block-collaboration div.segment div.list {
	display: block;
	width: auto;
}
main section.treatment div.block-collaboration div.segment div.list div.row {
	margin: auto;
}
main section.treatment div.block-collaboration div.segment div.list div.row:not(:last-child) {
	margin-bottom: 100px;
}
main section.treatment div.block-collaboration div.segment p.arrow {
	width: 45px;
	height: 45px;
}
main section.treatment div.block-collaboration div.segment p.arrow::after {
	width: 22.5px;
	height: 22.5px;
	left: calc(50% - 11.25px);
	bottom: 5px;
}
main section.treatment div.block-collaboration div.segment p.conclusion {
	width: auto;
	text-align: center;
}
main section.treatment div.block-facility div.segment div.list {
	display: block;
	margin: 0px;
}
main section.treatment div.block-facility div.segment div.list div.row {
	width: auto;
	margin: 0px;
}
main section.treatment div.block-facility div.segment div.list div.row:not(:last-child) {
	margin-bottom: 60px;
}
main section.treatment div.block-facility div.segment div.list div.row p.image,
main section.treatment div.block-facility div.segment div.list div.row h3,
main section.treatment div.block-facility div.segment div.list div.row p.description {
	width: 100%;
}
main section.treatment div.block-facility div.segment div.list div.row p.image {
	margin-bottom: 20px;
}
main section.treatment div.block-facility div.segment div.list div.row h3 {
	margin: 0px 0px 15px 0px;
}
main section.treatment div.block-facility div.segment div.list div.row p.description {
	padding: 0px 30px;
}
main section.treatment div.block-environment div.summary div.image-text {
	display: block;
}
main section.treatment div.block-environment div.summary div.image-text div.text {
	width: auto;
	margin-bottom: 40px;
}
main section.treatment div.block-environment div.summary div.image-text p.image {
	width: auto;
	transform: translateY(0px);
}
main section.treatment div.block-about div.segment div.frame {
	padding: 40px 0px;
}
main section.treatment div.block-about div.segment div.frame p.diagram {
	width: 266px;
	margin: auto;
}
main section.treatment div.block-diagnosis div.segment {
	padding-left: 20px;
	padding-right: 20px;
}
main section.treatment div.block-diagnosis div.segment h4 {
	padding: 20px 0px;
}
main section.treatment div.block-diagnosis div.segment div.detail {
	padding: 20px;
}
main section.treatment div.block-timing div.segment div.frame {
	padding: 40px 20px;
}
main section.treatment div.block-timing div.segment div.frame p.diagram {
	max-width: 280px;
}
main section.treatment div.block-health-check div.segment table {
	width: 600px;
}
main section.treatment div.block-health-check div.segment table td {
	line-height: 1.5rem;
	padding: 10px 0px;
}
main section.treatment div.block-health-check div.segment table td.name {
	padding-left: 15px;
}
main section.treatment div.block-health-check div.segment table td.price {
	width: 140px;
	padding-right: 30px;
}
main section.treatment div.block-health-check div.segment table.price-02 td.set {
	padding-left: 15px;
}
main section.treatment div.block-vaccination div.segment table {
	width: 600px;
}
main section.treatment div.block-vaccination div.segment table th,
main section.treatment div.block-vaccination div.segment table td {
	line-height: 1.5rem;
}
main section.treatment div.block-vaccination div.segment table td.name {
	padding-left: 15px;
}
main section.treatment div.block-vaccination div.segment table td.price-center {
	padding-right: 0px;
}
main section.treatment div.block-nutrition-consultation div.segment table th,
main section.treatment div.block-nutrition-consultation div.segment table td {
	line-height: 1.5rem;
	padding: 10px 0px;
}
main section.treatment div.block-nutrition-consultation div.segment table th {
	padding-left: 15px;
}

/* facility
-------------------------------------------------------------------------------- */

main section#facility div.list-facility {
	display: block;
	margin: 0px;
}
main section#facility div.list-facility p.row {
	width: auto;
	margin: 0px;
}
main section#facility div.list-facility p.row:not(:last-child) {
	margin-bottom: 40px;
}

/* recruit
-------------------------------------------------------------------------------- */

main section#recruit div.block-message div.header h2 {
	margin-right: 0px;
}
main section#recruit div.block-message div.column div.left p.name {
	display: block;
	text-align: center;
}
main section#recruit div.block-message div.column div.left p.name span.sub {
	margin: 0px 0px 10px 0px;
}
main section#recruit div.block-feature div.list div.row div.image-text {
	display: block;
}
main section#recruit div.block-feature div.list div.row:last-child div.image-text {
	align-items: center;
}
main section#recruit div.block-feature div.list div.row div.image-text p.image {
	width: 250px;
	margin: 0px auto 40px auto;
}
main section#recruit div.block-feature div.list div.row div.image-text div.text {
	width: auto;
}

/* staff-01
-------------------------------------------------------------------------------- */

main section#staff-01 div.list div.row:not(:last-child) {
	margin-bottom: 80px;
}
main section#staff-01 div.list div.row div.illust-balloon {
	display: block;
}
main section#staff-01 div.list div.row div.illust-balloon p.illust {
	width: 200px;
	margin: 0px auto 40px auto;
}
main section#staff-01 div.list div.row div.illust-balloon p.illust span:last-child {
	font-size: 1.125rem;
}
main section#staff-01 div.list div.row div.illust-balloon div.balloon {
	width: auto;
	padding: 20px 30px;
	transform: translateY(0px);
}
main section#staff-01 div.list div.row div.illust-balloon div.balloon::before {
	width: 20px;
	height: 15px;
	left: calc(50% - 10px);
	top: -15px;
	clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}

/* staff-02
-------------------------------------------------------------------------------- */

main section#staff-02 div.list div.row:not(:last-child) {
	margin-bottom: 80px;
}
main section#staff-02 div.list div.row div.image-balloon {
	display: block;
}
main section#staff-02 div.list div.row div.image-balloon p.image {
	width: 200px;
	margin: 0px auto 40px auto;
}
main section#staff-02 div.list div.row div.image-balloon p.image span:last-child i:last-child {
	font-size: 1.25rem;
}
main section#staff-02 div.list div.row div.image-balloon div.balloon {
	width: auto;
	padding: 20px 30px;
}
main section#staff-02 div.list div.row div.image-balloon div.balloon::before {
	width: 20px;
	height: 15px;
	left: calc(50% - 10px);
	top: -15px;
	clip-path: polygon(50% 0%, 100% 100%, 0% 100%);
}

/* guideline
-------------------------------------------------------------------------------- */

main section#guideline div.inner-section {
	width: auto;
}
main section#guideline div.header {
	text-align: justify;
}
main section#guideline div.header p.note {
	text-indent: -1em;
	padding-left: 1em;
}
main section#guideline table th,
main section#guideline table td {
	line-height: 1.625rem;
}
main section#guideline table th {
	width: 80px;
}
main section#guideline table td {
	padding: 10px;
}
main section#guideline table td p.note {
	line-height: 1.25rem;
}
main section#guideline p.disable {
	line-height: 1.625rem;
}

/* contact
-------------------------------------------------------------------------------- */

main section.form div.inner-section {
	width: auto;
	padding: 80px 0px;
}
main section.form div.header {
	margin-bottom: 60px;
	padding: 0px 40px;
}
main section.form div.header p.description {
	text-align: justify;
}
main section.form div.form {
	padding: 60px 40px;
}
main section.form div.component {
	margin-bottom: 30px;
}
main section.form div.component-last {
	margin-bottom: 20px;
}
main section.form div.mw_wp_form_preview div.component-last {
	margin-bottom: 30px;
}
main section.form div.agreement {
	justify-content: center;
}

/* privacy-policy
-------------------------------------------------------------------------------- */

main section#privacy-policy div.inner-section {
	width: auto;
}
main section#privacy-policy h2 {
	text-align: left;
	font-size: 1.5rem;
	line-height: 2.25rem;
	margin-bottom: 60px;
}
main section#privacy-policy div.block:not(:last-child) {
	margin-bottom: 140px;
}
main section#privacy-policy div.block div.header {
	text-align: left;
}
main section#privacy-policy div.block div.segment-alternate div.body {
	padding-left: 0px;
}
main section#privacy-policy div.block div.segment-alternate div.body ul.bullet li:not(:last-child),
main section#privacy-policy div.block div.segment-alternate div.body ul.number li:not(:last-child) {
	margin-bottom: 11px;
}

/* law
-------------------------------------------------------------------------------- */

main section#law div.list div.row {
	display: block;
	padding: 20px 10px;
}
main section#law div.list div.row p.label {
	width: auto;
	margin-bottom: 20px;
}
main section#law div.list div.row div.body {
	width: auto;
}



/* --------------------------------------------------------------------------------
modal
-------------------------------------------------------------------------------- */

div#modal p.button-close {
	width: 30px;
	height: 30px;
}
body.admin-bar div#modal p.button-close {
	top: 20px;
}
div#modal p.button-close::before,
div#modal p.button-close::after {
	width: 30px;
}
div#modal div.slide {
	width: calc(100% - 80px);
	height: calc(100% - 80px);
	left: 40px;
	top: 40px;
}
div#modal div.slide div.pager p.button {
	width: 30px;
	height: 30px;
	top: calc(50% - 15px);
}
div#modal div.slide div.pager p.button-prev {
	left: -30px;
}
div#modal div.slide div.pager p.button-next {
	right: -30px;
}
div#modal div.slide div.pager p.button::before {
	width: 15px;
	height: 15px;
	left: 7.5px;
	top: calc(50% - 7.5px);
}



/* --------------------------------------------------------------------------------
footer
-------------------------------------------------------------------------------- */

footer#footer {
	padding-bottom: 90px;
}
footer#footer div#contact-footer {
	margin-bottom: 60px;
	padding: 60px 0px;
}
footer#footer div#contact-footer div.header {
	margin-bottom: 40px;
}
footer#footer div#contact-footer div.header h3 {
	font-size: 1.875rem;
	line-height: 2.75rem;
}
footer#footer div#contact-footer div.column {
	display: block;
	width: auto;
}
footer#footer div#contact-footer div.column div.left {
	width: auto;
	/* margin-bottom: 40px; */
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.contact,
footer#footer div#contact-footer div.column div.left div.contact-time-day div.time-day {
	width: auto;
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.contact {
	text-align: center;
	margin-bottom: 40px;
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.contact p.tel {
	line-height: 2.25rem;
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.contact p.tel i.icon {
	font-size: 1.5rem;
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.contact p.tel span {
	font-size: 2rem;
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.time-day {
	padding-top: 40px;
	background-color: transparent;
}
footer#footer div#contact-footer div.column div.left div.contact-time-day div.time-day div.table-wrapper {
	background-color: #ffffff;
}
footer#footer div#contact-footer div.column div.right {
	display: none;
	/* width: 320px;
	margin: auto; */
}
footer#footer div.partnership {
	margin-bottom: 60px;
	padding: 0px 40px;
}
footer#footer div.partnership div.column {
	display: block;
	width: auto;
}
footer#footer div.partnership div.column div.left {
	width: auto;
	margin-bottom: 40px;
}
footer#footer div.partnership div.column div.left p.sub,
footer#footer div.partnership div.column div.left h3 {
	text-align: center;
}
footer#footer div.partnership div.column div.left h3,
footer#footer div.payment h3 {
	font-size: 1.875rem;
	line-height: 2.75rem;
}
footer#footer div.partnership div.column div.right {
	width: auto;
	padding-top: 0px;
}
footer#footer div.partnership div.column div.right div.button-wrapper {
	margin: 0px;
}
footer#footer div.partnership div.column div.right div.button-wrapper p.button-default {
	width: auto;
	margin: 0px;
}
footer#footer div.partnership div.column div.right div.button-wrapper p.button-default:not(:last-child) {
	margin-bottom: 20px;
}
footer#footer div.payment {
	width: calc(100% - 80px);
	margin-bottom: 60px;
	padding: 40px;
}
footer#footer div.payment h3 {
	margin-left: -40px;
	margin-right: -40px;
}
footer#footer div.payment p.description {
	text-align: justify;
}
footer#footer div.information-navi-footer {
	display: block;
	width: auto;
}
footer#footer div.information-navi-footer div.information {
	width: auto;
	margin-bottom: 60px;
}
footer#footer div.information-navi-footer div.information h3 img {
	height: 60px;
	margin: auto;
}
footer#footer div.information-navi-footer div.information p.address,
footer#footer div.information-navi-footer div.information p.tel-fax,
footer#footer div.information-navi-footer div.information p.close {
	text-align: center;
}
footer#footer div.information-navi-footer div.information p.tel-fax {
	display: block;
}
footer#footer div.information-navi-footer div.information p.tel-fax span.tel::after {
	display: none;
}
footer#footer div.information-navi-footer div.information div.map {
	height: 300px;
	border-radius: 0px;
}
footer#footer div.information-navi-footer nav#navi-footer {
	width: auto;
	padding: 0px 40px;
}
footer#footer div.information-navi-footer nav#navi-footer > ul > li {
	width: auto;
	font-size: 1.25rem;
}
footer#footer div.information-navi-footer nav#navi-footer > ul > li:not(:last-child) {
	margin-bottom: 30px;
}
footer#footer div.information-navi-footer nav#navi-footer > ul > li:nth-child(3) {
	position: static;
	right: auto;
	top: auto;
}
footer#footer div.information-navi-footer nav#navi-footer > ul > li > a {
	padding: 0px 0px 10px 10px;
}
footer#footer div.information-navi-footer nav#navi-footer > ul > li > a::before,
footer#footer div.information-navi-footer nav#navi-footer > ul > li > a::after {
	top: calc(50% - 5.5px);
}
footer#footer div.information-navi-footer nav#navi-footer div.nest ul li {
	font-size: 1.0625rem;
}
footer#footer div.links,
footer#footer p.copyright {
	width: auto;
}
footer#footer div.links {
	padding-left: 0px;
}
footer#footer div.links ul {
	display: block;
	text-align: center;
}
footer#footer div.links ul li:not(:last-child) {
	margin: 0px 0px 5px 0px;
}