@charset "UTF-8";

@import url("https://fonts.googleapis.com/css?family=M+PLUS+Rounded+1c:400,500,700|Noto+Sans+JP:300,400,500,700,900&subset=japanese&display=swap");

/* =============================================
TENMAKAI
Style Sheet
First Update 2020-04-20
Last  Update 2020-04-20
Creat by Basic Plus Design Inc.
============================================= */

/* ---------------------------------------------
	Fonts
--------------------------------------------- */

/* ---------------------------------------------
	Reboot
	normalize | MIT License
--------------------------------------------- */

*,
*::before,
*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

html {
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	font-family: sans-serif;
	line-height: 1.15;
}

article,
aside,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section {
	display: block;
}

body {
	background-color: #FFF;
	color: #000;
	font-family: "Noto Sans JP", sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 400;
	height: 100%;
	letter-spacing: 0.1em;
	line-height: 1;
	margin: 0;
	text-align: left;
}

[tabindex="-1"]:focus:not(:focus-visible) {
	outline: 0 !important;
}

hr {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin-bottom: 1em;
	margin-top: 0;
}

p {
	margin-bottom: 1em;
	margin-top: 0;
}

abbr[title],
abbr[data-original-title] {
	border-bottom: 0;
	cursor: help;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted;
	-webkit-text-decoration-skip-ink: none;
	text-decoration-skip-ink: none;
}

address {
	font-style: normal;
	line-height: inherit;
	margin-bottom: 1rem;
}

ol,
ul,
dl {
	margin-bottom: 1rem;
	margin-top: 0;
}

ol ol,
ul ul,
ol ul,
ul ol {
	margin-bottom: 0;
}

dt {
	font-weight: 700;
}

dd {
	margin-bottom: .5rem;
	margin-left: 0;
}

blockquote {
	margin: 0 0 1rem;
}

b,
strong {
	font-weight: 900;
}

small {
	font-size: 11px;
	font-size: 1.1rem;
}

sub,
sup {
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -.25em;
}

sup {
	top: -.5em;
}

a {
	background-color: transparent;
	color: #000;
	text-decoration: none;
}

.mouse a:hover {
	color: #63A262;
	text-decoration: none;
}

.mouse a:focus {
	color: #63A262;
	text-decoration: none;
}

a:not([href]):not([tabindex]) {
	color: inherit;
	text-decoration: none;
}

.mouse a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

.touch a:not([href]):not([tabindex]):focus {
	color: inherit;
	text-decoration: none;
}

a:not([href]):not([tabindex]):focus {
	outline: 0;
}

pre,
code,
kbd,
samp {
	font-family: monospace, serif;
	font-size: 14px;
	font-size: 1.4rem;
}

pre {
	margin-bottom: 1rem;
	margin-top: 0;
	overflow: auto;
}

figure {
	margin: 0 0 1rem;
}

img {
	border-style: none;
	vertical-align: middle;
}

svg {
	overflow: hidden;
	vertical-align: middle;
}

table {
	border-collapse: collapse;
}

caption {
	caption-side: bottom;
	color: #000;
	padding-bottom: 1em;
	padding-top: 1em;
	text-align: left;
}

th {
	text-align: inherit;
}

label {
	display: inline-block;
	margin-bottom: 0;
}

button {
	border-radius: 0;
}

button:focus {
	outline: 1px dotted;
	outline: 5px auto -webkit-focus-ring-color;
}

input,
button,
select,
optgroup,
textarea {
	font-family: inherit;
	font-size: inheritpx;
	font-size: inherit/10rem;
	line-height: inherit;
	margin: 0;
}

button,
input {
	overflow: visible;
}

button,
select {
	text-transform: none;
}

select {
	word-wrap: normal;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}

button:not(:disabled),
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled) {
	cursor: pointer;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

input[type="radio"],
input[type="checkbox"] {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}

input[type="date"],
input[type="time"],
input[type="datetime-local"],
input[type="month"] {
	-webkit-appearance: listbox;
}

textarea {
	overflow: auto;
	resize: vertical;
}

fieldset {
	border: 0;
	margin: 0;
	min-width: 0;
	padding: 0;
}

legend {
	color: inherit;
	display: block;
	font-size: 21px;
	font-size: 2.1rem;
	line-height: inherit;
	margin-bottom: .5rem;
	max-width: 100%;
	padding: 0;
	white-space: normal;
	width: 100%;
}

progress {
	vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

[type="search"] {
	-webkit-appearance: none;
	outline-offset: -2px;
}

[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

output {
	display: inline-block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none !important;
}

::-moz-selection {
	background-color: rgba(255, 240, 220, 0.4);
}

::selection {
	background-color: rgba(255, 240, 220, 0.4);
}

/* =============================================
#  Foundation
============================================= */

/* ---------------------------------------------
	Base
--------------------------------------------- */

* {
	margin: 0;
	padding: 0;
}

html {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-overflow-scrolling: touch;
	font-size: 62.5%;
	height: 100%;
	overflow-x: hidden;
	overflow-y: scroll;
}

html.fixed {
	overflow: hidden;
}

body {
	-webkit-font-feature-settings: "palt";
	font-smoothing: antialiased;
	-webkit-font-smoothing: antialiased;
	font-feature-settings: "palt";
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-size-adjust: 100%;
}

header,
footer,
main,
.c-gotop {
	position: relative;
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-transition: -webkit-transform .3s;
	transition: -webkit-transform .3s;
	transition: transform .3s;
	transition: transform .3s, -webkit-transform .3s;
	will-change: transform;
}

* > img {
	width: 100%;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-weight: 500;
}

h1 {
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: .2em;
}

h2 {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: .1em;
}

h3 {
	font-size: 19px;
	font-size: 1.9rem;
	letter-spacing: .1em;
}

h4 {
	font-size: 20px;
	font-size: 2rem;
	letter-spacing: .1em;
}

h5 {
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: .1em;
}

p,
ul,
ol,
dl {
	font-size: 14px;
	font-size: 1.4rem;
}

ul {
	-webkit-padding-start: 0;
	list-style: none;
	padding-left: 0;
}

ol {
	-webkit-padding-start: 0;
	list-style: decimal;
	padding-left: 0;
}

dt {
	font-weight: 400;
}

p + a {
	margin-top: 1em;
}

a {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	color: #000;
	cursor: pointer !important;
	display: block;
	outline: none;
	-webkit-transition: all .5s;
	transition: all .5s;
}

a:hover,
a:focus {
	color: #63A262;
}

hr {
	border: 0;
	border-top: 3px solid #63A262;
	margin: 3em 0;
}

/* =============================================
#  Layout
============================================= */

/* ---------------------------------------------
	body
--------------------------------------------- */

body::after {
	background: #F0F0F0;
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	content: "";
	height: 300px;
	left: -63px;
	margin: auto;
	position: fixed;
	top: -60px;
	width: calc(100% + 126px);
	z-index: -1;
}

body.fixed {
	overflow-y: hidden;
}

/* ---------------------------------------------
	Header
--------------------------------------------- */

.l-header {
	background-color: rgba(240, 240, 240, 0.9);
	height: 120px;
	left: 0;
	margin: auto;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	width: 100%;
	z-index: 11;
}

.l-header.fixed {
	height: 60px;
	overflow: hidden;
}

.l-header.fixed.open {
	height: 100vh;
}

.l-header.open {
	height: 100vh;
}

.l-header__inner {
	background: rgba(240, 240, 240, 0.9);
	height: 120px;
	left: 0;
	margin: auto;
	max-width: 1120px;
	position: fixed;
	right: 0;
	top: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	width: 100%;
	z-index: 11;
}

.l-header.fixed .l-header__inner {
	height: 60px;
	overflow: hidden;
}

.l-header.open .l-header__inner {
	background: #F0F0F0;
	height: 120px;
}

.l-header.fixed.open .l-header__inner {
	background: #F0F0F0;
	height: 120px;
}

.l-header__logo {
	color: #63A262;
	font-size: 14px;
	line-height: 14px;
	margin: auto;
	text-align: center;
	width: 270px;
}

.l-header__logo > span {
	font-size: 3.5vw;
	font-weight: 300;
	letter-spacing: 0.1em;
}

.l-header__logo a span {
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-image: url(../images/logo.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 0;
	margin: 10px auto 5px;
	max-width: 320px;
	overflow: hidden;
	padding-bottom: 24%;
	text-indent: 100%;
	white-space: nowrap;
	width: 80%;
}

.l-header.fixed .l-header__logo > span {
	display: none;
}

.l-header.fixed .l-header__logo a span {
	height: 45px;
	margin-top: 2px;
	width: 150px;
}

.l-header.fixed.open .l-header__logo > span {
	display: block;
}

.l-header.fixed.open .l-header__logo a span {
	margin-top: 22px;
}

.l-header--tel {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	cursor: pointer;
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 900;
	height: 40px;
	left: 15px;
	line-height: 42px;
	overflow: hidden;
	position: absolute;
	text-indent: 100%;
	top: 20px;
	white-space: nowrap;
	width: 40px;
	z-index: 0;
	z-index: 12;
}

.l-header.fixed .l-header--tel {
	top: 10px;
}

.l-header.fixed.open .l-header--tel {
	top: 20px;
}

/* ---------------------------------------------
	Footer
--------------------------------------------- */

footer {
	background: #FFF;
	height: 620px;
	padding-top: 60px;
	position: relative;
	text-align: center;
}

footer::after {
	background: #F0F0F0;
	border-top-left-radius: 47%;
	border-top-right-radius: 47%;
	bottom: 0;
	content: "";
	height: 540px;
	left: -40px;
	margin: auto;
	position: fixed;
	width: calc(100vw + 80px);
	z-index: -1;
}

.l-footer .c-nav--contact li {
	max-width: 400px;
	width: 100%;
}

.l-footer .c-nav--contact a {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
}

.l-footer .c-nav--contact a.u-ico--mail {
	background-position: left 15% center;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 0.2em;
	padding-left: 25%;
	-webkit-transition: color 0.5s, background 0.5s;
	transition: color 0.5s, background 0.5s;
}

.l-footer .c-nav--contact a.u-ico--online {
	background-position: left 15% center;
	font-size: 17px;
	font-size: 1.7rem;
	letter-spacing: 0.35em;
	padding-left: 25%;
	-webkit-transition: color 0.5s, background 0.5s;
	transition: color 0.5s, background 0.5s;
}

.l-footer__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 80px auto;
	width: 730px;
}

.l-footer__nav a {
	padding: 1em 0.5em;
}

.l-footer__nav span {
	padding: 1em 0;
}

.l-footer__logo {
	color: #63A262;
	font-size: 15px;
	font-size: 1.5rem;
	margin: 60px auto 30px;
	text-align: center;
	width: 20em;
}

.l-footer__logo a span {
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-image: url(../images/logo.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	display: block;
	height: 70px;
	margin: 22px auto 10px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 20em;
}

.l-footer a.u-ico--tel {
	background-color: transparent;
	background-position: left 30px center;
	background-size: 34px 34px;
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	font-weight: 900;
	height: 34px;
	line-height: 34px;
	margin: 0 auto 60px;
	padding-left: 50px;
	width: 320px;
}

.l-footer__bottom {
	line-height: 2;
	margin: 20px auto 0;
	width: 320px;
}

.l-footer__bottom a {
	display: inline-block;
	padding: 1em;
}

.l-footer__bottom a:hover {
	color: #63A262;
}

.l-footer .copyright::before {
	content: "\A";
	white-space: pre;
}

.l-footer .c-gotop {
	bottom: 120px !important;
	left: calc(50% - 10px);
	position: fixed;
	right: inherit;
}

/* ---------------------------------------------
	Side menu
--------------------------------------------- */

.l-side {
	display: none;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	height: 0;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	left: 0;
	margin: auto;
	max-width: 1366px;
	position: fixed;
	right: 0;
	top: 230px;
	width: 100%;
}

.l-side--l a {
	-webkit-background-size: 40px 200px;
	-o-background-size: 40px 200px;
	background-color: rgba(255, 255, 255, 0.3);
	background-image: url(../images/parts/side_mail_off.svg);
	background-position: center bottom 30px;
	background-repeat: no-repeat;
	background-size: 40px 200px;
	border-radius: 6px;
	height: 260px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	width: 63px;
	z-index: 10;
}

.l-side--l a:hover {
	background-color: white;
}

.l-side--r a {
	-webkit-background-size: 40px 200px;
	-o-background-size: 40px 200px;
	background-color: rgba(255, 255, 255, 0.3);
	background-image: url(../images/parts/side_online_off.png);
	background-position: center bottom 30px;
	background-repeat: no-repeat;
	background-size: 40px 200px;
	border-radius: 6px;
	height: 260px;
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	width: 63px;
	z-index: 10;
}

.l-side--r a:hover {
	background-color: white;
}

/* ---------------------------------------------
	Main
--------------------------------------------- */

main p {
	line-height: 2.5;
}

main ul,
main ol,
main dl {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 2;
}

section {
	background-color: #FFF;
	padding: 120px 0 180px;
}

section.u-bg--pnk {
	color: #FFF;
}

.l-area {
	padding: 60px 0;
	width: 100%;
}

.l-area.u-bg--pnk {
	color: #FFF;
}

.l-container {
	margin: auto;
	max-width: 1240px;
	position: relative;
	width: calc(100% - 40px);
}

.l-content {
	margin: 0 auto 120px;
	max-width: 800px;
	width: calc(100% - 20px);
}

.l-content.narrow {
	max-width: 480px;
}

.l-content:last-of-type {
	margin-bottom: 0;
}

/* =============================================
#  Object -- Component
============================================= */

/* ---------------------------------------------
	Box
--------------------------------------------- */

.c-box--gry,
.c-box--wht,
.c-box--brd {
	display: block;
	height: auto;
	margin-top: 30px;
	padding: 40px 40px 30px;
	width: 100%;
}

.c-box--gry {
	background: #F0F0F0;
	text-align: center;
}

.c-box--wht {
	background: #FFF;
	text-align: center;
}

.c-box--brd {
	background: rgba(255, 255, 255, 0.9);
	border: 12px solid #F0F0F0;
	padding: 60px 40px;
}

/* ---------------------------------------------
	Flexbox
--------------------------------------------- */

.c-flwrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
}

/* ---------------------------------------------
	Button
--------------------------------------------- */

a[class^="c-btn--"],
a[class*="c-btn--"] {
	padding: .5em 1em;
	text-align: center;
}

a[class^="c-btn--"]:hover,
a[class*="c-btn--"]:hover {
	opacity: 1;
}

/* Button -- more
--------------------------------------------- */

.c-btn--more {
	background-color: #63A262;
	border: 4px solid #63A262;
	color: #FFF;
	margin: 40px auto;
	outline: none;
	position: relative;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 180px;
	z-index: 2;
}

.c-btn--more:hover {
	background-color: #FFF;
	color: #63A262;
}

.c-btn--more:hover::before,
.c-btn--more:hover::after {
	background-color: #63A262;
	opacity: 1;
	width: 0;
}

.c-btn--more::before {
	background-color: #63A262;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 50%;
	z-index: 0;
	z-index: -1;
}

.c-btn--more::after {
	background-color: #63A262;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	-webkit-transition: all .3s;
	transition: all .3s;
	width: 50%;
	z-index: 0;
	z-index: -1;
}

.c-btn--more.wht {
	background-color: #FFF;
	border: 4px solid #FFF;
	color: #63A262;
}

.c-btn--more.wht:hover {
	background-color: #63A262;
	color: #FFF;
}

.c-btn--more.wht:hover::before,
.c-btn--more.wht:hover::after {
	background-color: #FFF;
}

.c-btn--more.wht::before,
.c-btn--more.wht::after {
	background-color: #FFF;
}

.c-btn--more.thin {
	border-color: #63A262;
	border-width: 1px;
	padding: 1em;
}

/* Button -- kadomaru
--------------------------------------------- */

.c-btn--kd {
	background: #FFF;
	border: 3px solid #000;
	border-radius: 8px;
	display: inline-block;
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 40px;
}

.c-btn--kd span {
	line-height: 2.5em;
	padding: 0;
	text-align: center;
}

.c-btn--kd span::before {
	content: ">";
	display: inline-block;
	height: 1em;
	width: 1em;
}

/* ---------------------------------------------
	Form -- for mfp
--------------------------------------------- */

div#mfp_hidden {
	height: 1px;
	margin: 0px;
	overflow: hidden;
	padding: 0px;
	width: 1px;
}

table#mfp_confirm_table {
	border-collapse: collapse;
	border-spacing: 0px;
	margin: 20px 0 40px;
	width: 100%;
}

table#mfp_confirm_table tr.mfp_colored {
	background-color: #F0F0F0;
}

