@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&display=swap&subset=japanese");
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;300;400;500;600;700&display=swap');


@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}

pre {
	position: fixed;
	top: 0;
	right: 0;
	font-size: 1.4rem;
	color: black;
	background: yellow;
	z-index: 100000;
	padding: 0.2em 2em;
	font-weight: 600;
	opacity: 0.9;
	display: none;
}



.gradient {
	background: linear-gradient(90deg, #ec6d74 0px, #f5b1a1 20%, #f6ae69 80%, #ffe45e 100%);
}

.gradient_dark {
	background: linear-gradient(90deg, #ec6d74 0px, #ef5961 100%);
}


.bg-orange {
	background-color: #f6ae69;
}

.bg-pink {
	background-color: #ec6d74;
}


/*-----------------------------------------------------------------------------------------

-00001 INITIAL VALUE
-00002 LAYOUT
-0003 TYPOGRAPHY RESET
-00004 Humberger
-00005 Humberger の時のメニュー
-00006 FIXED-BTN

-10001 header
-10002 FOOTER

-20001 global_menu
-20002 area-footer-nav

-30001 404
-30002 ぱんくず
-30003 TABLE

-40001 home
-40002 home area-schedule
-40003 home area-news
-40004 home area-kamoku
-40005 home area-feat
-40006 home area-message
-40007 home area-slogan
-40008 home area-map

-50001 SINGLE関係

----------------------------------------------------------------------------------------- */





















/*-----------------------------------------------------------------------------------------
-00001 INITIAL VALUE
----------------------------------------------------------------------------------------- */
html {
	padding: 0px;
	margin: 0px;
	background: white;
	border: 0px solid #42985B;
	font-size: 62.5%;
}

body {
	width: 100%;
	height: 100%;
	font-weight: normal;
	font-size: 1rem;
	line-height: 1;
	position: relative;
	color: #555;color:#555;
	padding: 0;
	margin: 0;
	background: white;
	-webkit-text-size-adjust: 100%;
	min-width: 1200px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	border-left:0px solid red;
}

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

article,
section,
aside,
header,
footer {
	display: block;
	padding: 0;
	margin: 0;
	width: 100%;
	border: 0px solid #42985B;
}

main {
	display: block;
	padding: 90px 0 0 0;
	margin: 0;
	width: 100%;
	background: white;
	background-size: 100% auto;
	border-left: 0px solid black;
}

img {
	width: 100%;
	height: auto;
	display: block;
	padding: 0;
	margin: 0 auto;
	vertical-align: bottom;
	image-rendering: -webkit-optimize-contrast;
}

figure {
	border: 0px solid olive;
	width: 100%;
	padding: 0;
	margin-bottom: 0 !important;
}

a {
	color: blue;
	text-decoration: none;
}

a:hover {
	transition: 0.5s;
	text-decoration: none;
	opacity: 0.5;
}

.none {
	display: none;
}

.clearfix::after,
.row::after {
	content: '';
	display: block;
	clear: both;
}

strong,
b {
	font-weight: 600;
}

small {
	font-size: 0.7em;
}

em {
	color: #CF4D09;
	padding: 0 0.3em;
	font-style: normal;
}

li {
	list-style: none;
}

hr {
	width: 25%;
	margin: 45px auto;
}

iframe {
	width: 100%;
	vertical-align: bottom;
	margin: 0 auto;
}

.pc {
	display: block;
}

.sp {
	display: none;
}

.flexbox {
	width: 100%;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.swiper-container li {
	list-style: none;
}


@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	html {
		font-size: calc(62.5% * 0.9);
	}

	body {
		min-width: 100%;
	}

	main {}

	.pc {
		display: none;
	}

	.sp {
		display: block;
	}
}


@media screen and (max-width: 520px) {
	html {
		font-size: calc(62.5% * 0.85);
	}
}

@media screen and (max-width: 420px) {
	html {
		font-size: calc(62.5% * 0.8);
	}
}

@media screen and (max-width: 375px) {
	html {
		font-size: calc(62.5% * 0.75);
	}
}










/*-----------------------------------------------------------------------------------------
-00002 LAYOUT
----------------------------------------------------------------------------------------- */
.container {
	border: 0px solid red;
	width: 1200px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
}

.container.narrow {
	border: 0px solid red;
	max-width: 1024px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
}

/* article .container {
	border: 1px solid olive;
	width: 960px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
} */

.container-fluid {
	border: 0px solid lightblue;
	width: 100%;
	min-width: 1200px;
	padding: 0;
	margin: 0 auto;
	background: transparent;
}

.row {
	clear: both;
	padding: 0;
	margin: 0;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexbox {
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.flexbox li {
	list-style: none;
}

.col-01,
.col-02,
.col-03,
.col-04,
.col-05,
.col-06,
.col-07,
.col-08,
.col-09,
.col-10,
.col-11,
.col-12 {
	/* border: 1px solid black; */
	padding: 0 15px;
	display: block;
	float: none;
	position: relative;
	height: auto;
}

.col-01 {
	width: 8.33333%;
}

.col-02 {
	width: 16.66667%;
}

.col-03 {
	width: 25%;
}

.col-04 {
	width: 33.33333%;
}

.col-05 {
	width: 41.66667%;
}

.col-06 {
	width: 50%;
}

.col-07 {
	width: 58.33333%;
}

.col-08 {
	width: 66.66667%;
}

.col-09 {
	width: 75%;
}

.col-10 {
	width: 83.33333%;
}

.col-11 {
	width: 91.66667%;
}

.col-12 {
	width: 100%;
}

.container-fluid .col-12,
.container-fluid .col-11,
.container-fluid .col-10,
.container-fluid .col-09,
.container-fluid .col-08,
.container-fluid .col-07,
.container-fluid .col-06,
.container-fluid .col-05,
.container-fluid .col-04,
.container-fluid .col-03,
.container-fluid .col-02,
.container-fluid .col-01 {
	padding: 0;
	border: 0px solid orange;

}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.container {
		padding-left: 3.5vw;
		padding-right: 3.5vw;
	}

	.container,
	.container-fluid,
	article .container {
		width: 100%;
		min-width: initial;
	}

	.col-01,
	.col-02,
	.col-03,
	.col-04,
	.col-05,
	.col-06,
	.col-07,
	.col-08,
	.col-09,
	.col-10,
	.col-11,
	.col-12 {
		padding: 0 10px;
	}

	.col-01 {
		width: 25%;
	}

	.col-02 {
		width: 25%;
	}

	.col-03 {
		width: 25%;
	}

	.col-04 {
		width: 50%;
	}

	.col-05 {
		width: 50%;
	}

	.col-06 {
		width: 50%;
	}

	.col-07 {
		width: 100%;
	}

	.col-08 {
		width: 100%;
	}

	.col-09 {
		width: 100%;
	}

	.col-10 {
		width: 100%;
	}

	.col-11 {
		width: 100%;
	}

	.col-12 {
		width: 100%;
	}
}

@media screen and (max-width: 520px) {

	.col-01,
	.col-02,
	.col-03,
	.col-04,
	.col-05,
	.col-06,
	.col-07,
	.col-08,
	.col-09,
	.col-10,
	.col-11,
	.col-12 {
		padding: 0 10px;
	}

	.col-01 {
		width: 50%;
	}

	.col-02 {
		width: 50%;
	}

	.col-03 {
		width: 50%;
	}

	.col-04 {
		width: 100%;
	}

	.col-05 {
		width: 100%;
	}

	.col-06 {
		width: 100%;
	}

	.col-07 {
		width: 100%;
	}

	.col-08 {
		width: 100%;
	}

	.col-09 {
		width: 100%;
	}

	.col-10 {
		width: 100%;
	}

	.col-11 {
		width: 100%;
	}

	.col-12 {
		width: 100%;
	}
}

@media screen and (max-width: 420px) {
	.container {
		padding-left: 5vw;
		padding-right: 5vw;
	}
}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-0003 TYPOGRAPHY RESET
----------------------------------------------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6,
p,
th,
td {
	font-size: 1rem;
	line-height: 1;
	padding: 0;
	margin: 0;
	letter-spacing: 0;
	font-weight: 400;
	font-style: normal;
}

li,
dt,
dd {
	font-size: 1rem;
	line-height: 1;
	letter-spacing: 0;
	font-weight: 400;
	font-style: normal;
}

.txt-large {
	font-size:1.2em !important;
}

.txt-xlarge {
	font-size:1.4em !important;
}

.txt-xxlarge {
	font-size:1.6em !important;
}

.txt-xxxlarge {
	font-size:1.8em !important;
}


@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-00004 Humberger
----------------------------------------------------------------------------------------- */
.hamburger,
.hamburger span {
	display: inline-block;
	transition: all 0.4s;
	box-sizing: border-box;
}

.hamburger {
	position: fixed;
	top: 40px;
	right: 20px;
	width: 40px;
	height: 34px;
	z-index: 1001;
	display: none;
}

.hamburger::after {
	content:'メニュー';
	position:absolute;
	bottom:-1.75em;
	left:0;
	font-size:1.0rem;
	text-align:center;
	letter-spacing:0;
	font-weight:bold !important;
	color:black;
	width:100%;
	text-align:center;
	display:block;
}

.hamburger.active::after {
	color:white;
	display:none;
}


.hamburger.active {
	z-index: 1003;
}

.hamburger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 4px;
	background-color: #231715;
	border-radius: 4px;
}

.hamburger span:nth-of-type(1) {
	top: 0;
}

.hamburger span:nth-of-type(2) {
	top: 15px;
}

.hamburger span:nth-of-type(3) {
	bottom: 0;
}

.hamburger.active span {
	background-color: white;
}

.hamburger.active span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
}

.hamburger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 0.8s forwards;
	animation: active-menu-bar02 0.8s forwards;
}