table#mfp_confirm_table tr.mfp_achroma {
	background-color: #FFF;
}

table#mfp_confirm_table tr th {
	border-top: solid 1px #000;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px;
	text-align: left;
	white-space: nowrap;
	width: 200px;
}

table#mfp_confirm_table tr td {
	border-top: solid 1px #000;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.5em;
	padding: 10px;
	text-align: left;
	word-break: break-all;
}

div#mfp_phase_confirm {
	clear: both;
}

div#mfp_phase_confirm h4 {
	background: #FFF;
	font-size: 150%;
	padding: 0;
	text-align: center;
}

div#mfp_phase_confirm h4::before {
	background: #FFF;
	clear: both;
	content: "";
	display: block;
	height: 50px;
	margin-top: -40px;
	position: relative;
	width: 100%;
	z-index: 100;
}

div#mfp_overlay {
	display: none;
	height: 100%;
	position: absolute;
	z-index: 10001;
}

div#mfp_overlay_inner {
	background-color: #FFF;
	border-radius: 5px;
	bottom: 0;
	-webkit-box-shadow: 0px 0px 10px #000;
	box-shadow: 0px 0px 10px #000;
	left: 0;
	margin: auto;
	max-width: 90%;
	padding: 15px;
	position: absolute;
	right: 0;
	top: 100px;
	width: 640px;
}

div#mfp_overlay_background {
	background-color: #000;
	display: none;
	position: absolute;
	z-index: 10000;
}

div#mfp_loading {
	background-image: url(../cgi/mfp.statics/_images/mfp_loading.gif);
	display: none;
	height: 40px;
	position: absolute;
	width: 40px;
	z-index: 20001;
}

div#mfp_loading_screen {
	background-color: #000;
	display: none;
	opacity: 0.8;
	position: absolute;
	z-index: 20000;
}

.mfp_colored {
	background-color: #F0F0F0;
}

.mfp_achroma {
	background-color: #FFF;
}

div.mfp_err {
	background: url(../cgi/mfp.statics/_images/mfp_error.gif) no-repeat 0 center/16px 15px;
	clear: both;
	color: #990000;
	display: none;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: 900;
	line-height: normal;
	margin: 5px 0px 0px 0px;
	padding: 3px 0px 5px 22px;
	text-align: left;
}

.mfp_parent_error {
	border: solid 2px #63A262;
}

.problem {
	background-color: rgba(210, 94, 137, 0.3);
}

div#mfp_error {
	background-color: rgba(210, 94, 137, 0.3);
	border: solid 1px #63A262;
	display: none;
	padding: 10px;
}

div#mfp_error p {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#mfp_error p strong {
	color: #990000;
	font-size: 18px;
	font-size: 1.8rem;
}

div#mfp_warning {
	background-color: rgba(210, 94, 137, 0.2);
	border: solid 1px #63A262;
	border-radius: 5px;
	display: none;
	padding: 10px;
}

div#mfp_warning p {
	font-size: 14px;
	font-size: 1.4rem;
	margin: 0px;
	padding: 0px;
	text-align: center;
}

div#mfp_warning p strong {
	color: #63A262;
	font-size: 18px;
	font-size: 1.8rem;
}

button.mfp_prev {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 10px;
	padding: 5px 10px;
}

button.mfp_next {
	float: right;
	font-size: 14px;
	font-size: 1.4rem;
	margin: 10px;
	padding: 5px 10px;
}

div.mfp_buttons {
	clear: both;
	padding: 10px;
	text-align: center;
}

div.mfp_buttons #mfp_button_send {
	background: #000;
	color: #FFF;
}

div.mfp_buttons #mfp_button_cancel {
	background: #FFF;
}

.imagebutton {
	background: none;
	border: none;
	margin: 0px;
	outline: none;
	padding: 0px;
}

.mfp_element_file {
	background: #F0F0F0;
	border: solid 1px #F0F0F0;
	border-radius: 3px;
	-webkit-box-shadow: 0px 0px 5px #F0F0F0 inset;
	box-shadow: 0px 0px 5px #F0F0F0 inset;
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 10px 10px;
	vertical-align: middle;
}

div.mfp_ok {
	background-color: #0c0;
	background-image: url(../cgi/mfp.statics/_images/mfp_header.png);
	background-size: 100% 100%;
	border: solid 1px #0c0;
	border-radius: 5px;
	color: #FFF;
	display: none;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.5em;
	margin: 0px 2px;
	padding: 0px 5px;
}

div.prefcodeWrapper {
	position: relative;
}

div.prefcodeResult {
	background-color: #FFF;
	border: solid 1px #F0F0F0;
	-webkit-box-shadow: 0px 0px 5px #F0F0F0;
	box-shadow: 0px 0px 5px #F0F0F0;
	display: none;
	left: 0px;
	padding: 5px;
	position: absolute;
	top: 0px;
}

div.prefcodeResult div {
	cursor: pointer;
}

div.prefcodeResult div:hover {
	background-color: rgba(210, 94, 137, 0.5);
}

div.prefcodeResult div .prefcodeNext {
	background: #FFF;
	text-align: center;
}

div.prefLoading {
	background: url(../cgi/mfp.statics/_images/mfp_zip_loading.gif) no-repeat center center;
	padding: 60px 100px;
}

.hidefield {
	height: 0px;
	overflow: hidden;
}

.showfield {
	height: auto;
	overflow: visible;
}

div#mfp_OperationCheck {
	display: inline-block;
}

div#mfp_OperationCheck div#mfp_OperationCheck_inner {
	display: none;
}

div#mfp_OperationCheck strong {
	background: rgba(210, 94, 137, 0.3);
	border-radius: 3px;
	color: #000;
	display: block;
	text-align: center;
}

div#mfp_OperationCheck * {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0px;
	padding: 0px;
}

div#mfp_OperationCheck p {
	font-size: 12px;
	font-size: 1.2rem;
	margin: 0;
	padding: 0px 5px;
}

div#mfp_OperationCheck p a {
	color: #0c0;
	text-decoration: none;
}

div#mfp_OperationCheck p a:hover {
	text-decoration: underline;
}

div#mfp_OperationCheck p button {
	background: none;
	border: none;
	color: #0c0;
	cursor: pointer;
}

div#mfp_OperationCheck ul li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 12px;
	list-style: none;
	padding: 5px 10px;
	vertical-align: middle;
}

div#mfp_OperationCheck ul li label {
	text-decoration: underline;
}

/* ---------------------------------------------
	Form -- original style
--------------------------------------------- */

.c-form {
	border: 20px solid #F0F0F0;
	margin: auto;
	max-width: 900px;
	padding: 30px;
	width: 100%;
}

.c-form > strong {
	color: #63A262;
	display: inline-block;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 1em 0 2em;
}

.c-form__checkarea {
	margin: 50px auto;
	max-width: 420px;
	position: relative;
	text-align: center;
	width: 100%;
}

.c-form__btnarea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 50px auto;
	max-width: 420px;
	text-align: center;
	width: 100%;
}

.c-form__btnarea button {
	border: none;
	border-radius: 6px;
	color: #FFF;
	cursor: pointer;
	font-size: 3.2vw;
	font-weight: bold;
	margin: 0;
	padding: 1.5em 0;
	width: 48%;
}

.c-form__btnarea button[type="reset"] {
	background: #666;
}

.c-form__btnarea button[type="reset"]:hover {
	background: rgba(102, 102, 102, 0.6);
	opacity: 1;
}

.c-form__btnarea button[type="submit"] {
	background: #63A262;
}

.c-form__btnarea button[type="submit"]:hover {
	background: rgba(210, 94, 137, 0.6);
	opacity: 1;
}

form { /* select */
}

form dl {
	width: 100%;
}

form dt {
	background: #F0F0F0;
	border: 3px solid #FFF;
	padding: 0.5em 0;
	position: relative;
	text-align: left;
	width: 100%;
}

form dt > span {
	padding: 0 1em;
}

form dt br {
	display: none;
}

form dd {
	border: 3px solid #FFF;
	padding: 0.5em 0;
	text-align: left;
	width: 100%;
}

form dd > span {
	display: inline-block;
	font-size: 95%;
}

form dd input[type="text"],
form dd input[type="tel"],
form dd input[type="email"] {
	border: 1px solid #565656;
	margin-top: 5px;
	outline: none;
	padding: 8px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100%;
}

form dd input[type="text"]:focus,
form dd input[type="tel"]:focus,
form dd input[type="email"]:focus {
	background-color: rgba(210, 94, 137, 0.1);
	border: 1px solid #000;
	-webkit-box-shadow: 0 0 7px #E4E4E4;
	box-shadow: 0 0 7px #E4E4E4;
}

form dd textarea {
	border: 1px solid #565656;
	height: 12em !important;
	line-height: 1.6;
	outline: none;
	padding: 8px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	width: 100% !important;
}

form dd textarea:focus {
	background-color: rgba(210, 94, 137, 0.1);
	border: 1px solid #000;
	-webkit-box-shadow: 0 0 7px #E4E4E4;
	box-shadow: 0 0 7px #E4E4E4;
}

form label {
	cursor: pointer;
	display: inline-block;
	line-height: 1.6;
	margin-bottom: 0.5em;
	position: relative;
	word-break: break-all;
}

form label span {
	display: inline-block;
}

form > p {
	line-height: 2 !important;
	padding: 0 0.5em;
}

form > p a {
	border-bottom: 2px dotted #63A262;
	display: inline-block;
	position: relative;
}

form input[type="checkbox"],
form input[type="radio"] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	margin: 0;
	outline: none;
	padding: 0;
}

form input[type="checkbox"] {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}

form input[type="checkbox"] + span {
	margin-right: 1.5em;
	padding-left: 25px;
	padding-top: 0.05em;
	position: relative;
}

form input[type="checkbox"] + span::before,
form input[type="checkbox"] + span::after {
	background-color: transparent;
	border: 1px #565656 solid;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	content: "";
	display: inline-block;
	height: 18px !important;
	left: 0;
	position: absolute;
	top: 5px;
	width: 18px !important;
	z-index: 0;
}

form input[type="checkbox"] + span::before {
	border-color: #000;
}

form input[type="checkbox"] + span::after {
	border: none;
	height: 1em !important;
	left: 0.3em;
	top: 0.3em;
	width: 0.7em !important;
	z-index: 1;
}