.hamburger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-15px) rotate(45deg);
	transform: translateY(-15px) rotate(45deg);
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.hamburger {
		top: 27px;
		right: 20px;
		display: block;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-00005 Humberger の時のメニュー
----------------------------------------------------------------------------------------- */
#navigation {
	display: none;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}


@media screen and (max-width: 768px) {
	#navigation {
		position: fixed;
		display: none;
		width: 100%;
		height: 100%;
		overflow-y: auto;
		top: 0;
		left: 0;
		z-index: 1002;
		border: 0px solid green;
		background-size: auto auto;
		background: linear-gradient(135deg, #ec6d74 0px, #f6ae69 50%, #ffe45e 100%);
	}

	.accordion {
		border: 0px solid red;
		height: 100%;
		width: 100%;
		padding: 30px;
		margin: 0;
		-webkit-justify-content: center;
		-ms-flex-pack: justify;
		justify-content: center;
		-webkit-align-items: center;
		-ms-flex-align: center;
		align-items: center;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.accordion ul.accordion-container {
		border: 0px solid black;
		min-width: 280px;
		width: 75%;
		padding: 15px;
		background: rgba(255, 255, 255, 0);
	}

	.accordion ul.accordion-container li {
		border-bottom: 2px dotted rgba(255, 255, 255, 0.8);
		padding: 15px 0;
		margin: 0 0 0 0;
	}

	.accordion ul.accordion-container li a {
		display: block;
		border: 0px solid orange;
		padding: 0;
		margin: 0;
		font-size: 24px;
		font-size: 5vw;
		line-height: 1.4;
		text-decoration: none;
		font-weight: 600;
		color: white;
	}

	.accordion ul.accordion-container li a small {
		font-size: 0.6em;
		display: block;
		color: yellow;
	}

	.accordion ul.accordion-container li.title {
		border-bottom: 2px dotted rgba(255, 255, 255, 0.8);
		font-size: 24px;
		line-height: 1.4;
		padding: 10px 0;
		margin: 0 0 0 0;
		font-weight: 600;
		color: white;
		position: relative;
		cursor: pointer;
	}

	.accordion ul.accordion-container li.title small {
		font-size: 0.6em;
		display: block;
		color: yellow;
	}

	.accordion ol.content {
		display: none;
		border: 0px solid red;
		padding: 0 0 0 30px;
	}

	.accordion ol.content li a {
		font-size: 20px;
		color: white;
	}

	.title::after {
		content: "";
		display: block;
		border-right: solid 3px white;
		border-top: solid 3px white;
		height: 13px;
		width: 13px;
		right: 20px;
		top: 43%;
		position: absolute;
		transform: rotate(135deg);
		transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
	}

	.title.open::after {
		top: 45%;
		transform: rotate(-45deg);
	}

	.accordion ul.accordion-container li:first-child {
		border-top: 2px dotted rgba(255, 255, 255, 0.8);
	}

	.accordion ol.content li:first-child {
		border-top: none;
	}

	.accordion ul.accordion-container li a:hover,
	.accordion ul.accordion-container li.title:hover {
		color: #F39801;
		transition: 0.2s;
		opacity: 1;
	}

	.accordion ul.accordion-container li a:hover small,
	.accordion ul.accordion-container li.title:hover small {
		color: black;
		transition: 0.2s;
		opacity: 1;
	}



}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-00006 FIXED-BTN
----------------------------------------------------------------------------------------- */
.fixed-btn {
	display: none;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.fixed-btn {
		position: fixed;
		z-index: 1004;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 60px;
		background: white;
		border: 0px solid red;
		padding: 0;
		margin: 0;
		display: block;
	}

	.fixed-btn ul {
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
		margin: 0;
		border: 0px solid orange;
		;
	}

	.fixed-btn ul li {
		width: 100%;
		height: auto;
		padding: 0;
		margin: 0;
	}

	.fixed-btn ul li a {
		display: block;
		width: 100%;
		height: 100%;
		font-size: 3.4vw;
		color: White;
		text-align: center;
		line-height: 60px;
		padding: 0 0.25em;
	}

	.fixed-btn ul li:first-child a {
		font-family: 'Oswald', sans-serif;
	}

	.fixed-btn ul li:last-child a {
		font-size: 3.2vw;
		/* background: #F0B06D; */
	}
}

@media screen and (max-width: 520px) {
	.fixed-btn ul li a {
		font-size: calc(3.4vw * 1.6);
		padding: 0 0.1em;
	}

	.fixed-btn ul li:last-child a {
		font-size: calc(3.2vw * 1.6);
	}
}

@media screen and (max-width: 420px) {
	.fixed-btn {
		height: 50px;
	}

	.fixed-btn ul li a {
		line-height: 50px;
	}
}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-10001 header
----------------------------------------------------------------------------------------- */
header {
	width: 100%;
	height: 90px;
	position: fixed;
	z-index: 1000;
	top: 0;
	left: 0;
	padding: 0;
	margin: 0;
	overflow: hidden;
	box-shadow: 0 0 10px black;
	background: white;
}

header .container-fluid {
	border: 0px solid black;
	height: 70px;
	padding-left: 1.5vw;
	padding-right: 1.5vw;
	min-width: calc(1200px + 0);
}


header .row {
	border: 1px solid greenk;
	height: 100%;
}



.descpri {
	height: 20px;
}

.descpri ul li {
	color: white;
	font-size: 1.2rem;
	line-height: 20px;
	padding: 0 0.25em;
	margin: 0 1em 0 0;
	letter-spacing: 0.01em;
}

.descpri ul li a {
	color: inherit;
}

h1 {
	border: 0px solid red;
	width: 100%;
	height: 100%;
	display: block;
}

h1 .logo {
	border: 0px solid green;
	width: 100%;
	height: inherit;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-left: 1.5vw
}

h1 .logo img {
	max-width: 333px;
	margin: 0;
}

.logo span {
	display: none;
}







@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	header {
		height: 90px;
	}

	header .container-fluid {
		height: calc(90px - 4px);
	}


	header .area-logo {
		width: 100%;
	}

	h1 {
		height: calc(90px - 4px);
	}

	h1 .logo {
		-webkit-justify-content: center;
		-ms-flex-pack: center;
		justify-content: center;
	}

	h1 .logo img {
		max-width: 330px;
		margin: 0;
	}


	.descpri {
		height: 4px;
	}

	.descpri ul {
		display: none;
	}
}

@media screen and (max-width: 520px) {
	h1 .logo {
		-webkit-justify-content: flex-start;
		-ms-flex-pack: flex-start;
		justify-content: flex-start;
	}
}

@media screen and (max-width: 420px) {
	h1 .logo img {
		max-width: initial;
		width: calc(100% - 80px);
	}
}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-10002 FOOTER
----------------------------------------------------------------------------------------- */
footer {
	background: white;
	width: 100%;
	padding: 90px 0;
	border: 0px solid red;
}

address {
	font-size: 1.4rem;
	line-height: calc(24 / 14);
	padding: 0;
	margin: 0;
}

footer .logo {
	max-width: 470px;
}

footer ul.upper {
	border: 0px solid red;
	padding: 0;
	margin: 0;
}

footer ul.upper li {
	border: 0px solid green;
	margin: 0;
	position: relative;
}

footer ul.upper li::before {
	content: '';
	display: block;
	width: 1px;
	height: 50%;
	background: #C6C6C6;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

footer ul.upper li:first-child::before {
	display: none;
}

footer ul.upper li a {
	border: 0px solid blue;
	padding: 0;
	margin: 0;
	widht: 100%;
	height: 100%;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

footer dl {
	padding: 0;
	margin: 1em 0;
}

footer dl dt,
footer dl dd {
	font-size: 1.6rem;
	line-height: 1.1;
	font-weight: 400;
	background: #FFF7CD;
	padding: 0.4em 1.75em;
	margin: 0;
	border: 2px solid #ec6d74;
	text-align: center;
	letter-spacing: 0.05em;
}

footer dl dt {
	background: #ec6d74;
	color: white;
}

footer .btn-web {
	font-size: 3.0rem;
	line-eght: 1.1;
	color: #555;
}

footer .btn-tel {
	font-family: 'Oswald', sans-serif;
	color: #555;
	font-size: 40px;
	letter-spacing: -0.02em;
	position: relative;
}

footer .btn-tel span {
	font-weight: 400;
}

footer .btn-tel small {
	font-size: 0.75em;
}

footer .btn-tel::after {
	content: '電話受付は診療時間内となります';
	font-size: 12px;
	text-align: center;
	letter-spacing: 0.05em;
	position: absolute;
	bottom: -0.75em;bottom:-1.15em;
	left: 50%;
	 -webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	width:100%;
}


@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	footer {
		padding: 15vw 0;
	}

	footer ul.upper li:nth-child(1) {
		width: 100%;
		;
	}

	footer ul.upper li:nth-child(2),
	footer ul.upper li:nth-child(3) {
		display: none;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}






.copyright {
	text-align: center;
	font-size: 1.2rem;
	line-height: 30px;
	color: white;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.copyright {
		margin-bottom: 00px;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {
	.copyright {
		margin-bottom: 00px;
	}
}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-20001 global_menu
----------------------------------------------------------------------------------------- */
nav.global_menu {
	width: 100%;
	height: 100%;
	padding-top: 20px;
}

nav.global_menu ul {
	height: 100%;
	border: 0px solid green;
	-webkit-justify-content: flex-end;
	-ms-flex-pack: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

nav.global_menu ul li {
	border-left: 1px solid #C6C6C6;
	padding: 0;
	margin: 0;
}


nav.global_menu ul li:first-child {
	border-left: none;
}

nav.global_menu ul li a {
	border: 0px solid pink;
	padding: 0 1em;
	margin: 0;
	font-size: 1.7rem;
	line-height: 1;
	display: block;
	text-align: center;
	color: inherit;
}


nav.global_menu ul li.btn-web,
nav.global_menu ul li.btn-tel {
	border-color: white;
}

nav.global_menu ul li.btn-web a,
nav.global_menu ul li.btn-tel a {
	background: #EC6D74;
	line-height: 28px;
	height: 28px;
	color: white;
	font-size: 18px;
}

nav.global_menu ul li.btn-tel a {
	font-family: 'Oswald', sans-serif;
	letter-spacing: 0;
	background: #f6ae69;
	position: relative;
	font-size: 20px
}

nav.global_menu ul li.btn-tel a::after {
	content: '電話受付は診療時間内となります';
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	font-size: 11px;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: 0;
	position: absolute;
	top: -1.2em;
	left: 50%;
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%);
	color: #555;
	width: 100%;
}



@media screen and (max-width: 1200px) {
	nav.global_menu ul li a {
		font-size: 14px;
	}

	nav.global_menu ul li.btn-web a,
	nav.global_menu ul li.btn-tel a {
		font-size: 16px;
	}

	nav.global_menu ul li.btn-tel a {
		font-size: 18px
	}

	nav.global_menu ul li.btn-tel a::after {
		font-size: 10px;
	}


}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	nav.global_menu {
		display: none;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-20002 area-footer-nav
----------------------------------------------------------------------------------------- */
.area-footer-nav {
	border: 0px solid red;
	width: 100%;
	height: auto;
	didplay: block;
	padding: 0;
	margin: 0;
}


.area-footer-nav ul {
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0;
}


.area-footer-nav ul li {
	width: max-content;
	height: auto;
	display: block;
	padding: 1em 0;
	margin: 0;
	font-size: 1.6rem;
}

.area-footer-nav ul li a {
	width: 100%;
	height: auto;
	display: block;
	padding: 0 1.75em;
	margin: 0;
	line-height: 1.1;
	color: white;
	letter-spacing: 0.1em;
	text-align: center;
	border-right: 1px solid white;
}

.area-footer-nav ul li:last-child a {
	border-right: none;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-footer-nav {
		display: block;
		height: 2px;
	}

	.area-footer-nav ul {
		display: none;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-30001 404
----------------------------------------------------------------------------------------- */
.not-found {
	padding: 10% 0;
	border-bottom: 1px solid #ddd;
}

.not-found-message {
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 50%;
	padding: 0;
	margin: 0 auto;
	overflow: hidden;
}

.not-found-message span {
	display: block;
	border: 0px solid black;
	width: 100%;
	text-align: center;
	color: #DE676D;
	line-height: 0.8;
	font-size: 16px;
	text-align: center;
	padding: 0;
	margin: 0;
	font-weight: 600;
	font-family: Poppins, sans-serif;
}

.not-found-message span:first-child {
	font-size: 260px;
	padding: 10px 0 0 0;
}

.not-found-message span:nth-child(2) {
	font-size: 84px;
	padding: 10px 0;
}

.not-found-message span:last-child {
	font-size: 27px;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	padding: 10px 0;
}

@media screen and (max-width: 768px) {
	.not-found-message {
		width: 75%;
	}

	.not-found-message span:first-child {
		font-size: 33vw;
	}

	.not-found-message span:nth-child(2) {
		font-size: 10.5vw;
	}

	.not-found-message span:last-child {
		font-size: 3.3vw;
	}
}










/*-----------------------------------------------------------------------------------------
-30002 ぱんくず
----------------------------------------------------------------------------------------- */
.pankuzu {
	max-width: 1200px;
	padding: 15px 15px 15px 15px;
	margin: 0 auto;
	font-size: 1.2rem;
}

.pankuzu span {
	font-size: inherit;
	color: inherit;
	line-height: 1.3;
	margin-right: 0.5em;
}

.pankuzu a {
	color: inherit;
	text-decoration: underline;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-30003 TABLE
----------------------------------------------------------------------------------------- */
table {
	border: 0px solid red;
	width: 100%;
	margin: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table th,
table td {
	font-size: 1.6rem;
	line-height: 1.3;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	font-weight: 400;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 768px) {}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}





















/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
/*-----------------------------------------------------------------------------------------
-40001 home
----------------------------------------------------------------------------------------- */
.home h2 {
	color: inherit;
	font-size: 5.0rem;
}

.home h2 span {
	position: relative;
}

.home h2 span::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	-webkit-transform: translate(100%, -50%);
	transform: translate(140%, -50%);
	display: :block;
	width: 50%;
	height: 2px;
	background: #555;
}

.home h3 {}

.home h4 {
	font-size: 2.9rem;
	font-weight: 600;
	color: #ec6d74;
	letter-spacing: 0.2em;
	padding: 0;
	margin: 0 0 0.75em 0;
}

.home h5 {
	font-size: 2.5rem;
	line-height: 1.6;
	font-weight: 600;
	letter-spacing: 0.1em;
	text-align: center;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: inherit;
	padding: 0;
	margin: 1.5em 0 0 0;
}


@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.home h2 span::after,
	.home h2 br {
		display: none;
	}

	.home h5 {
		font-size: 3vw;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-40002 home area-schedule
----------------------------------------------------------------------------------------- */
.area-schedule {
	padding: 60px 0;
	margin: 0;
	background: linear-gradient(90deg, rgba(236, 109, 116, 0.1) 0px, rgba(245, 177, 161, 0.1) 20%, rgba(246, 174, 105, 0.1) 80%, rgba(255, 228, 94, 0.1) 100%);
}

.area-schedule dl {
	padding: 0;
	margin: 0 0 0.5rem 0;
}

.area-schedule dl dt,
.area-schedule dl dd {
	font-size: 1.6rem;
	line-height: 1.6;
	padding: 0;
	margin: 0;
}


.area-schedule dl dt {
	width: 7em;
}

.area-schedule dl dd {
	width: calc(100% - 7em);
}

.area-schedule dl small {
	display: block;
	font-size: 0.8em;
}

.area-schedule .btn-tel {
	font-family: 'Oswald', sans-serif;
	color: #555;
	font-size: 40px;
	letter-spacing: -0.02em;
	margin-bottom: 2.5rem
}

.area-schedule .btn-tel a {
	position: relative;
}

.area-schedule .btn-tel a::after {
	content: '電話受付は診療時間内となります';
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
	font-size: 11px;
	line-height: 1;
	padding: 0;
	margin: 0;
	text-align: center;
	letter-spacing: 0;
	position: absolute;
	bottom: -0.4em;
	left: -0.6em;left:1em;
	color: #555;
	width: 100%;
}


.area-schedule .btn-tel a {
	color: inherit;
}

.area-schedule .btn-tel span {
	font-weight: 400;
}

.area-schedule .btn-tel small {
	font-size: 0.75em;
}

.area-schedule .btn-web a {
	display: block;
	width: max-content;
	background: #E46970;
	color: white;
	text-align: center;
	font-size: 2.0rem;
	line-height: 1.1;
	padding: 0.3em 1.5em;
	margin: 0.5em 0;
}

.area-schedule table {
	border-collapse: separate;
	border-spacing: 2px;
}

.area-schedule table small {
	display: block;
}

.area-schedule table th {
	background: #F9D2C7;
	font-size: 2.0rem;font-size:calc( 2.0rem * 1.2);
	padding: 0.7em;
}

.area-schedule table td {
	background: #FEF5CD;
	font-size: 2.5rem;font-size:calc( 2.5rem * 1.2);
	padding: 0.6em;
}

.area-schedule table tr:nth-child(3) td {
	background: #FFF8E1;
}

.area-schedule table tr:nth-child(2) td:nth-child(1) {
	background: #FBE3DF;
}

.area-schedule table tr:nth-child(3) td:nth-child(1) {
	background: #FDF0ED;
}

.area-schedule table tr:nth-child(2) td:nth-child(1),
.area-schedule table tr:nth-child(3) td:nth-child(1) {
	font-size: 2.0rem;font-size:calc( 2.0rem * 1.1);
}

.frame-table-caption {
	display: none;

}



@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-schedule {
		padding: 30px 0;
	}

	.area-schedule .col-04 {
		width: 100%;
		display: -webkit-flex;
		display: -ms-flexbox;
		display: flex;
		-webkit-flex-wrap: wrap;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}

	.area-schedule dl {
		padding: 0;
		margin: 1.0rem 2.0rem 1.0rem 0;
		width: max-content;
	}

	.area-schedule .btn-tel,
	.area-schedule .btn-web {
		width: 100%;
		margin: 1.0rem 1.0rem 1.0rem 0;

	}


	.area-schedule table th,
	.area-schedule table tr:nth-child(2) td:nth-child(1),
	.area-schedule table tr:nth-child(3) td:nth-child(1) {
		font-size: calc(2.0rem * 0.8);
	}

	.area-schedule table td {
		font-size: calc(2.5rem * 0.8);
	}

}

@media screen and (max-width: 520px) {
	.frame-table-caption {
		dipslay: block;
		color: #E46970;
		font-weight: 600;
		font-size: 1.4rem;
		line-height: 1.4;
		padding: 0;
		margin: 0 0 0.5em 0;
		display: block;
	}

	.frame-table {
		border: 4px solid white;
		overflow-x: auto
	}

	.area-schedule table {
		width: 500px;
	}

	.area-schedule table th,
	.area-schedule table tr:nth-child(2) td:nth-child(1),
	.area-schedule table tr:nth-child(3) td:nth-child(1) {
		font-size: calc(2.0rem * 0.7);
	}

	.area-schedule table td {
		font-size: calc(2.5rem * 0.7);
	}

}

@media screen and (max-width: 420px) {
	.area-schedule table {
		width: 400px;
	}


	.area-schedule table th,
	.area-schedule table tr:nth-child(2) td:nth-child(1),
	.area-schedule table tr:nth-child(3) td:nth-child(1) {
		font-size: calc(2.0rem * 0.6);
	}

	.area-schedule table td {
		font-size: calc(2.5rem * 0.6);
	}
}

@media screen and (max-width: 375px) {}










/*-----------------------------------------------------------------------------------------
-40003 home area-news
----------------------------------------------------------------------------------------- */
.area-news {
	border: 0px solid red;
	padding: 90px 0;
	margin: 0;
}

.parts-title {
	border: 0px solid green;
	-webkit-justify-content: center;
	-ms-flex-pack: justify;
	justify-content: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 1.5vw 0;
	margin: 0;
}

.loop-list {
	border: 0px solid red;
	padding: 0;
	margin: 0;
	width: 100%;
}

.loop-list li {
	border: 0px solid green;
	padding: 0;
	margin: 0;
	width: 100%;
}

.loop-list dl {
	padding: 1.5vw 0;
	margin: 0 0;
	width: 100%;
}

.loop-list dl dt,
.loop-list dl dd {
	padding: 0;
	margin: 0;
	width: 9em;
	font-size: 1.6rem;
	line-height: 1;
}

.loop-list dl dd {
	padding: 0;
	margin: 0;
	width: calc(100% - 9em);
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-news {
		padding: 60px 0;
	}

	.parts-title {
		width: 100%;
	}

	.loop-list {
		padding: 5vw 0;
		width: 100%;
	}

	.loop-list dl dt {
		border-bottom: 1px solid #ddd;
		width: 100%;
	}

	.loop-list dl dd {
		width: 100%;
		padding: 1em 0;
	}

	.loop-list time {
		background: #ddd;
		display: block;
		width: max-content;
		padding: 0.3em 1.5em;
	}

}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}










.entry h3 {
	font-size: 1.8rem;
	line-height: 1.4;
	font-weight: 600;
	padding: 0;
	margin: 0 0 0.5em 0
}

.entry p {
	font-size: 1.6rem;
	line-height: 1.4;
	font-weight: 400;
	padding: 0;
	margin: 0 0 0.5em 0
}








/*-----------------------------------------------------------------------------------------
-40004 home area-kamoku
----------------------------------------------------------------------------------------- */
.area-kamoku {
	border: 0px solid green;
	padding: 0;
	amrgin: 0;
}

.area-kamoku small {
	display: block;
	font-size: 0.5em;
	padding: 0;
	margin: 0;
}

.area-kamoku b {
	display: block;
	font-size: 1.2em;
	padding: 0;
	margin: 0 0 0.5em 0;

}

.area-kamoku dl dt {
	background: #EC6D73;
	color: white;
	font-size: calc( 2.7rem * 1.3);
	line-height: 1.3;
	text-align: center;
	padding: 1.0rem 0;
	margin: 0;
}

.area-kamoku dl dt span {
	font-weight:600 !important;
}

.area-kamoku dl dd {
	font-size: calc( 1.6rem * 1.2);
	line-height: 1.4;
	text-align: left;
	padding: 1.5rem 0;
	margin: 0;
}

.area-kamoku li:nth-child(2) dl dt {
	background: #f6ae69;
}

.area-kamoku li:nth-child(3) dl dt {
	background: #f5b1a1;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-kamoku .col-04 {
		width:100%;
	}

	.area-kamoku dl dt {
		font-size: calc( 2.7rem * 0.9 );
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}




/*-----------------------------------------------------------------------------------------
-40005 home area-feat
----------------------------------------------------------------------------------------- */
.area-feat {
	border: 0px solid pink;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}

.area-feat::after {
	content: '';
	display: block;
	width: 100%;
	height: 45%;
	background: #F9F8F9;
	position: absolute;
	bottom: 17.5%;
	left: 0;
	z-index: -1;
}

.area-feat img {
	border: 0px solid #ddd;
	padding: 4px;
	background: white;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.2);
}

.area-feat li {
	border: 0px solid green;
	padding: 0;
	margin: 10vw 0;
}

.area-feat dl {
	border: 0px solid blue;
	padding: 0;
	margin: 0;
	position: relative;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.area-feat dl dt,
.area-feat dl dd {
	padding: 0;
	margin: 0;
}


.area-feat dl dt {
	width: 570px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.area-feat dl dd {
	width: 800px;
	margin-left: calc(100% / 12 * 3);
}

.area-feat blockquote {
	background: rgba(255, 255, 255, 0.8);
	padding: 4.5rem 3.0rem;
	height: 100%;
}

.area-feat blockquote p {
	font-size: 1.5rem;
	line-height: 1.7;
}

.area-feat .btn-more a {
	font-size: 1.6rem;
	line-height: 1;
	text-align: center;
	padding: 0.5em 2em;
	margin: 1.5em 0 0 0;
	letter-spacing: 0.1em;
	display: block;
	color: white;
	width: max-content;
}

.area-feat li:nth-child(2) {}

.area-feat li:nth-child(2) dl dt {
	left: auto;
	right: 0;
}

.area-feat li:nth-child(2) dl dd {
	margin-left: 0;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-feat::after {
		display: none;
	}

	.area-feat img {
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	}

	.area-feat dl dt {
		width: 100%;
		position: static;
		order: 2;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	.area-feat dl dd {
		width: 100%;
		margin-left: 0;
		order: 1;
	}

	.area-feat blockquote {
		padding: 3.0rem 4.5rem;
		height: auto;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: 4px solid #eee;
		margin-top: 3vw;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}















/*-----------------------------------------------------------------------------------------
-40006 home area-message
----------------------------------------------------------------------------------------- */
.area-message {
	border: 0px solid pink;
	padding: 0;
	margin: 0;
	position: relative;
	z-index: 0;
}

.area-message h4 {
	font-size: 3.5rem;
	color: #555;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 600;
	letter-spacing: 0.01em;
	line-height: 1.3;
}

.area-message img {
	border: 0px solid #ddd;
	padding: 4px;
	background: white;
	box-shadow: 15px 15px 30px rgba(0, 0, 0, 0.2);
}

.area-message li {
	border: 0px solid green;
	padding: 0;
	margin: 0 0 10vw 0;
}

.area-message dl {
	border: 0px solid blue;
	padding: 0;
	margin: 0;
	position: relative;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: flex-start;
	justify-content: flex-start;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.area-message dl dt,
.area-message dl dd {
	padding: 0;
	margin: 0;
}


.area-message dl dt {
	width: 670px;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%);
}

.area-message dl dd {
	width: 560px;
	;

	margin-left: calc(100% / 12 * 6);
}

.area-message blockquote {
	background: rgba(255, 255, 255, 0.8);
	padding: 4.5rem 3.0rem;
	height: 100%;
}

.area-message blockquote p {
	font-size: 1.5rem;
	line-height: 1.7;
}

.area-message .btn-more a {
	font-size: 1.6rem;
	line-height: 1;
	text-align: center;
	padding: 0.5em 2em;
	margin: 1.5em 0 0 0;
	letter-spacing: 0.1em;
	display: block;
	color: white;
	width: max-content;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-message h4 {
		font-size: calc(3.5rem * 0.8);
	}

	.area-message img {
		box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
	}

	.area-message dl dt {
		width: 100%;
		position: static;
		order: 2;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	.area-message dl dd {
		width: 100%;
		margin-left: 0;
		order: 1;
	}

	.area-message blockquote {
		padding: 3.0rem 4.5rem;
		height: auto;
		width: 100%;
		margin-left: auto;
		margin-right: auto;
		border: 4px solid #eee;
		margin-top: 3vw;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}









/*-----------------------------------------------------------------------------------------
-40007 home area-slogan
----------------------------------------------------------------------------------------- */
.area-slogan {
	border: 0px solid green;
	padding: 20vw 0;
	margin: 0;
	background: url('../img/index/message-02.jpg');
	background-size: cover;
	background-position: center center;
	background-attachment: fixed;
}

.area-slogan figure {
	max-width: 680px;
	padding: 0;
	margin: 0 auto;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-slogan {

		background: url('../img/index/message-02.jpg');
		background-size: cover;
		background-position: center center;
		background-attachment: scroll;
	}

	.area-slogan figure {
		max-width: 480px;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}








/*-----------------------------------------------------------------------------------------
-40008 home area-map
----------------------------------------------------------------------------------------- */
.area-map {
	border: 0px solid green;
	padding: 0;
	amrgin: 0;
	font-size:1.5rem;
}

.area-map p {
	font-size:1.5rem;
	line-height:1.8;
	padding:0 1em 0.5em 1em;
	margin:0;

}
.frame-map {
	position: relative;
	padding-bottom: 30%;
	height: 0;
	overflow: hidden;
}

.frame-map iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.frame-map {
		position: relative;
		padding-bottom: 100%;
	}


}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {
	.frame-map {
		position: relative;
		padding-bottom: 150%;
	}
}

@media screen and (max-width: 375px) {}




.area-map2 {
	padding:3.0rem 0;
}

.area-map2 .box {
	/* border:10px solid red; */
	/* background: url('../img/index/pixta_22740409_M.jpg');
	background-position:center center;
	background-size: cover; */
	max-width:970px;
	margin:0 auto;
}

/* .area-map2 .box figure {
	max-width:70%;
} */

.area-map2 .box figure p {
	font-size:1.8rem;
	line-height:1.7;
	padding:1.5rem;
	margin:1.0rem 0;
	background:white;
	display:block;
}

@media screen and (max-width: 1200px) {}

@media screen and (max-width: 1024px) {}

@media screen and (max-width: 768px) {
	.area-map2 .box figure {
		max-width:100%;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}








/*-----------------------------------------------------------------------------------------
-50001 SINGLE関係
----------------------------------------------------------------------------------------- */
.single article h1,
.single article h2,
.single article h3,
.single article h4,
.single article h5,
.single article h6,
.single article p,
.single article dt,
.single article dd,
.single article li {
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0;
	font-weight: 400;
	color: #555;
	text-align: left;
	border: none;
	padding: 0;
	margin: 0.5em 0;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Yu Gothic", sans-serif;
}

.single article a {
	text-decoration: underline;
	color: #EC6D74;
}

.single article strong {
	font-weight: 600 !important;
	color: inherit;
	font-size: 1.1em;
}

.single article span {
	font-weight: inherit;
}

.single article h1 {
	font-size: calc(1.6rem * 1.4);
	font-weight: 600;
	padding: 0;
	line-height: 1.4;

}

.single article h2 {
	font-size: calc(1.6rem * 1.25);
	font-weight: 600;
	line-height: 1.4;
	border-top: 3px double #555;
	border-bottom: 1px dashed #555;
	background: rgba(112, 113, 112, 0.1);
	padding: 0.5em 0.2em;
}

.single article h3 {
	font-size: calc(1.6rem * 1.1);
}

.single article h4 {
	font-size: calc(1.6rem * 1.1);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.single article h5 {
	font-size: calc(1.6rem * 0.8);
}

.single article h6 {
	font-size: calc(1.6rem * 0.8);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


.single article p {
	font-size: 1.6rem;
	font-size: calc(1.6rem * 0.9);
	margin: 0.25em 0;
}

.single article ul,
.single article ol {
	padding: 0.5rem 0 0.5rem 3.0rem;
}

.single article ul li,
.single article ol li {
	list-style-type: disc;
	list-style-position: outside;
	font-size: calc(1.6rem * 0.9);
	line-height: 1.3;
}

.single article ol li {
	list-style-type: decimal;
}


.single article h3.news-title {
	border: 0px solid red;
	padding: 0;
	margin: -0.2em 0 1em 0;
	font-size: calc(1.6rem * 1.1);
	font-weight: 600;
	line-height: 1.4;

}

.single article img {
	width: auto;
	max-width: 100%;
	height: auto;
	padding: 0;
	margin: 5px 0;
}

.single article img.size-thumbnail {
	max-width: 25%;
}

.single article img.size-medium {}

.single article img.size-large {}

.single article img.size-full {}

.single article img.alignleft {
	float: left;
	margin: 15px 15px 15px 0 !important;
	clear: both;
}

.single article img.alignright {
	float: right;
	margin: 15px 0 15px 15px !important;
	clear: both;
}

.single article img.aligncenter {
	margin: 15px auto !important;
	clear: both;
}

.single article .wp-caption {
	border: 0px solid green;
	display: block;
	width: 100% !important;
}

.single article .wp-caption-text {
	background: white;
	display: block;
	font-size: 1.4rem;
	line-height: 1.4;
	padding: 0.5em 0;
	margin: 1em 0 2em;
	text-align: center;
	color: #999;
}


@media screen and (max-width: 1200px) {}

@media screen and (max-width: 768px) {

	.single article h1,
	.single article h2,
	.single article h3,
	.single article h4,
	.single article h5,
	.single article h6,
	.single article p,
	.single article dt,
	.single article dd,
	.single article li {
		clear: both;
	}

	.single article img.alignleft {
		margin: 10px 10px 10px 0 !important;
	}

	.single article img.alignright {
		margin: 10px 0 10px 10px !important;
	}

	.single article img.aligncenter {
		margin: 10px auto !important;
	}
}

@media screen and (max-width: 520px) {}

@media screen and (max-width: 420px) {}

@media screen and (max-width: 375px) {}


















	.area-lead {
		background: linear-gradient(90deg, rgba(236, 109, 116, 0.1) 0px, rgba(245, 177, 161, 0.1) 20%, rgba(246, 174, 105, 0.1) 80%, rgba(255, 228, 94, 0.1) 100%);
		 background:white;
		text-align:center;
		padding:1.5vw 0;
		margin:0;
		width:100%;
		height:auto;
		font-size:20px;
		font-weight:600;
		letter-spacing:0.01em;
		line-height:1.4;
	}

	.area-lead ul {
	-webkit-justify-content : center;
	-ms-flex-pack : justify;
	justify-content : center;
	}

	.area-lead li {
		font-size:24px;
		font-weight:600;
		letter-spacing:0.01em;
		line-height:1.4;
		-webkit-justify-content : center;
		-ms-flex-pack : justify;
		justify-content : center;
		-webkit-align-items : center;
		-ms-flex-align : center;
		align-items : center;
		display : -webkit-flex;
		display :-ms-flexbox;
		display : flex;
		-webkit-flex-wrap : wrap;
		-ms-flex-wrap : wrap;
		flex-wrap : wrap;
	}


	.area-lead dl dt,
	.area-lead dl dd{
		background:#555;
		color:white;
		font-size:20px;font-size:calc( 2.0rem  * 1.2);
		font-weight:400;
		letter-spacing:0.01em;
		line-height:1.4;
		padding:0em 1em 0.05em;
		font-weight:600;
	}

	.area-lead dl dd {
		font-weight:400;
		background:transparent;
		border:2px solid #555;
		color:#555;
		font-weight:600;

	}

	.area-lead small {
		font-size:0.8em;
		font-weight:400;
	}





@media screen and (max-width: 1200px) {}

	@media screen and (max-width: 1024px) {}

	@media screen and (max-width: 768px) {
		.area-lead {
			padding:3vw 0;
		}

		.area-lead li {
			font-size:2.4vw;
		}


		.area-lead dl dt,
		.area-lead dl dd{
			font-size:2.0vw;
		}


	}

	@media screen and (max-width: 520px) {}

	@media screen and (max-width: 420px) {


	.area-lead li {
		width:100%;
		font-size:calc( 2.4vw * 1.6 );
		padding:1vw 0;
	}

.area-lead dl.flexbox {
	margin:auto;
	width:max-content;
}
	.area-lead dl dt,
	.area-lead dl dd{
		font-size:calc( 2.4vw * 1.6 );

	}

	}

	@media screen and (max-width: 375px) {}