form input[type="checkbox"]:checked + span::after {
	border: solid #63A262;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

form input[type="radio"] {
	left: 0;
	opacity: 0;
	position: absolute;
	top: 0;
	z-index: 0;
}

form input[type="radio"] + span {
	margin-right: 1em;
	padding-left: 20px;
	padding-top: 0.05em;
	position: relative;
}

form input[type="radio"] + span::before {
	border: 1px #565656 solid;
	border-radius: 50%;
	content: "";
	display: inline-block;
	height: 15px !important;
	left: 0;
	position: absolute;
	top: 5px;
	width: 15px !important;
	z-index: 0;
}

form input[type="radio"]:checked + span::before {
	border: 6px #63A262 solid;
	height: 17px !important;
	width: 17px !important;
}

form .c-select {
	margin-bottom: 0;
}

form .c-select select {
	-webkit-appearance: none !important;
	-moz-appearance: none !important;
	appearance: none !important;
	background-color: #FFF;
	background-image: url("../images/ico/ico_triangle.svg");
	background-position: right 10px center;
	background-repeat: no-repeat;
	background-size: 13px 13px;
	border-radius: 0;
	font-size: 15px;
	height: 3em !important;
	padding: 0.5em;
	width: 100%;
}

form .c-select selectt::-ms-expand {
	display: none;
}

form .c-select select::before {
	background: #FFF;
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
	z-index: 0;
	z-index: 1;
}

form .c-select select option {
	font-size: 15px;
	width: calc(100% - 2em);
}

/* ---------------------------------------------
	Go Top
--------------------------------------------- */

.c-gotop {
	cursor: pointer;
	height: 40px;
	position: fixed;
	right: 10px;
	width: 40px;
}

.c-gotop.show {
	margin-bottom: 40px;
}

.c-gotop__arrow {
	cursor: pointer;
	padding-top: 15px;
	position: absolute;
	-webkit-transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	transition: all 0.2s cubic-bezier(0.455, 0.03, 0.515, 0.955);
	width: 20px;
}

.c-gotop__arrow div {
	background-color: #000;
	height: 3px;
	position: absolute;
	width: 17px;
}

.c-gotop__arrow div:nth-child(1) {
	-webkit-transform: translate3d(4px, 6px, 0) rotate(-45deg);
	transform: translate3d(4px, 6px, 0) rotate(-45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.c-gotop:hover .c-gotop__arrow div:nth-child(1) {
	-webkit-transform: translate3d(3px, 6px, 0) rotate(-35deg);
	transform: translate3d(3px, 6px, 0) rotate(-35deg);
}

.c-gotop__arrow div:nth-child(2) {
	-webkit-transform: translate3d(14px, 6px, 0) rotate(45deg);
	transform: translate3d(14px, 6px, 0) rotate(45deg);
	-webkit-transition: all .3s;
	transition: all .3s;
}

.c-gotop:hover .c-gotop__arrow div:nth-child(2) {
	-webkit-transform: translate3d(16px, 6px, 0) rotate(35deg);
	transform: translate3d(16px, 6px, 0) rotate(35deg);
}

/* ---------------------------------------------
	Hero
--------------------------------------------- */

.c-hero {
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 20px;
	height: 350px;
	margin: 120px auto 0;
	max-width: 1240px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: calc(100% - 40px);
}

.c-hero__wrap {
	position: relative;
	z-index: 0;
}

.c-hero__wrap.arc {
	overflow: hidden;
	padding-bottom: 100px;
}

.c-hero__wrap.arc::after {
	background: #FFF;
	border-radius: 50%;
	bottom: -137px;
	content: "";
	height: 300px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	width: 400px;
}

/* ---------------------------------------------
	Image --Trim circle
--------------------------------------------- */

.c-img--circle {
	border: 9px solid #FFF;
	border-radius: 50%;
	display: block;
	margin: auto;
	max-width: 400px;
	width: 90%;
}

/* ---------------------------------------------
	Lead
--------------------------------------------- */

.c-lead {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 2;
	margin: auto;
	max-width: 50em;
}

.c-lead--head {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: 900;
	letter-spacing: .1em;
	line-height: 1.8;
	text-align: center;
}

.c-lead--head + p {
	font-size: 17px;
	font-size: 1.7rem;
	line-height: 1.8;
	margin: .5em auto 60px;
	text-align: center;
}

/* ---------------------------------------------
	List
--------------------------------------------- */

.c-list--sq li,
.c-list--wcl li {
	margin-left: 1.5em;
	text-indent: -1.5em;
}

/* List -- list table
--------------------------------------------- */

dl.c-list {
	margin: 0;
}

dl.c-list dt {
	background: #FFF0DC;
	letter-spacing: 0;
	padding: 1.5em 2em;
	position: relative;
}

section.u-bg--gry dl.c-list dt {
	border: 3px solid #FFF;
}

dl.c-list dd {
	background: #F0F0F0;
	letter-spacing: 0;
	margin-bottom: 8px;
	margin-top: 8px;
	padding: 1em 2em;
}

section.u-bg--gry dl.c-list dd {
	background: #FFF;
	border: 3px solid #FFF;
}

dl.c-list dd > ul {
	margin: 1em 0;
}

dl.c-list dd > ul li dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	margin: 0 0 0 -4px;
	padding: 0;
}

dl.c-list dd > ul li dl dt {
	background: transparent;
	border: none;
	margin: 0;
	padding: 0;
	text-align: left;
	width: 7em;
}

dl.c-list dd > ul li dl dd {
	margin: 0;
	padding: 0;
	width: calc(100% - 7em);
}

dl.c-list[class^="t_"] span,
dl.c-list[class*="t_"] span {
	display: block;
	left: 2em;
	position: absolute;
	-moz-text-align-last: justify;
	text-align-last: justify;
	text-justify: inter-ideograph;
	top: 50%;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
	width: 7em;
	z-index: 0;
}

section.gry dl.c-list dt {
	border: 2px solid #FFF;
}

section.gry dl.c-list dd {
	border: 2px solid #FFF;
	width: calc(100% - 12em - 8px);
}

dl.c-list.pnk dt {
	background: #ffdcc8;
}

/* List -- list border
--------------------------------------------- */

.c-list--brd dt {
	border-top: 3px solid #F0F0F0;
	color: #63A262;
	font-weight: 900;
	margin-top: 2em;
	padding: 2em 0;
}

/* List -- square
--------------------------------------------- */

.c-list--sq li::before {
	content: "■";
	margin-right: 0.5em;
}

/* List -- white circle
--------------------------------------------- */

.c-list--wcl li::before {
	content: "◯";
	margin-right: 0.5em;
}

.c-gnav {
	text-align: center;
}

.c-gnav__mn {
	margin-bottom: 15px;
}

.c-gnav__mn a {
	cursor: pointer;
	display: inline-block;
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 23px;
	font-size: 2.3rem;
	font-weight: 900;
	letter-spacing: .15em;
	margin: auto;
	padding: .7em 0;
	text-align: center;
	width: auto;
}

.c-gnav__mn a span {
	position: relative;
}

.c-gnav__mn a span::after {
	bottom: -8px;
	content: "";
	height: 4px;
	left: 0;
	position: absolute;
	-webkit-transition: background .5s;
	transition: background .5s;
	width: calc(100% - 4px);
	z-index: 0;
}

.c-gnav__mn a span:first-of-type {
	color: #63A262;
}

.c-gnav__mn a span:first-of-type::after {
	background: #000;
}

.c-gnav__mn a span:last-of-type {
	color: #000;
}

.c-gnav__mn a span:last-of-type::after {
	background: #63A262;
}

.c-gnav__mn a:hover span:first-of-type {
	color: #000;
}

.c-gnav__mn a:hover span:first-of-type::after {
	background: #63A262;
}

.c-gnav__mn a:hover span:last-of-type {
	color: #63A262;
}

.c-gnav__mn a:hover span:last-of-type::after {
	background: #000;
}

.c-gnav__mn a.active span:first-of-type {
	color: #000;
}

.c-gnav__mn a.active span:first-of-type::after {
	background: #63A262;
}

.c-gnav__mn a.active span:last-of-type {
	color: #63A262;
}

.c-gnav__mn a.active span:last-of-type::after {
	background: #000;
}

.c-gnav__mn:first-child a:hover {
	color: #63A262;
}

.c-gnav__mn:first-child a.active {
	color: #63A262;
}

.c-gnav__sub li {
	display: inline-block;
}

.c-gnav__sub li a {
	color: #000;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 300;
	word-break: keep-all;
}

.c-gnav__sub li a::before {
	content: "/";
	margin: 5px;
}

.c-gnav__sub li a:hover {
	color: #63A262;
}

.c-gnav__sub li:first-child a::before {
	content: none;
}

.c-gnav__wrap {
	scrollbar-face-color: #F0F0F0;
	scrollbar-track-color: #F0F0F0;
	-webkit-overflow-scrolling: touch;
	background: #FFF;
	height: 0;
	left: 0;
	opacity: 0;
	overflow-y: scroll;
	position: absolute;
	top: -40px;
	-webkit-transition: height .5s, opacity .5s;
	transition: height .5s, opacity .5s;
	visibility: hidden;
	width: 100%;
	z-index: 10;
}

.c-gnav__wrap__inner {
	scrollbar-face-color: #F0F0F0;
	scrollbar-track-color: #F0F0F0;
	-webkit-overflow-scrolling: touch;
	height: auto;
	opacity: 0;
	padding: 150px 0;
	position: relative;
	width: 100%;
}

.c-gnav__wrap.open .c-gnav__wrap__inner {
	opacity: 1;
}

.c-gnav__wrap.open .c-gnav__wrap__inner::after {
	background: #F0F0F0;
	border-bottom-left-radius: 47%;
	border-bottom-right-radius: 47%;
	content: "";
	height: calc(100vh - 40px);
	left: -40px;
	margin: auto;
	max-height: 880px;
	position: fixed;
	top: 0;
	width: calc(100vw + 80px);
	z-index: -1;
}

.c-gnav__wrap.open .c-gnav__wrap__inner::-webkit-scrollbar {
	width: 5px;
}

.c-gnav__wrap.open .c-gnav__wrap__inner::-webkit-scrollbar-thumb {
	background: #F0F0F0;
}

.c-gnav__wrap.open .c-gnav__wrap__inner::-webkit-scrollbar-track {
	background: transparent;
}

.c-gnav__wrap.open {
	height: calc(100vh + 40px);
	opacity: 1;
	visibility: visible;
}

/* ---------------------------------------------
	Navigation -- Toggle Button
--------------------------------------------- */

.c-nav__btn {
	cursor: pointer;
	height: 36px;
	outline: 0;
	position: fixed;
	right: 20px;
	top: 25px;
	width: 36px;
	z-index: 12;
}

.c-nav__btn div {
	outline: 0;
	position: relative;
}

.c-nav__btn div::after {
	content: "menu";
	display: block;
	font-size: 1.2rem;
	font-weight: 500;
	left: 0;
	letter-spacing: .1em;
	position: absolute;
	top: 23px;
	z-index: 0;
}

body.fixed .c-nav__btn div::after {
	content: "close";
}

.c-nav__btn div > span {
	background: #000;
	display: block;
	height: 3px;
	left: 0;
	position: absolute;
	-webkit-transition: .3s ease;
	transition: .3s ease;
	width: 100%;
}

.c-nav__btn div > span:nth-child(1) {
	top: 0;
}

.l-header.open .c-nav__btn div > span:nth-child(1) {
	top: 12px;
	-webkit-transform: rotate(330deg);
	transform: rotate(330deg);
}

.c-nav__btn div > span:nth-child(2) {
	top: 10px;
}

.l-header.open .c-nav__btn div > span:nth-child(2) {
	left: 50%;
	width: 0;
}

.c-nav__btn div > span:nth-child(3) {
	top: 19px;
}

.l-header.open .c-nav__btn div > span:nth-child(3) {
	top: 12px;
	-webkit-transform: rotate(-330deg);
	transform: rotate(-330deg);
}

.l-header.fixed .c-nav__btn {
	top: 14px;
}

.l-header.fixed.open .c-nav__btn {
	top: 25px;
}

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

.c-nav--contact li {
	height: 60px;
	margin: 20px auto 0;
	width: 272px;
}

.c-nav--contact a[class^="u-ico--"],
.c-nav--contact a[class*="u-ico--"] {
	background-color: #FFF;
	background-size: 30px 30px;
	border: 2px solid;
	border-radius: 6px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: 900;
	height: 100%;
	line-height: 60px;
	-webkit-transition: color .5s, background .5s;
	transition: color .5s, background .5s;
	width: 100%;
}

.c-nav--contact a.u-ico--tel {
	background-color: transparent;
	background-position: left 30px center;
	border: none;
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 23px;
	font-size: 2.3rem;
	margin: 24px auto 16px;
	padding-left: 70px;
}

.c-nav--contact a.u-ico--mail {
	background-position: left 30px center;
	border-color: #000;
	padding-left: 70px;
}

.c-nav--contact a.u-ico--mail:hover {
	background-color: #000;
	color: #FFF;
}

.c-nav--contact a.u-ico--online {
	background-position: left 40px center;
	border-color: #63A262;
	color: #63A262;
	padding-left: 80px;
}

.c-nav--contact a.u-ico--online:hover {
	background-color: #63A262;
	color: #FFF;
}

/* ---------------------------------------------
	Section
--------------------------------------------- */

/* Section -- arc
--------------------------------------------- */

.c-sc--arc {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80px, rgba(255, 255, 255, 0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#00ffffff', GradientType=0);
	margin-top: -130px;
	padding: 0 0 114px;
}

.c-sc--arc.wht {
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 80px, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0.85) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#d9ffffff', GradientType=0);
}

.c-scimg {
	height: auto;
	max-width: 295px;
	position: absolute;
	width: 50%;
	z-index: 1;
}

.c-scimg.tl {
	left: -10px;
	top: -90px;
}

.c-scimg.bl {
	bottom: -90px;
	left: -10px;
}

.c-scimg.tr {
	right: -10px;
	top: -90px;
}

.c-scimg.br {
	bottom: -90px;
	right: -10px;
}

/* ---------------------------------------------
	Title
--------------------------------------------- */

/* Title -- heading
--------------------------------------------- */

.c-ttl--head {
	margin-bottom: 60px;
	text-align: center;
}

.c-ttl--head span {
	color: #63A262;
	font-size: 30px;
	font-size: 3rem;
	letter-spacing: .15em;
	line-height: 1.3;
	position: relative;
}

.c-ttl--head span:nth-child(1) {
	font-size: 20px;
	font-size: 2rem;
}

.c-ttl--head span:nth-child(1)::after {
	content: "\A";
	display: block;
	height: 10px;
	white-space: pre;
	width: 100%;
}

.c-ttl--head span:nth-child(2)::after {
	background: #000;
	bottom: -16px;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	width: calc(100% - 8px);
}

.c-ttl--head span:nth-child(3) {
	color: #000;
}

.c-ttl--head span:nth-child(3)::after {
	background: #63A262;
	bottom: -16px;
	content: "";
	height: 8px;
	left: 0;
	position: absolute;
	width: calc(100% - 8px);
}

.c-ttl--head span.blk {
	color: #000;
}

.c-ttl--head span.blk::after {
	background: #63A262;
}

/* Title -- section
--------------------------------------------- */

.c-ttl--sc {
	margin-bottom: 60px;
	text-align: center;
}

.c-ttl--sc > span {
	color: #63A262;
	display: inline-block;
	font-size: 26px;
	font-size: 2.6rem;
	letter-spacing: .2em;
	margin: 80px auto 0;
	min-width: 174px;
	padding: 16px 1em;
	position: relative;
}

.c-ttl--sc > span::before {
	border: 4px solid #63A262;
	border-bottom-left-radius: 12px;
	border-right: none;
	border-top-left-radius: 12px;
	content: "";
	height: calc(1em + 32px);
	left: 0;
	position: absolute;
	top: 0;
	width: calc(50% - 4px);
	z-index: 0;
}

.c-ttl--sc > span::after {
	border: 4px solid #63A262;
	border-bottom-right-radius: 12px;
	border-left: none;
	border-top-right-radius: 12px;
	content: "";
	height: calc(1em + 32px);
	position: absolute;
	right: 0;
	top: 0;
	width: calc(50% - 4px);
	z-index: 0;
}

.u-bg--pnk .c-ttl--sc > span {
	color: #FFF;
}

.u-bg--pnk .c-ttl--sc > span::before,
.u-bg--pnk .c-ttl--sc > span::after {
	border-color: #FFF;
}

.c-ttl--sc.blk span {
	color: #000;
}

.c-ttl--sc.blk span::before,
.c-ttl--sc.blk span::after {
	border-color: #000;
}

/* Title -- sub
--------------------------------------------- */

.c-ttl--sub {
	font-size: 17px;
	font-size: 1.7rem;
	margin: 100px auto 40px;
	text-align: center;
}

/* Title -- line
--------------------------------------------- */

.c-ttl--line {
	margin: 60px 0;
	text-align: center;
}

.c-ttl--line span {
	display: inline-block;
	font-size: 26px;
	font-size: 2.6rem;
	line-height: 1;
	padding: 0;
	position: relative;
	text-align: center;
	width: auto;
	white-space: nowrap;
}

.c-ttl--line span::after {
	background: #63A262;
	bottom: -10px;
	content: "";
	display: block;
	height: 5px;
	left: 0;
	position: absolute;
	width: 100%;
	z-index: 0;
}

/* Title -- oval
--------------------------------------------- */

.c-ttl--oval {
	background: #63A262;
	border-radius: 22px;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	padding: .5em 0;
	text-align: center;
}

/* =============================================
#  Object -- Project
============================================= */

/* ---------------------------------------------
	ABOUT US -- top
--------------------------------------------- */

.p-aboutus .c-hero {
	background-image: url(../images/hero/aboutus.jpg);
}

/* ---------------------------------------------
	ABOUT US -- greeting
--------------------------------------------- */

.p-greeting .c-box--gry {
	margin: 80px auto;
}

.p-greeting .c-box--gry p {
	font-weight: 700;
	line-height: 1.5;
}

.p-greeting .c-box--gry p span {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: .4em;
}

.p-greeting .c-box--gry p span::before {
	content: "\A";
	white-space: pre;
}

.p-greeting .c-box--gry dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	margin: 30px auto 0;
	text-align: left;
}

.p-greeting .c-box--gry dl dt {
	width: 7em;
}

.p-greeting .c-box--gry dl dd {
	width: calc(100% - 8em);
}

/* ---------------------------------------------
	ABOUT US -- philosophy
--------------------------------------------- */

/* ---------------------------------------------
	ABOUT US -- concept
--------------------------------------------- */

.p-concept .c-lead--head + p {
	margin-top: -1em;
}

/* ---------------------------------------------
	ABOUT US -- profile
--------------------------------------------- */

.p-profile .c-flwrap.c-row--2 {
	margin: 0 auto;
	max-width: 740px;
}

/* ---------------------------------------------
	ABOUT US -- recruit
--------------------------------------------- */

.p-recruit .l-content {
	margin-bottom: 80px;
}

.p-recruit .c-flwrap.tb {
	margin: 0 auto;
	max-width: 740px;
}

/* ---------------------------------------------
	ABOUT US -- entry form
--------------------------------------------- */

.p-entry {
	paddint-top: 0;
	margin-top: -180px;
}

.p-entry .l-content {
	margin-bottom: 80px;
}

.p-entry .l-content > p {
	text-align: center;
}

.p-entry .c-form__wrap {
	margin-top: -40px;
}

/* ---------------------------------------------
	BUSINESS -- massage
--------------------------------------------- */

.p-care .l-content:nth-of-type(1) > img:nth-of-type(1) {
	margin-bottom: 40px;
	margin-top: 20px;
}

.p-care .l-content:nth-of-type(1) > img:nth-of-type(1) + p {
	line-height: 2;
}

.p-care .l-content:nth-of-type(1) > img:nth-of-type(2) {
	margin-bottom: 100px;
	margin-top: 100px;
}

.p-care .l-content:nth-of-type(2) > img {
	display: block;
	margin: 20px auto 40px !important;
	max-width: 367px;
}

.p-care_overview {
	padding-bottom: 0 !important;
}

.p-care_overview .l-content dl.c-list dt.center {
	position: relative;
}

.p-care_overview .l-content dl.c-list dd span {
	display: inline-block;
}

.p-care_overview .l-content:nth-of-type(1) .c-flwrap {
	margin-top: 30px;
}

.p-care_overview .l-content:nth-of-type(1) .c-flwrap .c-fl {
	margin: 10px auto;
	max-width: 300px;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl .map-canvas {
	border: 1px solid #F0F0F0;
	height: 300px;
	margin-bottom: 50px;
	width: 100%;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl .infoWindow {
	font-size: 11px;
	font-size: 1.1rem;
	max-height: 140px;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl .infoWindow h5 {
	color: #63A262;
	font-size: 15px;
	font-size: 1.5rem;
	margin-bottom: 0;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl ul {
	margin-top: 1em;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl ul li.route {
	border-top: 4px solid #F0F0F0;
	margin-top: 1em;
	padding-top: 1em;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl ul li.tel {
	font-size: 5vw;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl ul li.tel a {
	display: inline-block;
}

.p-care_inquiry {
	padding-top: 80px !important;
}

.p-care_inquiry .c-box--brd {
	padding-bottom: 30px;
	padding-top: 30px;
}

.p-care_inquiry .c-box--brd p {
	margin-bottom: 0;
	text-align: center;
}

.p-care_inquiry .c-box--brd p:nth-of-type(1) {
	font-size: 5vw;
	font-weight: 700;
}

.p-care_inquiry .c-box--brd p:nth-of-type(1) span,
.p-care_inquiry .c-box--brd p:nth-of-type(1) a {
	display: inline-block;
}

.p-care_inquiry .c-box--brd p:nth-of-type(2) {
	font-size: 3.5vw;
	margin-top: -1em;
}

/* ---------------------------------------------
	BUSINESS -- dental -- top
--------------------------------------------- */

.p-dental__cat {
	margin-bottom: 50px;
	text-align: center;
}

.p-dental__cat dt {
	background: #FFE4D0;
	border: 3px solid #FFF;
	padding: .8em 1em;
	width: 100%;
}

.p-dental__cat dd ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-dental__cat dd li {
	background: #FFF;
	letter-spacing: .2em;
	margin-top: 10px;
	padding: .3em 1em;
	width: calc(50% - 10px);
}

.p-dental .c-ttl--oval {
	margin: 100px auto 10px;
}

.p-dental__photo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-flow: column wrap;
	flex-flow: column wrap;
	margin-bottom: 100px;
}

.p-dental__photo .c-fl {
	margin: 20px auto 0;
	max-width: 350px;
	text-align: center;
}

.p-dental__photo .c-fl p {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
}

.p-dental h3.u-pnk {
	font-size: 25px;
	font-size: 2.5rem;
	text-align: center;
}

.p-dental h3.u-pnk + p {
	font-weight: 700;
}

.p-dental__selfcheck {
	background: #63A262;
	margin: 60px auto;
	padding: 20px;
}

.p-dental__selfcheck h4 {
	color: #FFF;
	text-align: center;
}

.p-dental__selfcheck dl {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
}

.p-dental__selfcheck dt {
	background: #FFF;
	border-color: #63A262;
	font-weight: 700;
	padding: .3em 1em;
}

.p-dental__selfcheck dt span {
	color: #63A262;
	display: inline-block;
	font-size: 20px;
	font-size: 2rem;
	left: inherit;
	padding: 0;
	position: inherit;
	top: inherit;
}

.p-dental__selfcheck dd {
	background: #FFF;
	border-color: #63A262;
	font-weight: 700;
	padding: .3em 1em;
	text-align: right;
}

.p-dental__selfcheck dd label {
	margin-top: .3em;
}

.p-dental__selfcheck dd input[type="radio"]:checked + span {
	color: #63A262;
}

.p-dental__selfcheck dd input[type="radio"]:checked + span::before {
	background: #63A262;
}

.p-dental img.about_frail {
	margin: 40px auto;
}

.p-dental img.frail_cycle {
	margin: 100px 10% 0;
	max-width: 500px;
	width: 80%;
}

/* ---------------------------------------------
	BUSINESS -- dental -- oralcare
--------------------------------------------- */

.p-oralcare img.visible_effects {
	margin-top: 40px;
}

/* ---------------------------------------------
	BUSINESS -- dental -- swallowingtest
--------------------------------------------- */

.p-swallowingtest__selfcheck {
	background: #FFE4D0;
	border: 4px solid #FFF;
	margin-bottom: 20px;
	padding: 40px 20px;
}

.p-swallowingtest__selfcheck h4 {
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-image: url(../images/business/swallowing_check.svg);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	height: 0;
	overflow: hidden;
	padding-bottom: 14%;
	text-indent: 100%;
	white-space: nowrap;
	width: 100%;
}

.p-swallowingtest__selfcheck form li {
	background: #FFF;
	font-weight: 700;
	line-height: 2;
	margin-bottom: 5px;
	padding: 1em .5em .5em 2em;
}

.p-swallowingtest__selfcheck form li input[type="checkbox"] + span::before {
	border: 3px solid #000;
	height: 25px !important;
	left: -1em;
	top: .1em;
	width: 25px !important;
}

.p-swallowingtest__selfcheck form li input[type="checkbox"]:checked + span::after {
	left: -.5em;
}

/* ---------------------------------------------
	BUSINESS -- massage
--------------------------------------------- */

.p-medicalmassage__effects .c-fl {
	background: #FFF;
	border-radius: 12px;
	margin: 0 auto 50px;
	max-width: 400px;
	text-align: center;
}

.p-medicalmassage__effects .c-fl h4 {
	background: #63A262;
	border-radius: 12px 12px 0 0;
	color: #FFF;
	padding: 1em 0;
	width: 100%;
}

.p-medicalmassage__effects .c-fl p {
	line-height: 2;
	padding: .5em 2em 1.5em;
	text-align: justify;
}

.p-medicalmassage__effects .c-fl p:nth-of-type(2)::before {
	background: url(../images/parts/arrow.svg) no-repeat center/contain;
	content: "";
	display: block;
	height: 40px;
	margin: -1em auto 1em;
	width: 50px;
}

/* ---------------------------------------------
	BUSINESS -- top
--------------------------------------------- */

.p-business .c-hero {
	background-image: url(../images/hero/business.jpg);
}

.p-business__mn {
	text-align: center;
}

.p-business__mn dl a {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
}

.p-business__mn dt {
	margin-top: 20px;
}

.p-business__mn dt a {
	background: #63A262;
	border-radius: 6px;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	padding: .3em 0;
}

.p-business__mn dt a span {
	font-size: 17px;
	font-size: 1.7rem;
}

.p-business__mn dd a {
	border: 2px solid #63A262;
	border-top: none;
	color: #63A262;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 10px;
	padding: .2em 0;
}

/* ---------------------------------------------
	BUSINESS -- top
--------------------------------------------- */

.p-business .c-hero {
	background-image: url(../images/hero/business.jpg);
}

.p-business .l-content {
	max-width: 900px;
}

.p-business__mn {
	text-align: center;
}

.p-business__mn dl a {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-weight: 500 !important;
}

.p-business__mn dt {
	margin-top: 20px;
}

.p-business__mn dt a {
	background: #63A262;
	border-radius: 6px;
	color: #FFF;
	font-size: 22px;
	font-size: 2.2rem;
	padding: .3em 0;
}

.p-business__mn dt a span {
	font-size: 17px;
	font-size: 1.7rem;
}

.p-business__mn dd a {
	border: 2px solid #63A262;
	border-top: none;
	color: #63A262;
	font-size: 16px;
	font-size: 1.6rem;
	margin-top: 10px;
	padding: .2em 0;
}

.p-business .c-ttl--line {
	margin-top: 150px;
	text-align: center;
}

.p-business .c-ttl--line:first-of-type {
	margin-top: 100px;
}

.p-business .c-ttl--line span {
	line-height: .8;
	width: auto;
}

.p-business .c-ttl--line span:first-of-type::after {
	height: 6px;
}

.p-business__flow {
	margin-top: 60px;
}

.p-business__flow .c-fl {
	background: #E4E4E4;
	border-radius: 12px;
	margin: 0 auto 30px;
	max-width: 360px;
	text-align: center;
}

.p-business__flow .c-fl > span {
	-webkit-background-size: auto 60px;
	-o-background-size: auto 60px;
	background-color: #63A262;
	background-position: center;
	background-repeat: no-repeat;
	background-size: auto 60px;
	border-radius: 12px 12px 0 0;
	display: block;
	height: 100px;
	overflow: hidden;
	position: relative;
	text-indent: 100%;
	white-space: nowrap;
	width: 100%;
}

.p-business__flow .c-fl > span::before {
	background: #FFF;
	border-radius: 50%;
	bottom: 0;
	content: "";
	display: block;
	height: 60px;
	left: -40px;
	margin: auto;
	position: absolute;
	top: 0;
	width: 60px;
	z-index: 0;
}

.p-business__flow .c-fl > span::after {
	background: #FFF;
	border-radius: 50%;
	bottom: 0;
	content: "";
	display: block;
	height: 60px;
	margin: auto;
	position: absolute;
	right: -40px;
	top: 0;
	width: 60px;
	z-index: 0;
}

.p-business__flow .c-fl:nth-of-type(1) span {
	background-image: url(../images/parts/01.svg);
}

.p-business__flow .c-fl:nth-of-type(2) span {
	background-image: url(../images/parts/02.svg);
}

.p-business__flow .c-fl:nth-of-type(3) span {
	background-image: url(../images/parts/03.svg);
}

.p-business__flow .c-fl:nth-of-type(4) span {
	background-image: url(../images/parts/04.svg);
}

.p-business__flow .c-fl h5 {
	height: 2em;
	line-height: 1.6;
	margin-top: 36px;
}

.p-business__flow .c-fl h5.l2 {
	margin-top: 22px;
}

.p-business__flow .c-fl h5.l2 + p {
	margin-top: 2em;
}

.p-business__flow .c-fl p {
	line-height: 1.6;
	padding: 0 20px 20px;
	text-align: justify;
}

.p-business__flow .c-fl p:nth-of-type(2)::before {
	content: "";
	display: block;
	height: 50px;
	width: 60px;
}

/* ---------------------------------------------
	CONTACT
--------------------------------------------- */

.p-contact .c-hero {
	background-image: url(../images/hero/contact.jpg);
}

.p-contact .c-ttl--head + p {
	margin-top: 100px;
	text-align: center;
}

/* ---------------------------------------------
	CONTACT -- tel/mail
--------------------------------------------- */

.p-contact1 dl {
	background: #FFF;
}

.p-contact1 dt {
	background: #F0F0F0;
	border: 3px solid #FFF;
	font-weight: 700;
	padding: .5em 1em;
}

.p-contact1 dd {
	border: 3px solid #FFF;
	line-height: 1.8;
	padding: .5em 1em;
}

.p-contact1 dd a {
	font-weight: 700;
}

.p-contact1 dd:nth-of-type(1) a {
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 7vw;
	letter-spacing: .1em;
	margin: -0.2em 0 -0.3em;
}

.p-contact1 dd:nth-of-type(1) span {
	font-size: 14px;
	font-size: 1.4rem;
}

.p-contact1 dd:nth-of-type(2) a {
	font-size: 5vw;
}

.p-contact1 dd:nth-of-type(2) span {
	font-size: 13px;
	font-size: 1.3rem;
	letter-spacing: .05em;
}

.p-contact1 .u-note {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.8;
	margin-left: 1em;
	margin-top: 1em;
	text-indent: -1em;
}

/* ---------------------------------------------
	CONTACT -- form
--------------------------------------------- */

.p-contact2 {
	paddint-top: 0;
	margin-top: -200px;
}

.p-contact2 .l-content {
	margin-bottom: 80px;
}

/* ---------------------------------------------
	FACILITY
--------------------------------------------- */

.p-facility {
	text-align: center;
}

.p-facility .c-hero {
	background-image: url(../images/hero/facility.jpg);
}

.p-facility .c-fl {
	margin: 60px auto 0;
	position: relative;
}

.p-facility .c-fl a:hover {
	background: rgba(255, 255, 255, 0.5);
}

.p-facility .c-fl img {
	width: 100%;
}

.p-facility .c-fl h3 {
	background: #F0F0F0;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 6px 0 -10px;
	padding: 1em;
}

.p-facility .c-fl p {
	height: 4em;
	line-height: 1.6;
	margin-top: 1em;
}

/* ---------------------------------------------
	TOP
--------------------------------------------- */

.p-home::after {
	border-bottom-left-radius: 47%;
	border-bottom-right-radius: 47%;
	height: calc(100vh - 135px);
	left: -40px;
	top: 0;
	width: calc(100vw + 80px);
}

.p-home .c-hero {
	background-color: transparent;
	background-image: url(../images/hero/top_s.jpg);
	background-position: center top;
	height: 0;
	margin-bottom: -80px;
	padding-top: 90%;
	position: relative;
}

.p-home .c-hero::before {
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-image: url(../images/home/txt_hero.png);
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	display: block;
	height: 45%;
	left: 50%;
	position: absolute;
	top: 50%;
	width: 45%;
	z-index: 0;
	z-index: 1;
}

.p-home .c-hero__wrap {
	z-index: 1;
}

/* ---------------------------------------------
	TOP -- ABOUT US
--------------------------------------------- */

.p-top--aboutus {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0)), to(white));
	background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
}

.p-top--aboutus .l-content {
	-webkit-background-size: 300px auto;
	-o-background-size: 300px auto;
	background-image: url(../images/home/img_aboutus.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 300px auto;
	margin-bottom: -60px;
	max-width: 1120px;
	padding-bottom: 320px;
}

/* ---------------------------------------------
	TOP -- BUSINESS
--------------------------------------------- */

.p-top--business {
	padding: 0;
}

.p-top--business .l-container {
	width: 100%;
}

.p-top--business .l-area {
	padding-bottom: 140px;
	position: relative;
}

.p-top--business .l-area:nth-child(1) {
	padding-bottom: 0;
}

.p-top--business .l-area:nth-child(2) {
	background-color: #63A262;
}

.p-top--business .l-area:nth-child(2) h3 {
	background-image: url(../images/home/circle_w.svg);
}

.p-top--business .l-area:nth-child(3) {
	color: #63A262;
}

.p-top--business .l-area:nth-child(3) h3 {
	background-image: url(../images/home/circle_p.png);
}

.p-top--business .l-area .l-content {
	width: calc(100% - 80px);
}

.p-top--business .l-area .l-content p {
	margin-top: 20px;
}

.p-top--business .l-area .c-btn--more {
	bottom: 50px;
	left: 0;
	margin: auto;
	position: absolute;
	right: 0;
	z-index: 0;
}

.p-top--business .c-img--circle {
	border-color: transparent;
}

.p-top--business h3 {
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-position: center;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size: 28px;
	font-size: 2.8rem;
	height: 250px;
	letter-spacing: .1em;
	margin: -60px auto;
	padding-top: 120px;
	text-align: center;
	width: 250px;
}

/* ---------------------------------------------
	TOP -- FACILITY
--------------------------------------------- */

.p-top--facility .c-btn--more.thin {
	width: 300px;
}

/* ---------------------------------------------
	TOP -- FACILITY Slider
--------------------------------------------- */

.p-slider {
	display: none;
}

.p-slider.slick-initialized {
	display: block;
	position: relative;
}

.p-slider__item {
	height: 700px !important;
}

.p-slider__item .c-btn--more {
	margin-left: 0;
	margin-top: 1em;
	padding: 0 0.2em !important;
	width: 160px !important;
}

.p-slider__item .c-btn--more::before {
	content: "\A";
	white-space: pre;
}

.p-slider__img {
	-webkit-background-size: cover;
	-o-background-size: cover;
	background-color: #F0F0F0;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: cover;
	height: calc(100% - 300px);
	margin: auto;
	position: relative;
	width: 100%;
}

.p-slider__img.js-disable {
	cursor: default !important;
}

.p-slider__img::before {
	content: "";
	cursor: default;
	display: block;
	height: 500px;
	left: -60px;
	opacity: 0;
	padding-top: 30px;
	position: absolute;
	top: 0;
	width: 30px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 0;
	z-index: -1;
}

#slide-d-sapporo .p-slider__img::before {
	content: "介護老人保健施設ヴェラス八軒";
}

#slide-d-sendai .p-slider__img::before {
	content: "デンタルクス札幌澤野歯科";
}

#slide-d-yokohama .p-slider__img::before {
	content: "デンタルクス仙台";
}

#slide-d-gorikida .p-slider__img::before {
	content: "デンタルクス横浜歯科クリニック";
}

#slide-c-varus_hachiken .p-slider__img::before {
	content: "五力田歯科診療所";
}

#slide-medical_residence .p-slider__img::before {
	content: "介護老人保健施設ヴェラス八軒";
}


.p-slider__img::after {
	content: "";
	cursor: default;
	display: block;
	height: 500px;
	opacity: 0;
	padding-top: 30px;
	position: absolute;
	right: -50px;
	top: 0;
	width: 30px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	z-index: 0;
	z-index: -1;
}

#slide-d-sapporo .p-slider__img::after {
	content: "デンタルクス仙台";
}

#slide-d-sendai .p-slider__img::after {
	content: "デンタルクス横浜歯科クリニック";
}

#slide-d-yokohama .p-slider__img::after {
	content: "五力田歯科診療所";
}

#slide-d-gorikida .p-slider__img::after {
	content: "介護老人保健施設ヴェラス八軒";
}

#slide-c-varus_hachiken .p-slider__img::after {
	content: "デンタルクス札幌澤野歯科";
}

#slide-medical_residence .p-slider__img::after {
	content: "デンタルクス札幌澤野歯科";
}


.p-slider__img span {
	height: 100%;
	text-align: center;
	width: 3em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.slick-slide:not(.slick-current) .p-slider__img {
	pointer-event: none;
}

#slide-d-sapporo .p-slider__img {
	background-image: url(../images/slider/d_sapporo.jpg);
}

#slide-d-sendai .p-slider__img {
	background-image: url(../images/slider/d_sendai.jpg);
}

#slide-d-yokohama .p-slider__img {
	background-image: url(../images/slider/d_yokohama.jpg);
}

#slide-d-gorikida .p-slider__img {
	background-image: url(../images/slider/d_gorikida.jpg);
}

#slide-c-varus_hachiken .p-slider__img {
	background-image: url(../images/slider/c_varus_hachiken.jpg);
}

#slide-medical_residence .p-slider__img {
	background-image: url(../images/slider/medical_residence.jpg);
}

.p-slider__info {
	height: auto;
	line-height: 2;
	padding: 40px 0 0;
	position: relative;
}

.p-slider__info span {
	display: block;
	font-size: 20px;
	font-size: 2rem;
	margin-bottom: 1em;
}

.p-slider__info .c-btn--more {
	margin: 40px 0 0 auto;
	padding: 0.5em 1em !important;
}

/* ---------------------------------------------
	PRIVACY POLICY
--------------------------------------------- */

.p-privacy .c-hero {
	background-image: url(../images/hero/privacy.jpg);
}

.p-privacy .c-ttl--line {
	margin: 100px 0 30px;
	text-align: center;
	white-space: nowrap;
}

.p-privacy .c-ttl--line span {
	width: auto;
}

.p-privacy p:last-of-type {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 1.8;
	margin-top: 100px;
	text-align: center;
}

/* ---------------------------------------------
	RESERVATION
--------------------------------------------- */

.p-reservation .c-hero {
	background-image: url(../images/hero/reservation.jpg);
}

.p-reservation .l-content {
	max-width: 940px;
	width: 100%;
}

.p-reservation .l-content:nth-of-type(2) {
	margin-top: 80px;
}

.p-reservation .l-content h2 {
	margin-bottom: 30px;
}

.p-reservation .l-content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	letter-spacing: .05em;
}

.p-reservation .c-box--gry {
	margin: 30px auto;
	max-width: 450px;
	padding: 50px 0 40px;
}

.p-reservation .c-box--wht {
	background-position: left top;
	background-position: center top 30px;
	background-repeat: no-repeat;
	border-radius: 8px;
	margin: 20px auto;
	max-width: 185px;
	padding: 70px 0 20px;
	width: 40%;
}

.p-reservation .c-box--wht:first-child {
	background-image: url(../images/ico/ico_pc.svg);
}

.p-reservation .c-box--wht:last-child {
	background-image: url(../images/ico/ico_sp.svg);
}

.p-reservation .c-box--wht p {
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	margin-bottom: 0;
}

.p-reservation .c-box--wht a.u-hvr--rectout {
	border-radius: 6px;
	color: #FFF;
	display: inline-block;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: 500;
	margin-bottom: 10px;
	padding: .5em;
	position: relative;
	width: 8.6em;
}

.p-reservation .c-box--wht a.u-hvr--rectout::after {
	background-color: #FFF;
	border-radius: 4px;
}

.p-reservation .c-box--wht a.u-hvr--rectout:nth-of-type(1) {
	background-color: #63A262;
	border: 3px solid #63A262;
}

.p-reservation .c-box--wht a.u-hvr--rectout:nth-of-type(1):hover {
	color: #63A262;
}

.p-reservation .c-box--wht a.u-hvr--rectout:nth-of-type(2) {
	background-color: #000;
	border: 3px solid #000;
}

.p-reservation .c-box--wht a.u-hvr--rectout:nth-of-type(2):hover {
	color: #000;
}

.p-reservation .comingsoon {
	color: #63A262;
	font-family: "M PLUS Rounded 1c", "Kosugi Maru", sans-serif;
	font-size: 6vw;
	font-weight: 500;
	text-align: center;
}

/* ---------------------------------------------
	SITEMAP
--------------------------------------------- */

.p-sitemap .c-hero {
	background-image: url(../images/hero/sitemap.jpg);
}

.p-sitemap .l-content {
	margin-top: -60px;
}

.p-sitemap .c-fl h3 {
	border-top: 3px solid #63A262;
	display: block;
	margin-top: 60px;
	padding-top: 10px;
	width: 100%;
}

.p-sitemap .c-fl h3 a {
	color: #63A262;
}

.p-sitemap .c-fl > ul > li {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 700;
	line-height: 3;
}

.p-sitemap .c-fl > ul > li ul {
	margin-bottom: 2em;
}

.p-sitemap .c-fl > ul > li ul li {
	font-weight: 400;
}

.p-sitemap .c-fl > ul > li a.js-disable:hover,
.p-sitemap .c-fl > ul > li a.js-disable:focus,
.p-sitemap .c-fl > ul > li a.js-disable:active {
	color: #000;
	cursor: default !important;
}

.p-sitemap .c-fl > ul.other {
	margin-top: 60px;
}

/* ---------------------------------------------
	Thanks Page
--------------------------------------------- */

.p-thanks .l-content,
.p-thanks_entry .l-content {
	border-radius: 4px;
	margin-top: 100px;
	text-align: center;
}

.p-thanks__header,
.p-thanks_entry__header {
	background: #63A262;
	border: 4px solid #63A262;
	border-radius: 4px 4px 0 0;
	-webkit-box-shadow: 0px 0px 3px 0px #E4E4E4;
	box-shadow: 0px 0px 3px 0px #E4E4E4;
	color: #FFF;
	padding-top: 1em;
	position: relative;
}

.p-thanks__header .close a,
.p-thanks_entry__header .close a {
	color: #63A262;
	font-size: 32px;
	font-size: 3.2rem;
	position: absolute;
	right: 0;
	top: -50px;
	z-index: 0;
}

.p-thanks__ttl,
.p-thanks_entry__ttl {
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 2;
}

.p-thanks__msg,
.p-thanks_entry__msg {
	border: 1px solid #E4E4E4;
	-webkit-box-shadow: 0px 0px 3px 0px #E4E4E4;
	box-shadow: 0px 0px 3px 0px #E4E4E4;
	margin: auto;
	padding: 4em 1em 3em;
	width: calc(100% - 1px);
}

.p-thanks__msg p:last-child,
.p-thanks_entry__msg p:last-child {
	margin-top: 40px;
}

.p-thanks__footer,
.p-thanks_entry__footer {
	background: #63A262;
	border: 4px solid #63A262;
	border-radius: 0 0 4px 4px;
	-webkit-box-shadow: 0px 0px 3px 0px #E4E4E4;
	box-shadow: 0px 0px 3px 0px #E4E4E4;
	color: #FFF;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 1.4;
	padding: 1em 0;
}

/* =============================================
#  Object -- Utility
============================================= */

/* ---------------------------------------------
	Arrow
--------------------------------------------- */

.u-arrow {
	border: 5px solid;
	height: 30px;
	width: 30px;
}

.u-arrow--up {
	border-color: #565656 #565656 transparent transparent;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.u-arrow--right {
	border-color: #565656 #565656 transparent transparent;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.u-arrow--down {
	border-color: transparent transparent #565656 #565656;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.u-arrow--left {
	border-color: transparent transparent #565656 #565656;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

/* ---------------------------------------------
	Background color
--------------------------------------------- */

.u-bg--pnk {
	background-color: #63A262;
}

.u-bg--org {
	background-color: #FFF0DC;
}

.u-bg--gry {
	background-color: #F0F0F0;
}

.u-bg--wht {
	background-color: rgba(255, 255, 255, 0.5);
}

/* ---------------------------------------------
	Break
--------------------------------------------- */

.u-br::before {
	content: "\A";
	white-space: pre;
}

.u-2br::before,
.u-2br::after {
	content: "\A";
	white-space: pre;
}

span.u-sp::before,
span.u-tb::before,
span.u-pc::before {
	content: "";
	white-space: nowrap;
}

/* ---------------------------------------------
  Effect
--------------------------------------------- */

.u-hvr:hover,
.u-hvr:hover img {
	opacity: .6;
	-webkit-transition: all .3s;
	transition: all .3s;
}

/*** .u-hvr--rectout ***/

.u-hvr--rectout {
	background-color: transparent;
	-webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	box-shadow: 0 0 1px rgba(0, 0, 0, 0);
	display: inline-block;
	position: relative;
	-webkit-transform: perspective(1px) translateZ(0);
	transform: perspective(1px) translateZ(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: color;
	transition-property: color;
	vertical-align: middle;
	z-index: 0;
}

.u-hvr--rectout::after {
	background-color: #63A262;
	border-radius: 6px;
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transform: scale(0);
	transform: scale(0);
	-webkit-transition-duration: 0.3s;
	transition-duration: 0.3s;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	z-index: -1;
}

.u-hvr--rectout.gry::after {
	background-color: #565656;
}

.u-hvr--rectout:visited::after {
	-webkit-transform: scale(0);
	transform: scale(0);
}

.u-hvr--rectout:hover {
	color: #FFF;
}

.u-hvr--rectout:hover::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

.u-hvr--rectout:active {
	color: #FFF;
}

.u-hvr--rectout:active::after {
	-webkit-transform: scale(1);
	transform: scale(1);
}

/* ---------------------------------------------
	Icon
--------------------------------------------- */

a[class^="u-ico--"],
a[class*="u-ico--"] {
	-webkit-background-size: contain;
	-o-background-size: contain;
	background-position: left top;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: none;
	transition: none;
}

.u-ico--tel {
	background-image: url("../images/ico/ico_tel_off.svg");
}

.u-ico--tel:hover {
	background-image: url("../images/ico/ico_tel_on.svg");
	color: #000;
}

.u-ico--mail {
	background-image: url("../images/ico/ico_mail_off.svg");
}

.u-ico--mail:hover {
	background-image: url("../images/ico/ico_mail_on.svg");
}

.u-ico--online {
	background-image: url("../images/ico/ico_online_off.png");
}

.u-ico--online:hover {
	background-image: url("../images/ico/ico_online_on.png");
}

/* ---------------------------------------------
	Margin
--------------------------------------------- */

.u-mb1 {
	margin-bottom: 1rem;
}

.u-ml1 {
	margin-left: 1rem;
}

.u-mr1 {
	margin-right: 1rem;
}

.u-mt1 {
	margin-top: 1rem;
}

.u-mb2 {
	margin-bottom: 2rem;
}

.u-ml2 {
	margin-left: 2rem;
}

.u-mr2 {
	margin-right: 2rem;
}

.u-mt2 {
	margin-top: 2rem;
}

.u-mb3 {
	margin-bottom: 3rem;
}

.u-ml3 {
	margin-left: 3rem;
}

.u-mr3 {
	margin-right: 3rem;
}

.u-mt3 {
	margin-top: 3rem;
}

.u-mb4 {
	margin-bottom: 4rem;
}

.u-ml4 {
	margin-left: 4rem;
}

.u-mr4 {
	margin-right: 4rem;
}

.u-mt4 {
	margin-top: 4rem;
}

.u-mb5 {
	margin-bottom: 5rem;
}

.u-ml5 {
	margin-left: 5rem;
}

.u-mr5 {
	margin-right: 5rem;
}

.u-mt5 {
	margin-top: 5rem;
}

.u-mb6 {
	margin-bottom: 6rem;
}

.u-ml6 {
	margin-left: 6rem;
}

.u-mr6 {
	margin-right: 6rem;
}

.u-mt6 {
	margin-top: 6rem;
}

/* ---------------------------------------------
	Other
--------------------------------------------- */

.u-parent {
	position: relative;
}

.u-ovr {
	display: block;
	height: 100%;
	left: 0;
	outline: none;
	position: absolute;
	top: 0;
	width: 100%;
}

.u-fit {
	width: 100%;
}

.cf::before,
.cf::after {
	clear: both;
	content: "";
	display: block;
}

/* ---------------------------------------------
	Position
--------------------------------------------- */

.u-txt--c {
	text-align: center;
}

.u-txt--r {
	text-align: right;
}

.u-txt--l {
	text-align: left;
}

.u-txt--lc {
	text-align: left;
}

.u-flt--l {
	float: left;
}

.u-flt--r {
	float: right;
}

/* ---------------------------------------------
	Typography
--------------------------------------------- */

.u-note {
	font-size: 12px;
	font-size: 1.2rem;
}

.u-xx {
	font-size: 28px;
	font-size: 2.8rem;
}

.u-strong {
	font-size: 110%;
	font-weight: 700;
}

.u-pnk {
	color: #63A262;
}

.u-blk {
	color: #000 !important;
}

.u-elipsis {
	text-overflow: ellipsis;
}

/* =============================================
#  Media Queries
============================================= */

@media all and (min-width: 400px) {

.l-header__logo > span {
	font-size: 14px;
	font-size: 1.4rem;
}

}

@media all and (min-width: 576px) {

.p-business .c-ttl--line span {
	line-height: 1.4;
}

}

@media all and (min-width: 576px) and (max-width: 989px) {

span.u-sp::before,
span.u-pc::before {
	content: "";
	white-space: nowrap;
}

span.u-tb::before {
	content: "\A";
	white-space: pre;
}

}

@media screen and (min-width: 600px) {

h1 {
	font-size: 26px;
	font-size: 2.6rem;
}

.c-flwrap.mbs {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-flwrap.mbs.c-row--2 .c-fl {
	width: calc(50% - 15px);
}

.c-form__btnarea button {
	font-size: 16px;
	font-size: 1.6rem;
}

.c-scimg.tl {
	top: -130px;
}

.c-scimg.bl {
	bottom: -130px;
}

.c-scimg.tr {
	top: -130px;
}

.c-scimg.br {
	bottom: -130px;
}

.p-care_overview .l-content:nth-of-type(1) .c-flwrap .c-fl {
	max-width: calc(33% - 10px);
	width: calc(33% - 10px);
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl ul li.tel {
	font-size: 28px;
	font-size: 2.8rem;
}

.p-care_inquiry .c-box--brd p:nth-of-type(1) {
	font-size: 28px;
	font-size: 2.8rem;
}

.p-care_inquiry .c-box--brd p:nth-of-type(2) {
	font-size: 18px;
	font-size: 1.8rem;
}

.p-dental__cat dd li {
	width: calc(33% - 8px);
}

.p-dental__photo {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-dental__photo .c-fl {
	width: calc(50% - 10px);
}

.p-dental h3.u-pnk {
	font-size: 29px;
	font-size: 2.9rem;
}

.p-dental h3.u-pnk + p {
	text-align: center;
}

.p-medicalmassage dl.c-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-medicalmassage dl.c-list dt {
	margin: 4px 0;
	padding: 1em;
	text-align: center;
	width: 8em;
}

.p-medicalmassage dl.c-list dt {
	width: 10em;
}

.p-medicalmassage dl.c-list dd {
	margin: 4px 0;
	width: calc(100% - 8em - 8px);
}

.p-medicalmassage dl.c-list dd {
	width: calc(100% - 10em - 8px);
}

.p-medicalmassage dl.c-list.t_3 span {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 5em;
}

.p-medicalmassage dl.c-list.t_3 span {
	width: 7em;
}

.p-business__mn dt a {
	font-size: 24px;
	font-size: 2.4rem;
}

.p-business__mn dt a span {
	font-size: 18px;
	font-size: 1.8rem;
}

.p-business__mn dd a {
	font-size: 18px;
	font-size: 1.8rem;
}

.p-business__mn dt a {
	font-size: 24px;
	font-size: 2.4rem;
}

.p-business__mn dt a span {
	font-size: 18px;
	font-size: 1.8rem;
}

.p-business__mn dd a {
	font-size: 18px;
	font-size: 1.8rem;
}

.p-reservation .l-content h2 {
	margin-bottom: 60px;
}

.p-reservation .c-box--gry {
	margin: 20px auto 0;
	padding: 50px 3% 40px;
}

.p-reservation .c-box--wht {
	-ms-flex-pack: distribute;
	justify-content: space-around;
	margin: 20px auto 0;
	max-width: 150px;
}

.p-reservation .comingsoon {
	font-size: 34px;
	font-size: 3.4rem;
}

.u-txt--lc {
	text-align: center;
}

}

@media screen and (min-width: 767px) {

h1 {
	font-size: 26px;
	font-size: 2.6rem;
}

.l-header__logo a span {
	height: 72px;
	width: 241px;
}

.c-flwrap.mb {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-flwrap.mb.c-row--2 .c-fl {
	width: calc(50% - 15px);
}

.c-btn--kd {
	font-size: 18px;
	font-size: 1.8rem;
}

.c-btn--kd span {
	padding: 0 2.5em;
}

.c-form {
	padding: 70px 40px;
}

form dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

form dt {
	width: 12em;
}

form dt > span {
	left: 1em;
	padding: 0 0.5em;
	position: absolute;
	top: 1em;
	z-index: 0;
}

form dt br {
	display: block;
}

form dd {
	padding: 0.5em 0 0.5em 1em;
	width: calc(100% - 12em);
}

form dd input[type="text"],
form dd input[type="tel"],
form dd input[type="email"] {
	width: 85%;
}

.c-lead {
	line-height: 3;
}

.c-lead--head {
	font-size: 25px;
	font-size: 2.5rem;
	letter-spacing: .15em;
}

.c-gnav__wrap {
	top: -20px;
}

.c-gnav__wrap.open {
	height: calc(100vh + 20px);
}

.c-ttl--head {
	margin-bottom: 80px;
}

.c-ttl--head span {
	font-size: 38px;
	font-size: 3.8rem;
}

.c-ttl--sub {
	font-size: 19px;
	font-size: 1.9rem;
}

.p-greeting .c-box--gry dl {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	max-width: 37em;
}

.p-dental__cat dd {
	margin: 0 auto -2px;
	width: calc(100% + 10px);
}

.p-dental__cat dd ul {
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: start;
}

.p-dental__cat dd li {
	margin-right: 10px;
	width: calc(20% - 10px);
}

.p-dental__photo .c-fl {
	width: calc(25% - 10px);
}

.p-dental__selfcheck dt {
	width: calc(100% - 10em);
}

.p-dental__selfcheck dd {
	margin-bottom: 0;
	padding: .3em;
	width: 10em;
}

.p-dental img.about_frail {
	margin: 60px auto;
}

.p-dental img.frail_cycle {
	margin-top: 150px;
	max-width: 800px;
}

.p-oralcare img.visible_effects {
	margin-top: 60px;
}

.p-swallowingtest__selfcheck h4 {
	width: 560px;
}

.p-medicalmassage__effects {
	justify-conent: space-between;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.p-medicalmassage__effects .c-fl {
	width: 50%;
}

.p-business__flow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.p-business__flow .c-fl {
	width: 23%;
}

.p-business__flow .c-fl h5 {
	height: 3em;
}

.p-contact1 dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
}

.p-contact1 dt {
	height: 8em;
	padding-top: 3em;
	text-align: center;
	width: 16em;
}

.p-contact1 dd {
	height: 8em;
	width: calc(100% - 16em);
}

.p-contact1 dd:nth-of-type(1) a {
	font-size: 38px;
	font-size: 3.8rem;
}

.p-contact1 dd:nth-of-type(2) a {
	font-size: 30px;
	font-size: 3rem;
}

.p-home::after {
	height: 800px;
}

.p-home .c-hero {
	background-image: url(../images/hero/top.jpg);
	height: 600px;
	padding-top: 0;
}

.p-home .c-hero::before {
	left: 60%;
}

.p-top--aboutus .c-ttl--head span {
	font-size: 35px;
	font-size: 3.5rem;
	line-height: 1.3;
}

.p-top--aboutus .c-ttl--head span:nth-child(1) {
	font-size: 16px;
	font-size: 1.6rem;
}

.p-slider__item .c-btn--more {
	display: inline-block;
	margin-left: 20px;
}

.p-slider__item .c-btn--more::before {
	content: "";
	white-space: nowrap;
}

.p-slider__img {
	height: 500px !important;
	width: 100%;
}

.p-slider__img::before {
	opacity: 1;
}

.p-slider__img::after {
	opacity: 1;
}

.p-slider__info {
	margin: auto;
	width: 80%;
}

.p-slider__info .c-btn--more {
	bottom: -0.5em;
	position: absolute;
	right: 0;
	z-index: 0;
}

}

@media screen and (min-width: 990px) {

h1 {
	font-size: 32px;
	font-size: 3.2rem;
}

h2 {
	font-size: 30px;
	font-size: 3rem;
}

h3 {
	font-size: 21px;
	font-size: 2.1rem;
}

h4 {
	font-size: 22px;
	font-size: 2.2rem;
}

h5 {
	font-size: 17px;
	font-size: 1.7rem;
}

.l-header__inner {
	background: transparent;
	width: calc(100% - 126px);
}

.l-header.fixed.open .l-header__inner {
	background: rgba(240, 240, 240, 0.95);
}

.l-header__logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	height: 42px;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	margin: 0;
	padding-top: 54px;
	width: calc(100% - 48px);
}

.l-header__logo a span {
	height: 90px;
	margin: -40px 0 0;
	width: 300px;
}

.l-header.fixed .l-header__logo > span {
	display: block;
	margin-top: -30px;
}

.l-header.fixed .l-header__logo a span {
	margin-top: -45px;
}

.l-header.fixed.open .l-header__logo > span {
	margin: 0;
}

.l-header.fixed.open .l-header__logo a span {
	margin-top: -1em;
}

.l-header--tel {
	background-position: left top 4px !important;
	background-size: 34px 34px !important;
	height: 42px;
	left: calc(100% - 490px);
	padding-left: 40px;
	text-indent: 0;
	top: 40px;
	white-space: normal;
	width: 211px;
}

.l-header.fixed.open .l-header--tel {
	top: 40px;
}

footer {
	height: 680px;
	padding-top: 100px;
}

footer::after {
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	height: 540px;
	left: -63px;
	width: calc(100% + 126px);
}

.l-footer .c-nav--contact {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 10px auto auto;
	width: 780px;
}

.l-footer .c-nav--contact li {
	max-width: 320px;
	width: 320px;
}

.l-footer .c-nav--contact a.u-ico--mail {
	letter-spacing: 0.05em;
	padding-left: 90px;
	text-align: left;
}

.l-footer .c-nav--contact a.u-ico--online {
	letter-spacing: 0.05em;
	padding-left: 90px;
	text-align: left;
}

.l-footer__nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.l-footer__bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	line-height: 1;
	margin: 60px auto 0;
	max-width: 1120px;
	width: 100%;
}

.l-footer .c-gotop {
	left: inherit;
	right: 103px;
}

.pc .l-side {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

main p {
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 3;
}

.l-container {
	width: calc(100% - 126px);
}

.l-content {
	width: calc(100% - 40px);
}

.c-box--gry,
.c-box--wht,
.c-box--brd {
	padding: 60px 60px 40px;
}

.c-box--brd {
	padding: 60px 100px;
}

.c-flwrap.tb {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-flwrap.tb.c-row--2 .c-fl {
	width: calc(50 - 15px);
}

.c-form {
	padding: 70px 50px;
}

.c-gotop {
	right: 23px;
}

.c-hero {
	width: calc(100% - 126px);
}

.c-lead--head {
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 2;
}

.c-lead--head + p {
	font-size: 20px;
	font-size: 2rem;
	line-height: 2;
	margin-top: -.5em;
}

dl.c-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

dl.c-list dt {
	margin: 4px 0;
	padding: 1em;
	text-align: center;
	width: 10em;
}

dl.c-list dd {
	margin: 4px 0;
	width: calc(100% - 10em - 8px);
}

dl.c-list[class^="t_"] span,
dl.c-list[class*="t_"] span {
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

dl.c-list.t_3 span {
	width: 4em;
}

dl.c-list.t_5 span {
	width: 5em;
}

dl.c-list.t_7 span {
	width: 7em;
}

.c-gnav__wrap.open::after {
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
	left: -63px;
	top: -60px;
	width: calc(100% + 126px);
}

.c-nav__btn {
	right: 63px;
	top: 45px;
}

.l-header.fixed.open .c-nav__btn {
	right: 63px;
	top: 45px;
}

.c-scimg.tl {
	left: -30px;
}

.c-scimg.bl {
	left: -30px;
}

.c-scimg.tr {
	right: -30px;
}

.c-scimg.br {
	right: -30px;
}

.c-ttl--head span {
	font-size: 46px;
	font-size: 4.6rem;
	line-height: 1.7;
}

.c-ttl--sub {
	font-size: 20px;
	font-size: 2rem;
}

.p-concept .c-lead--head + p {
	margin-top: -1em;
}

.p-profile .c-flwrap.c-row--2 {
	margin: 0;
	max-width: 100%;
}

.p-recruit .c-flwrap.tb {
	margin: 0;
	max-width: 100%;
}

.p-recruit .c-flwrap.tb .c-fl:first-child {
	width: 350px;
}

.p-recruit .c-flwrap.tb .c-fl:last-child {
	margin-top: 60px;
	width: calc(100% - 350px);
}

.p-care_overview .l-content dl.c-list dt.center span {
	display: block;
	left: 50%;
	line-height: 1;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 0;
}

.p-care_overview .l-content:nth-of-type(3) .p-access .c-fl .map-canvas {
	margin-bottom: 0;
}

.p-dental__selfcheck {
	padding: 30px 40px 20px;
}

.p-home main p {
	line-height: 2.5;
}

.p-home .c-hero::after {
	border-bottom-left-radius: 70%;
	border-bottom-right-radius: 70%;
	height: 800px;
	left: -40px;
	top: 0;
	width: calc(100% + 80px);
}

.p-top--aboutus .l-content {
	background-position: right center;
	background-size: 50% auto;
	max-height: 560px;
	padding: 60px 50% 60px 0;
}

.p-top--aboutus .c-ttl--head {
	margin-bottom: 40px;
	text-align: left;
}

.p-top--aboutus .c-btn--more {
	margin-left: 0;
}

.p-top--business {
	background: linear-gradient(to bottom, white 0%, white 150px, #f0f0f0 150px, #f0f0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0);
	padding-top: 150px;
}

.p-top--business .l-area:nth-child(1) {
	width: 18%;
}

.p-top--business .l-area:nth-child(2) {
	padding: 100px 33px;
	width: 41%;
}

.p-top--business .l-area:nth-child(2) .c-img--circle {
	border-color: #FFF;
	margin-top: -200px;
}

.p-top--business .l-area:nth-child(3) {
	padding: 100px 33px;
	width: 41%;
}

.p-top--business .l-area:nth-child(3) .c-img--circle {
	border-color: #FFF;
	margin-top: -200px;
}

.p-top--business .c-ttl--head {
	margin-bottom: 0;
	margin-left: calc((100% - 4.6rem) / 2);
	margin-top: 80px;
	position: absolute;
	width: 1em;
}

.p-top--business .c-ttl--head span:nth-child(1) {
	padding-bottom: 16px;
	text-align: center;
	width: 2em;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}

.p-top--business .c-ttl--head span:nth-child(2) {
	left: 0;
	line-height: 1.2;
	position: absolute;
	top: 2.7em;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	z-index: 0;
}

.p-top--business .c-ttl--head span:nth-child(2)::after {
	bottom: inherit;
	display: inline-block;
	height: calc(2em + 8px);
	left: calc(1em + 8px);
	top: 8px;
	width: 8px;
}

.p-top--business .c-ttl--head span:nth-child(3) {
	left: 0;
	line-height: 1.2;
	position: absolute;
	top: 5.2em;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
	z-index: 0;
}

.p-top--business .c-ttl--head span:nth-child(3)::after {
	bottom: inherit;
	display: inline-block;
	height: calc(2em + 8px);
	left: calc(1em + 8px);
	top: 5px;
	width: 8px;
}

.p-slider__img {
	padding: 40px 13% 0;
	width: 100%;
}

.p-slider__img::before {
	left: -110px;
	padding-top: 0;
	text-align: center;
}

.p-slider__img::after {
	padding-top: 0;
	right: -90px;
	text-align: center;
}

.p-slider__info {
	padding: 40px 20px 0;
	width: 100%;
}

.p-slider__info .c-btn--more {
	right: 20px;
}

#slide-d-yokohama br {
	display: none;
}

.p-reservation .l-content h3 {
	font-size: 20px;
	font-size: 2rem;
}

.p-reservation .comingsoon {
	font-size: 38px;
	font-size: 3.8rem;
}

span.u-sp::before,
span.u-tb::before {
	content: "";
	white-space: nowrap;
}

span.u-pc::before {
	content: "\A";
	white-space: pre;
}

}

@media screen and (min-width: 1240px) {

h1 {
	font-size: 32px;
	font-size: 3.2rem;
}

.c-flwrap {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-flow: row wrap;
	flex-flow: row wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}

.c-flwrap.c-row--2 .c-fl {
	width: calc(50% - 15px);
}

.c-nav__btn {
	right: calc(50% - 560px);
}

.l-header.fixed.open .c-nav__btn {
	right: calc(50% - 560px);
}

.p-slider__info {
	padding: 40px 8% 0;
}

.p-slider__info .c-btn--more {
	right: 8%;
}

}

@media screen and (min-width: 1366px) {

.l-footer .c-gotop {
	left: 50%;
	margin-left: 520px;
	right: inherit;
}

.l-container {
	width: 1240px;
}

.c-gotop {
	left: 50%;
	margin-left: 520px;
	right: inherit;
}

.p-home::after {
	border-bottom-left-radius: 100%;
	border-bottom-right-radius: 100%;
}

.p-home .c-hero::after {
	boder-bottom-right-radius: 50%;
	boder-bottom-left-radius: 50%;
	height: 2560px;
	left: -166px;
	top: -1800px;
	width: calc(100% + 332px);
}

}

@media screen and (min-width: 1600px) {

.p-home::after {
	border-bottom-left-radius: 50%;
	border-bottom-right-radius: 50%;
}

}

@media all and (max-width: 1024px) and (orientation: landscape) {

.c-gnav__wrap.open::after {
	border-bottom-left-radius: 47%;
	border-bottom-right-radius: 47%;
	height: calc(100vh - 40px);
	left: -40px;
	top: 0;
	width: calc(100vw + 80px);
}

}

@media screen and (max-width: 766px) {

table#mfp_confirm_table tr th {
	white-space: nowrap;
	width: 100px;
}

.p-greeting .c-box--gry dl dt {
	font-weight: 700;
	width: 100%;
}

.p-greeting .c-box--gry dl dd {
	width: 100%;
}

.p-contact1 .u-note {
	margin-top: 2em;
}

}

@media screen and (max-width: 599px) {

.c-form {
	border-width: 15px;
	padding: 20px 10px;
}

.c-hero {
	height: 200px;
}

.c-ttl--head span:nth-child(1) {
	font-size: 5vw;
}

.c-ttl--head span:nth-child(2) {
	font-size: 7vw;
}

.c-ttl--head span:nth-child(3) {
	font-size: 7vw;
}

.c-ttl--sc > span {
	font-size: 4.2vw;
}

.c-ttl--line {
	margin: 60px 0 40px;
}

.c-ttl--line span {
	font-size: 5vw;
	width: auto;
}

.p-philosophy .c-lead--head {
	font-size: 5vw;
}

.p-philosophy .c-lead--head + p {
	font-size: 4vw;
}

.p-contact1 .c-ttl--sc span {
	letter-spacing: 0;
}

#slide-d-sapporo .p-slider__img {
	background-position: right -100px top;
}

#slide-d-sendai .p-slider__img {
	background-position: center top;
}

#slide-c-varus_hachiken .p-slider__img {
	background-position: center top;
}

.p-slider .slick-prev,
.p-slider .slick-next {
	background-size: 30px auto;
}

.p-privacy .c-ttl--sc span {
	font-size: 4.2vw;
}

.p-privacy .c-ttl--line {
	margin: 60px 0 30px;
}

.p-privacy .c-ttl--line span {
	font-size: 4.2vw;
}

.p-sitemap .c-flwrap {
	margin: -60px auto 0;
	max-width: 400px;
}

}

@media screen and (max-width: 575px) {

span.u-tb::before,
span.u-pc::before {
	content: "";
	white-space: nowrap;
}

span.u-sp::before {
	content: "\A";
	white-space: pre;
}

}

@media all and (max-width: 414px) {

.c-hero__wrap.arc::after {
	width: 300px;
}

}

@media screen and (max-width: 320px) {

h1 {
	font-size: 22px;
	font-size: 2.2rem;
}

h3 {
	font-size: 18px;
	font-size: 1.8rem;
}

.l-header__logo a span {
	height: 54px;
	padding-bottom: 0;
	width: 180px;
}

}

/*# sourceMappingURL=maps/style.css.map */