@charset "utf-8";

/*
Theme Name: おひさま骨盤接骨院2022
Theme URI:
Author: NEXTONE LLC
Author URI: https://nextone1.net/
Description: 2022 edition theme of Ohisama Pelvis Orthopedic Clinic Web site.
Version: 1.0.0
License: GNU General Public License
License URI: license.txt
*/

* {
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", Meiryo, sans-serif;
}

.mincho,
.mincho > * {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.kiwi300,
.kiwi300 > * {
	font-family: "Kiwi Maru", serif;
	font-weight: 300;
}

.kiwi500,
.kiwi500 > *,
.kiwi500 span,
.kiwi500 p {
	font-family: "Kiwi Maru", serif;
	font-weight: 500;
}

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

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}

html {
	height: 100%;
}

body {
	height: 100%;
	position: relative;
}

body > footer {
	position: sticky;
	top: 100vh;
}

/* メインカラー指定 CSS変数 */
:root {
	--color1: #242426;
	--color2: #333;
	--color3: #9d9d9d;
	--color4: #e8380d;
	--color5: #fff100;
}

#container,
#tinymce,
.wp-block {
	font-feature-settings: "pkna";
	font-kerning: normal;
}

#container {
	position: relative;
}

a {
	color: rgb(7, 120, 176);
	text-decoration: underline;
}

a:hover {
	color: rgb(78, 151, 199);
	text-decoration: none;
}

.animation,
.animation > *,
.animation::after,
.animation::before,
.pc-menu > li > a,
.sp-menu > ul > .page_item > a,
#back-to-top a,
ul.pc-menu .menu-item-has-children .sub-menu > .menu-item a,
a.page-numbers,
.sns-header-btn > .sns-icon a,
a.page-numbers::after,
input.submit,
.prev > a,
.next > a {
	transition-duration: 0.3s;
	transition-property: all;
}

.text-red {
	color: #ff686f;
}

.txt-lightgray {
	color: #b4b4b4;
}

.txt-min {
	font-size: 0.875em;
}

.txt18 {
	font-size: 1.125rem;
}

.txt20 {
	font-size: 1.25rem;
}

.alignleft {
	display: inline;
	float: left;
}

.alignright {
	display: inline;
	float: right;
}

.aligncenter:not(.wp-caption),
.aligncenter > img {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

strong {
	font-weight: bold;
}

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

.sejutu-img-wrap>img {
	margin: 0 auto;
}

.clearfix:after {
	clear: both;
	content: "";
	display: block;
}

.embed-youtube {
	height: 0;
	margin: 1em 0;
	max-width: 100%;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

.embed-map {
	/* max-width: 100%; */
	height: 0;
	margin: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	position: relative;
}

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

iframe {
	vertical-align: bottom;
}

/*メニューを開いた時スクロールを固定する*/
.scroll-prevent {
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: -1;
}

/****************************************
  Responsive overlay menu
*****************************************/

.menu-btn-wrap {
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	width: 64px;
	z-index: 9997;
}

.menu-btn {
	background-color: var(--color4);
	height: 100%;
	width: 100%;
}

.bar {
	background-color: #fdfdfd;
	display: block;
	height: 3px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 32px;
}
.bar_top {
	top: 28%;
	transform: translate(-50%, -50%);
}
.bar_mid {
	top: 42%;
	transform: translate(-50%, -50%);
}
.bar_bottom {
	top: 56%;
	transform: translate(-50%, -50%);
}

.btn-close .bar_top {
	transform: translate(-50%, 6px) rotate(45deg);
	transition: transform 0.3s;
}
.btn-close .bar_mid {
	opacity: 0;
	transition: opacity 0.3s;
}
.btn-close .bar_bottom {
	transform: translate(-50%, -12px) rotate(-45deg);
	transition: transform 0.3s;
}

.menu-btn button {
	display: inline-block;
	height: 100%;
	line-height: 1;
	text-decoration: none;
	width: 4em;
}

.btn-open,
.btn-close {
	cursor: pointer;
	height: 100%;
	position: relative;
}

.btn-open:after,
.btn-close:after {
	bottom: 1em;
	color: #fdfdfd;
	font-size: 10px;
	font-style: normal;
	font-weight: 700;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
}

.btn-open:not(.sns-icon)::after {
	content: "MENU";
}

.btn-close:not(.sns-icon):after {
	content: "CLOSE";
}

/* OVERLAY */
.overlay {
	-webkit-backdrop-filter: blur(4px);
	backdrop-filter: blur(4px);
	background-color: rgb(0 0 0 / 68%);
	display: none;
	height: 100vh;
	left: 0;
	min-height: -webkit-fill-available;
	overflow: auto;
	overflow-y: auto;
	padding: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 99;
}

.search-form {
	margin: 0 auto 3.2em;
	width: 100%;
}

.menu-layout {
	align-items: center;
	-webkit-box-direction: normal;
	-webkit-box-orient: vertical;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	height: auto;
	padding: 0;
	width: 100%;
}

.main-nav {
	width: 100%;
}

.sp-menu {
	border-top: solid 2px rgba(255, 255, 255, 0.02);
	display: inline-block;
	font-size: 1.1rem;
	padding: 0;
	width: 100%;
}

.sp-menu {
	list-style: none;
	margin: 0;
	padding: 0;
}

.sp-menu > .menu-item {
	border-bottom: solid 1px rgba(0, 0, 0, 0.05);
	line-height: 1.2;
	margin: 0;
	position: relative;
}

.sp-menu > .menu-item:last-child {
	border-bottom: none;
}

/* .sp-menu > .menu-item:before {
	position: absolute;
	color: rgba(255, 255, 255, 0.4);
} */

.sp-menu .menu-item-has-children > a::before {
	background-color: #fff;
	content: "";
	display: block;
	height: 1px;
	position: absolute;
	right: 2em;
	top: 50%;
	width: 1em;
}

.sp-menu .menu-item-has-children > a::after {
	background-color: #fff;
	content: "";
	display: block;
	height: 1em;
	position: absolute;
	right: 2.45em;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.sp-menu .menu-item-has-children.clicked > a::after {
	content: none;
}

.sp-menu > .menu-item > a {
	color: var(--color2);
	display: block;
	padding: 0.6em 0.6em 0.6em 1.8em;
	position: relative;
	text-decoration: none;
}

.sp-menu > .menu-item > a:hover {
	background-color: rgba(255, 255, 255, 0.25);
}

.sp-menu .sub-menu {
	font-size: 0.875em;
	margin: 0;
	padding: 0;
}

.sub-menu {
	display: none;
}

.sp-menu .sub-menu > .menu-item {
	border-top: solid 1px rgb(255 255 255 / 60%);
	margin: 0;
}

.sp-menu .sub-menu > .menu-item > a {
	background-color: #309390;
	color: #fff;
	display: block;
	padding: 0.6em 3em;
	position: relative;
	text-decoration: none;
}

.sp-menu .sub-menu > .menu-item > a:hover {
	background-color: #257471;
}

.sp-menu .sub-menu > .menu-item > a:hover {
	color: #fefefe;
}

.sns-btn.head {
	margin: 1.2em auto 0.8em;
}

.overlay::-webkit-scrollbar {
	display: none;
}

/* .menu {
	background-image: url(../images/menu-bg-top.png), url(../images/menu-bg-bottom.png);
	background-position: top left, bottom right;
	background-repeat: no-repeat;
	background-size: 12em, 16em;
} */

.slidein-nav {
	background-color: #fff;
	background-image: url(./images/sp-nav-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	margin-left: 20%;
	min-height: 100%;
	padding-bottom: 4em;
	transform: translateX(100%);
	transition: 0.3s;
	width: 80%;
	z-index: 2;
}

@media only screen and (max-width: 375px) {
	.slidein-nav {
		margin-left: 16%;
		width: 84%;
	}
}

.slidein-nav.slide-in {
	transform: translateX(0);
	transition: 0.32s;
}

.nav-wrap {
	height: 100%;
	padding: 2em;
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
}

.nav-title {
	color: var(--color4);
	display: block;
	font-size: 2rem;
	padding: 0.3em 64px 0.1em 0.88em;
	text-align: left;
	width: 100%;
}

.nav-inner {
	margin-bottom: 1.6em;
}

.slidein-nav.slide-in {
	transform: translateX(0);
	transition: 0.32s;
}

.call-area {
	margin-top: 1em;
}

a.call-btn {
	background-color: var(--color4);
	color: #fdfdfd;
	display: block;
	margin: 0.64em auto;
	padding: 0.6em 1.6em;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

a.call-btn.orange {
	background-color: #2789f5;
}

/****************************************
	Normalize
*****************************************/

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
section,
summary {
	display: block;
}

body,
h1,
h2,
h3,
h4,
p,
ul[class],
ol[class],
li,
figure,
figcaption,
blockquote,
dl,
dd {
	margin: 0;
}

body {
	line-height: 1.7;
	min-height: 100vh;
	min-height: -webkit-fill-available;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;
}

ul[class],
ol[class] {
	list-style: none;
}

a:not([class]) {
	text-decoration-skip-ink: auto;
}

img {
	display: block;
	height: auto;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

button {
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
}

/****************************************
	Icon font
*****************************************/

@font-face {
	font-display: block;
	font-family: "plane";
	font-style: normal;
	font-weight: normal;
	src: url("fonts/plane.ttf?488ks8") format("truetype"), url("fonts/plane.woff?488ks8") format("woff"), url("fonts/plane.svg?488ks8#plane") format("svg");
}

[class^="icon-"]:not(.no-space),
[class*=" icon-"],
.icon-blank {
	letter-spacing: 0.18em;
}

[class^="icon-"],
[class*=" icon-"],
blockquote::before,
blockquote::after,
.post-area a[target="_blank"]::after,
.page-area a[target="_blank"]::after,
.btn-open:after,
.btn-close:after {
	font-family: "plane" !important;
	-webkit-font-smoothing: antialiased;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1;
	-moz-osx-font-smoothing: grayscale;
	text-transform: none;
}

.icon-hatena:before {
	content: "\e901";
}

.icon-hgcross:before {
	content: "\e902";
}

.icon-hgmenu:before {
	content: "\e903";
}

.icon-LINE:before {
	content: "\e904";
}

.icon-feedly:before {
	content: "\e905";
}

.icon-browser:before {
	content: "\e906";
}
.icon-mail:before {
	content: "\e908";
}
.icon-home:before {
	content: "\e900";
}
.icon-quill:before {
	content: "\e907";
}
.icon-image:before {
	content: "\e90d";
}
.icon-file-empty:before {
	content: "\e924";
}
.icon-folder:before {
	content: "\e92f";
}
.icon-folder-open:before {
	content: "\e930";
}
.icon-coin-yen:before {
	content: "\e93e";
}
.icon-phone:before {
	content: "\e942";
}
.icon-location:before {
	content: "\e947";
}
.icon-clock:before {
	content: "\e94e";
}
.icon-calendar:before {
	content: "\e953";
}
.icon-mobile:before {
	content: "\e958";
}
.icon-undo2:before {
	content: "\e967";
}
.icon-redo2:before {
	content: "\e968";
}
.icon-bubbles:before {
	content: "\e96c";
}
.icon-user:before {
	content: "\e971";
}
.icon-quotes-left:before {
	content: "\e977";
}
.icon-quotes-right:before {
	content: "\e978";
}
.icon-spinner11:before {
	content: "\e984";
}
.icon-search:before {
	content: "\e986";
}
.icon-key:before {
	content: "\e98d";
}
.icon-earth:before {
	content: "\e9ca";
}
.icon-link:before {
	content: "\e9cb";
}
.icon-bookmark:before {
	content: "\e9d2";
}
.icon-smile:before {
	content: "\e9e1";
}
.icon-point-left:before {
	content: "\ea06";
}
.icon-warning:before {
	content: "\ea07";
}
.icon-notification:before {
	content: "\ea08";
}
.icon-question:before {
	content: "\ea09";
}
.icon-info:before {
	content: "\ea0c";
}
.icon-cancel-circle:before {
	content: "\ea0d";
}
.icon-blocked:before {
	content: "\ea0e";
}
.icon-arrow-up:before {
	content: "\ea32";
}
.icon-new-tab:before {
	content: "\ea7e";
}
.icon-embed2:before {
	content: "\ea80";
}
.icon-share2:before {
	content: "\ea82";
}
.icon-facebook:before {
	content: "\ea90";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}
.icon-rss:before {
	content: "\ea9b";
}
.icon-youtube:before {
	content: "\ea9d";
}
.icon-vimeo:before {
	content: "\eaa0";
}
.icon-github:before {
	content: "\eab0";
}
.icon-trello:before {
	content: "\eab3";
}
.icon-pinterest:before {
	content: "\ead1";
}
.icon-chrome:before {
	content: "\ead9";
}
.icon-firefox:before {
	content: "\eada";
}
.icon-IE:before {
	content: "\eadb";
}
.icon-edge:before {
	content: "\eadc";
}
.icon-safari:before {
	content: "\eadd";
}
.icon-opera:before {
	content: "\eade";
}
.icon-file-pdf:before {
	content: "\eadf";
}
.icon-html-five:before {
	content: "\eae4";
}
.icon-css3:before {
	content: "\eae6";
}

.content-wrap a[target="_blank"]:not(.no-icon):not(.sns-button-plane):after,
#tinymce a[target="_blank"]:after {
	content: "\ea7e";
	display: inline-block;
	font-size: 0.9em;
	margin: 0;
	text-indent: 0.16em;
}

/****************************************
	inview
*****************************************/

.list-mv {
	/*overflow: hidden;*/
	position: relative;
}

.list-mv01 {
	opacity: 0;
	transform: translate(0, 24px);
	transition: 0.6s ease-out;
	transition-delay: 160ms;
}

.mv01 {
	opacity: 1;
	transform: translate(0, 0);
}

.list-mv02 {
	opacity: 0;
	transition: 0.8s;
}

.mv02 {
	opacity: 1;
}

.list-mv03 {
	opacity: 0;
	transform: scale3d(1.2, 1.2, 1);
	transition: 0.6s ease-out;
	transition-delay: 240ms;
}

.mv03 {
	opacity: 1;
	transform: scale3d(1, 1, 1);
}

.list-mv04 {
	opacity: 0;
	transform: translate(32px, 0);
	transition: 0.8s ease-out;
	transition-delay: 320ms;
}

.mv04 {
	opacity: 1;
	transform: translate(0, 0);
}

/****************************************
	Basic layout
*****************************************/
html {
	color: var(--color1);
	min-height: 100vh;
	overflow-x: hidden;
	overflow-y: scroll;
}

body {
	background: #fdfdfd;
	overflow-wrap: break-word;
}

/*基本文字サイズ（※このサイズより小さくなるとモバイルフレンドリーエラーになるから注意）*/
body {
	font-size: 16px;
	letter-spacing: 0.016em;
	/* overflow-x: hidden; */
}

/*各見出し設定*/
h1 {
	font-size: 2rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.375rem;
}

h4 {
	font-size: 1.25rem;
}

h5 {
	font-size: 1.125rem;
}

h1,
h2,
h3,
h4,
h5 {
	line-height: 1.32;
}

h2,
h3,
h4,
h5 {
	color: var(--color1);
	font-weight: bold;
	margin: 0 0 0.8em;
}

p + h2:not(.no-margin),
table + h2:not(.no-margin),
img + h2:not(.no-margin),
figure + h2:not(.no-margin),
div + h2:not(.no-margin),
ul + h2:not(.no-margin),
pre + h2:not(.no-margin),
blockquote + h2:not(.no-margin),
p + h3:not(.no-margin),
table + h3:not(.no-margin),
img + h3:not(.no-margin),
figure + h3:not(.no-margin),
div + h3:not(.no-margin),
ul + h3:not(.no-margin),
pre + h3:not(.no-margin),
blockquote + h3:not(.no-margin),
p + h4:not(.no-margin),
table + h4:not(.no-margin),
img + h4:not(.no-margin),
figure + h4:not(.no-margin),
div + h4:not(.no-margin),
ul + h4:not(.no-margin),
pre + h4:not(.no-margin),
blockquote + h4:not(.no-margin),
p + h5:not(.no-margin),
table + h5:not(.no-margin),
img + h5:not(.no-margin),
figure + h5:not(.no-margin),
div + h5:not(.no-margin),
ul + h5:not(.no-margin),
pre + h5:not(.no-margin),
blockquote + h5:not(.no-margin),
.embed-youtube + h2:not(.no-margin),
.embed-youtube + h3:not(.no-margin),
.embed-youtube + h4:not(.no-margin),
.embed-youtube + h5:not(.no-margin) {
	margin-top: 2.4em !important;
}

/*各種コンテンツ幅指定*/
.content-width,
.content-width-min,
.content-width-med,
.content-width-large {
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

.content-width-large {
	max-width: 1600px;
}

.content-width-med {
	max-width: 1280px;
}

.content-width {
	max-width: 1048px;
}

.content-width,
.content-width-med {
	padding: 0 1rem;
}

.content-width.no-p {
	padding: 0;
}

.content-width-min {
	max-width: 800px;
}

.content-wrap {
	letter-spacing: 0;
}

.widthMax,
.widthMax-sp {
	margin-left: calc(50% - 50vw) !important;
	/* 画面幅いっぱいにしたい要素にあてるクラス */
	margin-right: calc(50% - 50vw) !important;
}

.deteirer-txt {
	padding: 0 16px;
}

.content-wrap p:not(.no-pmargin),
.content-wrap blockquote,
.content-wrap figure:not(.hero-photo):not(.no-pmargin):not(.wp-block-media-text__media),
.content-wrap ul,
.content-wrap ol,
.content-wrap table,
.wp-block-group p:not(.no-pmargin) {
	margin-bottom: 1.6em;
	margin-top: 0.4em;
}

.content-wrap p {
	letter-spacing: 0.04em;
	line-height: 1.8;
}

.content-wrap > ul {
	padding: 0 1em;
}

.content-wrap > ol {
	padding: 0 1em;
}

ol.ol-list > li {
	color: var(--color4);
	font-weight: bold;
	line-height: 1.5;
	list-style: decimal;
	margin: 0 0 0.96em;
}

ol.ol-list > li em {
	color: var(--color2);
	font-style: normal;
	font-weight: normal;
}

.wp-block-column {
	margin-bottom: 1em;
}

.no-margin-txt {
	margin: 0 !important;
}

figure.wp-block-table > table > tbody > tr > td:first-child {
	text-align: center;
	white-space: nowrap;
}

.normal-table table {
	border-collapse: collapse;
	line-height: 1.6;
	margin: 1.2em auto;
	width: 100%;
}

.normal-table.fix table {
	table-layout: fixed;
}

.normal-table.center table {
	text-align: center;
}

.normal-table table th,
.normal-table table td,
.wp-block-table table th,
.wp-block-table table td {
	border: solid 1px var(--color4);
}

.normal-table > table > tbody > tr > td,
.wp-block-table > table > tbody > tr > td {
	padding: 0.6em 0.4em;
}

.wp-block-table.is-style-stripes {
	border-bottom: none !important;
}

section.pp {
	padding: 2em 0;
}

section.ppp {
	padding: 3em 0;
}

/* フォームスタイル */

h2.contact-form-title {
	background-color: rgb(240 253 252);
	color: var(--color4);
	font-weight: normal;
	padding: 1em 0 2.6em;
	position: relative;
}

h2.contact-form-title::after {
	background-color: var(--color4);
	bottom: 2.4em;
	content: "";
	display: block;
	height: 2px;
	left: 50%;
	position: absolute;
	transform: translateX(-50%);
	width: 10em;
}

.send-message {
	background-color: #fff;
	color: var(--color4);
	margin: -3.6em 0 0;
	padding: 1em;
	position: relative;
	z-index: 1;
}

.form-area strong {
	color: var(--color4);
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="search"],
input[type="password"],
select,
textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="password"],
select,
textarea {
	border: solid 1px #e9e9e9;
	margin: 0.4em 0;
	padding: 0.48em;
}

input[type="number"] {
	width: 6em;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #b8bcbe;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #b8bcbe;
}
input::placeholder,
textarea::placeholder {
	color: #b8bcbe;
}

input:focus::-webkit-input-placeholder {
	color: transparent;
}

input:focus:-moz-placeholder {
	color: transparent;
}

input:focus::-moz-placeholder {
	color: transparent;
}

textarea:focus::-webkit-input-placeholder {
	color: transparent;
}

textarea:focus:-moz-placeholder {
	color: transparent;
}

textarea:focus::-moz-placeholder {
	color: transparent;
}

.wpcf7-not-valid {
	background: #fff0f0;
	border: solid 1px #ff9a9a !important;
}

textarea[name="contact"] {
	resize: vertical;
	width: 100%;
}

input[type="search"] {
	background: #343434;
	border: none;
	color: #fff;
	font-size: 0.85em;
	padding: 6px 40px 8px 8px;
	width: 100%;
}

button.button-search.animation {
	background: transparent;
	border: none;
	color: #b8b8b8;
	height: 100%;
	line-height: 100%;
	margin: 0 0 0 -7px;
	position: absolute;
	right: 0;
	top: 0;
	width: 40px;
}

.required-item,
.option-item {
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: 0.72em;
	line-height: 1;
	margin: 0 4px;
	padding: 0.4em 0.4em 0.2em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.16);
}

.required-item {
	background: #fc7d25;
}

.option-item {
	background: var(--color3);
}

.required-item.cyan {
	background: #4f82c3;
}

.radio-list {
	margin: -0.6em 0 2em;
}

span.form-txt {
	color: var(--color4);
	display: block;
	font-size: 0.875em;
	line-height: 1.4;
	margin-top: 0.4em;
}

input[type="submit"],
input[type="button"] {
	-webkit-appearance: button;
	appearance: button;
	border: 0;
	border-radius: 0;
	-webkit-box-sizing: content-box;
	box-sizing: border-box;
	cursor: pointer;
}

input.submit {
	background-color: var(--color4);
	color: #fdfdfd;
	display: inline-block;
	font-size: 1.3rem;
	line-height: 1;
	margin-bottom: 0.6em;
	max-width: 380px;
	padding: 0.6em 0.8em;
	text-decoration: none;
	width: 90%;
}

input.submit:hover {
	opacity: 0.7;
}

div.wpcf7 .wpcf7-submit:disabled {
	background: #d2d2d2;
	cursor: not-allowed;
}

input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
	width: 100%;
}

textarea {
	height: 12em;
	resize: vertical;
}

p.comment-form-cookies-consent > label,
.wpcf7-list-item-label {
	cursor: pointer;
	padding-left: 1.6em;
	position: relative;
}

p.comment-form-cookies-consent > label::before,
.wpcf7-list-item-label::before {
	border: solid 1px #c6c4c2;
	content: "";
	display: block;
	height: 1.2em;
	left: 0;
	position: absolute;
	top: 0;
	width: 1.2em;
}
#wp-comment-cookies-consent,
.acceptance {
	display: none;
}
#wp-comment-cookies-consent:checked + label[for="wp-comment-cookies-consent"],
.acceptance:checked + .wpcf7-list-item-label {
	font-weight: bold;
}
#wp-comment-cookies-consent:checked + label[for="wp-comment-cookies-consent"]::after,
.acceptance:checked + .wpcf7-list-item-label::after {
	border-bottom: 2px solid #009a9a;
	border-right: 2px solid #009a9a;
	content: "";
	display: block;
	height: 0.9em;
	left: 0.36em;
	position: absolute;
	top: 0;
	-webkit-transform: rotate(40deg);
	transform: rotate(40deg);
	width: 0.48em;
}

input[type="submit"] {
	background: #fc7d25;
	border: none;
	border-radius: 0.16em;
	color: #fff;
	letter-spacing: 1px;
	margin: 1em 0 1em 3.5em;
	padding: 0.6em 2em;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}

input[type="submit"]:hover {
	background: #e66000;
}

figure.sejutu-img-wrap {
	padding: 0 1em;
}

/*SNSボタンレイアウト*/
.share-button-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 3em auto 2em;
	/* max-width: 1024px; */
	width: auto;
}

.social-area {
	text-align: center;
	width: calc(100% / 3);
}

a.sns-button-plane {
	color: #fefefe;
	display: block;
	padding: 0.8em 0;
	text-decoration: none;
	width: 100%;
}

a:hover.sns-button-plane {
	color: #fff;
	text-decoration: none;
}

@media only screen and (max-width: 375px) {
	a.sns-button-plane {
		font-size: 14px;
	}
}

.sns-name {
	font-size: 1.2em;
}

/*Twitterのブランドカラー*/
.tw-color {
	background: #55acee;
}

.tw-color:hover {
	background: #3d91d1;
}

/*facebookのブランドカラー*/
.fb-color {
	background: #1877f2;
}

.fb-color:hover {
	background: #0c5fc9;
}

/*LINEのブランドカラー*/
.line-color {
	background: #1dcd00;
}

.line-color:hover {
	background: #169801;
}

/*Instagramのブランドカラー*/
.ig-color {
	background-color: #d93177;
	background-image: linear-gradient(-135deg, #1400c8, #b900b4, #f50000);
}

a.ig-color {
	overflow: hidden;
	position: relative;
}

a.ig-color::before {
	background: rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}

a:hover.ig-color::before {
	background: rgba(0, 0, 0, 0.3);
}

.ig-txt {
	position: relative;
	z-index: 1;
}

.icon-twitter:not(.no-space):before,
.icon-facebook:not(.no-space):before,
.icon-line:not(.no-space):before {
	letter-spacing: 0.16em;
}

/****************************************
	header
*****************************************/
#header {
	height: 64px;
	left: 0;
	position: sticky;
	top: 0;
	width: 100%;
	z-index: 99;
}

.header-color {
	background-color: rgba(252, 252, 252, 1);
}

.head-area {
	/* align-items: center; */
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: space-between;
	padding: 0;
}

.logo-area {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
}

.site-desc {
	color: #7f7f7f;
	font-size: 16px;
}

#main-logo {
	padding: 2px 0 2px 8px;
}

a.logo {
	width: 60%;
}

.pc-reserve-wrap {
	display: none;
	height: 100%;
}

.min-txt-reserve {
	color: #7f7f7f;
	display: block;
	font-size: 12px;
	text-align: center;
	width: 100%;
}

.reserve-btn .min-txt-reserve {
	color: #fff;
}

a.reserve-btn {
	align-content: center;
	color: #fff;
	display: flex;
	flex-wrap: wrap;
	height: 100%;
	justify-content: center;
	max-width: 110px;
	padding: 0.4em;
	text-decoration: none;
}

.pc-reserve-tel-inner {
	align-content: center;
	background-color: #fbfbfb;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.3;
	padding: 0.4em;
	text-align: center;
	width: 260px;
}

.pc-reserve-tel {
	color: #525558;
	font-size: 1.96rem;
	font-weight: bold;
	text-align: center;
	width: 100%;
}

.ico-color-orange {
	color: #ffb182;
}

a.mail-color {
	background-color: #3792fd;
}

a:hover.mail-color {
	background-color: #0072f5;
}

.reserve-btn-ico {
	display: block;
	font-size: 2.6rem;
	padding-bottom: 3px;
	text-align: center;
	width: 100%;
}

.pc-reserve-tel-inner {
	align-content: center;
	display: flex;
	flex-wrap: wrap;
	padding: 0.4em;
	text-align: center;
}

.pc-nav-search {
	display: none;
	top: 100px;
	width: 100%;
}

.pc-menu {
	display: flex;
	/* gap: 1.4em; */
	justify-content: flex-start;
	padding: 0.4em 0;
}

.pc-menu > .menu-item {
	position: relative;
	width: calc(100% / 8);
}

.pc-menu > .menu-item::after {
	background-color: rgba(54, 56, 57, 0.1);
	content: "";
	display: block;
	height: 100%;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 1px;
}

.pc-menu > .menu-item:last-child::after {
	content: none;
}

.pc-menu > .menu-item > a {
	color: var(--color1);
	display: block;
	line-height: 1;
	padding: 0.2em 0.5em;
	text-align: center;
	text-decoration: none;
}

/* .pc-menu > .menu-item.current-menu-item > a {
	color: var(--color4);
} */

.pc-menu > .menu-item > a:hover {
	color: var(--color4);
}

.menu-txt {
	display: inline-block;
	margin-right: 0.4em;
	text-transform: uppercase;
}

.menu-item-description {
	color: #fdb182;
	font-size: 0.78rem;
}

/* パンくず */
.bread_crumb {
	padding: 1rem;
}

/****************************************
	TOPメイン画像
*****************************************/
.top-img-wrap {
	margin: 0 0 2.4em;
	position: relative;
}

.top-img-inner {
	background-blend-mode: overlay;
	background-color: #ff9696;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin: 0 auto 0 0;
	overflow: hidden;
	padding-top: 0;
	width: 100%;
	height: 70vh;
}

@media only screen and (max-width: 375px) {
	.top-img-inner {
		height: calc(100vh - 64px);
	}
}

.top-img-figure {
	align-items: flex-end;
	display: flex;
	margin: 0 0 0 auto;
	position: relative;
	width: 180%;
	height: 100%;
}

figure.top-img-figure img {
	filter: drop-shadow(4em 0 0 rgba(189, 41, 0, 0.1));
}

h2.sub-title {
	right: 0.4em;
	letter-spacing: 0.04em;
	line-height: 1.8;
	position: absolute;
	top: 0.8em;
	text-shadow: 2px 2px 1px #ffffff, -2px 2px 1px #ffffff, 2px -2px 1px #ffffff, -2px -2px 1px #ffffff, 2px 0px 1px #ffffff, 0px 2px 1px #ffffff, -2px 0px 1px #ffffff, 0px -2px 1px #ffffff;
}


h2.sub-title > .underline {
	background-image: linear-gradient(#f8a255, #f8a255);
	background-position: 0% 100%;
	background-repeat: no-repeat;
	background-size: 100% 0.5em;
	padding-bottom: 0;
}

ul.keyword {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	line-height: 1.4;
	padding: 1em;
	position: absolute;
	top: 6.6em;
}

ul.keyword > li {
	align-items: center;
	background-color: #ff704d;
	background-image: linear-gradient(to right, #ff6b42 0%, #f98823 100%);
	border-radius: 2em;
	color: #fff;
	display: flex;
	font-size: 0.72rem;
	margin: 0.4em 0;
	padding: 0.4em 1.6em;
	text-shadow: 1px 1px 1px rgb(0 0 0 / 53%);
	width: 49%;
}

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

	ul.keyword>li {
		font-size: 0.6rem;
	}
}

@media only screen and (max-width: 360px) {
	h2.sub-title {
		font-size: 1.3rem;
		top: 0.2em;
	}
	ul.keyword {
		top: 4.2em;
	}
	.top-img-figure {
		width: 160%;
	}
}

.points-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 0.4em;
	justify-content: center;
	padding: 1em;
	position: absolute;
	bottom: -6em;
}

.points-img-wrap {
	background: linear-gradient(1deg, #614101 0%, #daaf08 45%, #faf8f1 70%, #ffda49 85%, #b67b03 90% 100%);
	border-radius: 50%;
	box-shadow: 0 0 0.8em rgba(0, 0, 0, 0.2);
	max-height: 200px;
	max-width: 200px;
	overflow: hidden;
	padding: 0.32em;
	width: 31%;
}

.points-inner {
	background-color: #fdfdfd;
	/* background-image: url(./images/menstruation.png); */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	border-radius: 50%;
	padding: 0.2em;
}

/****************************************
	HOMEコンテンツ
*****************************************/
.campaign-img-wrap {
	margin: 6.4em auto 1.6em;
	width: 100%;
	padding: 0 0.8em;
}

section#features {
	background-color: #e3fdf5;
	background-image: linear-gradient(-225deg, #e3fdf5 0%, #fbeff8 100%);
}

h2.headline {
	font-size: 1.8rem;
	position: relative;
	text-transform: uppercase;
}

.features-wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
	justify-content: center;
}

.features-txt-wrap {
	width: 100%;
}

.features-img-wrap {
	width: 80%;
}

p.features-txt {
	letter-spacing: 0.08em;
	margin-top: 0;
	padding-top: 0.8em;
	position: relative;
	z-index: 1;
}

.features-txt::before {
	background-color: #e4edef;
	content: "";
	display: block;
	height: 8em;
	position: absolute;
	right: 0;
	top: -1em;
	width: 8em;
	z-index: -1;
}

a.reserve-link-btn {
	align-items: center;
	color: #fff;
	display: flex;
	justify-content: center;
	line-height: 1;
	padding: 0.6em;
	text-decoration: none;
	width: 100%;
}

.reserve-link-ico {
	font-size: 1.6rem;
}

.reserve-btn-area {
	display: flex;
	flex-wrap: wrap;
	gap: 1em;
	margin: 1.2em 0;
}

.swiper-slide {
	height: auto !important;
}

.voice-wrap {
	display: flex;
	padding: 0 0 2em;
}

.voice-inner {
	align-items: stretch;
	background-color: #fff9f3;
	box-shadow: 0 1rem 1rem -1rem rgb(42 72 88 / 17%);
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	overflow: hidden;
	width: 80%;
}

.voice-figure {
	clip-path: polygon(0% 0%, 100% 0%, 100% 95%, 95% 100%, 0 100%);
}

.voice-info {
	background-image: url(./images/sp-nav-bg.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 100%;
	padding: 0.6em 1.2em 1.2em;
}

.joy-voice {
	color: #ff8331;
	font-size: 1.4rem;
}

span.l-orange {
	color: #ffb481;
}

.voice-name {
	font-size: 1.8rem;
}

.voice-txt {
	color: #686a6c;
	font-size: 0.875rem;
	letter-spacing: 0.18em;
	line-height: 1.5;
}

.min-sama {
	font-size: 0.7em;
	margin: 0 0 0 0.32em;
}

.headline-wrap {
	position: relative;
}

.headline-wrap > h2.headline,
.headline-wrap > .joy-voice-txt {
	text-align: center;
}

.headline-wrap > h2.headline {
	margin: 0 auto;
}

.voice-container {
	width: 90%;
}

p.joy-voice-txt {
	color: #ff9e6c;
	font-size: 0.9rem;
	margin: 0 0 1em;
	width: 100%;
}

section#staff {
	background: #f7f7f7;
}

.staff-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 1.6em;
	justify-content: center;
}

.staff-inner {
	display: flex;
	flex-direction: row-reverse;
	flex-wrap: wrap;
}

.staff-inner:nth-child(2n) {
	flex-direction: unset;
}

figure.staff-figure {
	max-width: 820px;
	width: 100%;
}

.staff-info {
	margin: -8.4em 0 0;
	padding: 1em;
}

p.staff-name-en {
	font-size: 1.6rem;
	margin: 0 0 0.4em;
	padding: 0;
	position: relative;
}

.staff-name-en::after {
	background-color: #ff7b45;
	bottom: 0;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
}

h3.staff-name {
	font-size: 1.4rem;
}

.staff-inner:nth-child(2n) p.staff-name-en,
.staff-inner:nth-child(2n) h3.staff-name,
.staff-inner:nth-child(2n) .staff-role {
	text-align: right;
}

p.staff-txt {
	background: #fffffe;
	border-left: solid 6px #fbcebb;
	box-shadow: 0 1rem 1rem -1rem rgb(42 72 88 / 17%);
	color: #8d9093;
	padding: 1.6em;
}

p.staff-role {
	color: #7e8284;
}

#treatment {
	background-image: repeating-linear-gradient(0deg, rgb(250, 250, 250) 0px, rgb(250, 250, 250) 1px, transparent 1px, transparent 21px), repeating-linear-gradient(90deg, rgb(250, 250, 250) 0px, rgb(250, 250, 250) 1px, transparent 1px, transparent 21px), linear-gradient(90deg, hsl(229, 0%, 100%), hsl(229, 0%, 100%));
}

.treatment-wrap {
	display: flex;
	flex-wrap: wrap;
	gap: 1em 1.5em;
	justify-content: flex-start;
}

.treatment-inner {
	background-color: #fdfdfd;
	box-shadow: 0 1rem 1rem -1rem rgb(42 72 88 / 17%);
	width: calc(92% / 2);
}

h3.treatment-title {
	border-bottom: solid 2px #dbdee5;
	font-size: 1rem;
	letter-spacing: 0.08em;
	margin: 0;
	overflow: hidden;
	padding: 0.7em 1.4em 0.88em 0.4em;
	position: relative;
	text-align: center;
	text-overflow: ellipsis;
	white-space: nowrap;
}

a.treatment-link h3.treatment-title::after {
	border-bottom: 2px solid #ffb799;
	border-right: 2px solid #ffb799;
	content: "";
	display: block;
	height: 10px;
	margin: 0;
	position: absolute;
	right: 0.56em;
	top: 50%;
	transform: rotate(-45deg) translateY(-50%);
	width: 10px;
	transition-duration: 0.3s;
	transition-property: all;
}

a:hover.treatment-link h3.treatment-title::after {
	right: 0.3em;
}

a.treatment-link {
	text-decoration: none;
}

a.treatment-link .card-photo {
	background-color: #fefefe;
	outline: 10px solid #feb384;
	outline-offset: -11px;
	overflow: hidden;
	padding-top: 56.25%;
	position: relative;
}

a.treatment-link > .card-photo > img.treatment-photo {
	left: 50%;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%) scale3d(1, 1, 1);
}

a:hover.treatment-link > .card-photo > img.treatment-photo {
	opacity: 0.6;
	transform: translate(-50%, -50%) scale3d(1.1, 1.1, 1.1);
}

a.treatment-link .in-detail {
	color: #fc7d25;
	left: 50%;
	letter-spacing: 1em;
	opacity: 0;
	position: absolute;
	text-align: center;
	text-shadow: 1px 1px 1px rgb(255 255 255 / 69%);
	top: 50%;
	transform: translate(-50%, -50%);
	transition-duration: 0.4s;
	transition-property: all;
	width: 100%;
	z-index: 2;
	font-size: 0.875rem;
}

a:hover.treatment-link .in-detail {
	letter-spacing: 0.1em;
	opacity: 1;
}

section#problem {
	background-color: #ff7d24;
	clip-path: polygon(0 6%, 100% 0%, 100% 94%, 0% 100%);
}

h2.headline-pr {
	background-color: #fff;
	clip-path: polygon(5% 0, 100% 0, 100% 80%, 95% 100%, 0 100%, 0 20%);
	display: inline-block;
	font-size: 1.6rem;
	padding: 0.4em 0.8em;
}

span.txt-orange {
	color: #fc8c3c;
}

ul.problem-ul {
	color: #fff;
	font-size: 1.2rem;
	padding: 0;
}

ul.problem-ul > li {
	margin: 0 0 0.6em;
	padding: 0 0 0 1.6em;
	position: relative;
	text-shadow: 1px 1px 2px #bd5e1a;
}

ul.problem-ul > li::before {
	background-color: #fff;
	border-radius: 50%;
	box-shadow: 0 0 0 0.2em rgb(255 255 255 / 35%);
	content: "";
	display: block;
	height: 11px;
	left: 0.4em;
	position: absolute;
	top: 0.48em;
	width: 11px;
}

.problem-bg {
	background-blend-mode: luminosity;
	background-image: url(./images/worry-women.webp);
	background-position: bottom left;
	background-repeat: no-repeat;
	background-size: 64%;
}

section#info {
	background-image: repeating-radial-gradient(circle at center center, transparent 0px, transparent 13px, rgba(0, 0, 0, 0.03) 13px, rgba(0, 0, 0, 0.03) 24px, transparent 24px, transparent 62px, rgba(0, 0, 0, 0.03) 62px, rgba(0, 0, 0, 0.03) 96px),
		repeating-radial-gradient(circle at center center, rgb(255, 255, 255) 0px, rgb(255, 255, 255) 14px, rgb(255, 255, 255) 14px, rgb(255, 255, 255) 18px, rgb(255, 255, 255) 18px, rgb(255, 255, 255) 28px, rgb(255, 255, 255) 28px, rgb(255, 255, 255) 32px);
	background-size: 21px 21px;
}

.news-box {
	align-items: baseline;
	border-bottom: solid 1px #e6e6e6;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 0.8em;
	padding: 0.4em 0.2em;
}

h3.news-title {
	font-size: 1.125rem;
	font-weight: normal;
	margin: 0;
	width: 100%;
}

a.news-link {
	-webkit-box-orient: vertical;
	color: #424242;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	overflow: hidden;
	text-decoration: none;
}

a:hover.news-link {
	color: #ff7d24;
}

.news-info > span {
	margin-right: 1em;
}

.news-info {
	color: #606364;
}

.center-btn-wrap {
	margin: 2.8em 0;
	text-align: center;
}

a.center-btn {
	background-color: #fc7d25;
	color: #fdfdfd;
	display: inline-block;
	font-size: 1.2rem;
	margin: 0 auto;
	padding: 0.6em 2em;
	text-decoration: none;
	border-radius: 0.2em;
	min-width: 256px;
}

a:hover.center-btn {
	background-color: #d56210;
}

.contact-bg {
	background-image: url(./images/contact-bg.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 190px;
}

.con-title p.joy-voice-txt {
	color: #444;
}

.con-title {
	position: relative;
	top: -1.4em;
}

.pp-min {
	padding: 0 0 3em;
}

.form-area-wrap form.wpcf7-form {
	background: #fff;
	box-shadow: 0 1rem 1rem -1rem rgb(42 72 88 / 17%);
	margin: 0 1em;
	padding: 1.6em;
	position: relative;
	top: -4em;
}

.form-area-wrap form.wpcf7-form p {
	margin: 0 0 0.6em;
}

.form-area-wrap {
	background-color: #fff8f4;
	background-image: url(./images/contact-bg.png), linear-gradient(to bottom, #ffeae1 0%, #fffaf8 80%);
	background-position: center bottom;
	background-repeat: repeat-x;
	padding: 0 0 2em;
}

/*Contact form 7*/
div.wpcf7-mail-sent-ok,
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
	background-color: #ff7d24;
	border: none !important;
	border-radius: 0.2em;
	color: #fff;
	font-size: 1.2em;
	margin: 1.6em auto !important;
	max-width: 960px;
	padding: 0.64em 1.2em !important;
}

.clinic-info-wrap {
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	gap: 1.6em;
	justify-content: space-between;
}

figure.exterior-img-wrap > img {
	margin: 0 0 1em;
}

.foo-call {
	font-size: 1.6rem;
	display: flex;
	align-items: center;
	margin: 0.24em 0;
}

.reserve-box {
	display: inline-block;
	background-color: #fc7d25;
	color: #fff;
	font-size: 1rem;
	line-height: 1;
	padding: 0.4em 0.64em;
	border-radius: 0.2em;
	margin: 0 0 0 0.4em;
}

.consultation-time-table {
	font-size: 0.8rem;
	margin: 1.6em 0;
	width: 100%;
}

.consultation-time-table,
.consultation-time-table td,
.consultation-time-table th {
	border: 1px solid #ffcbaf;
	border-collapse: collapse;
}

.consultation-time-table td {
	padding: 0.4em 0.8em;
	text-align: center;
}

.consultation-time-table td .ico-color-orange {
	font-size: 1.6em;
}

td.orange-tb {
	background-color: #fe975f;
	color: #fff;
	white-space: nowrap;
}

.embed-acc-map {
	height: 0;
	margin: 3em 0 0;
	overflow: hidden;
	padding-bottom: 120%;
	position: relative;
}

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

/****************************************
	投稿ページ
*****************************************/

.main-background {
	height: 40vh;
	overflow: hidden;
	position: relative;
}

.post-237 .main-background {
height: 35vh;
}

img.header-photo {
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.post-237 img.header-photo {
	position: absolute;
}

.main-background::after {
	background-color: rgb(255 255 255 / 64%);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}

.page-title {
	color: #fff;
	font-size: 2rem;
	left: 50%;
	position: absolute;
	text-shadow: 0 0 0.24em rgb(0 0 0 / 86%);
	top: 50%;
	transform: translate(-50%, -50%);
	width: 90%;
	z-index: 2;
}

.post-area {
	padding: 1.8em 0 2.6em;
}

.post-area h2 {
	background-color: #ffe4de;
	background-image: linear-gradient(to right, #ffeae4 0%, #fff9f0 100%);
	border-radius: 0.4em;
	color: #f36817;
	font-size: 1.5rem;
	line-height: 1.3;
	padding: 0.24em 0.24em 0.24em 1.4em;
	position: relative;
}

.post-area h2::before {
	background-color: #ffb082;
	border-radius: 3px;
	content: "";
	display: block;
	height: 70%;
	left: 0.6em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 6px;
}

.post-area h3 {
	color: #37393a;
	padding: 0 0.24em 0.4em;
	position: relative;
}

.post-area h3::after {
	background-color: #ffd1ab;
	background-image: linear-gradient(to right, #ffeae4 0%, #fff9f0 100%);
	border-radius: 2px;
	bottom: 0;
	content: "";
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
}

.post-area .wp-block-image {
	margin-left: auto;
	margin-right: auto;
	max-width: 880px;
	width: 90%;
}

.post-area p {
	color: #4e4e4e;
}

ul.archives-list {
	display: flex;
	flex-wrap: wrap;
	gap: 1.2em;
	margin: 0 0 3em;
	padding: 0;
}

li.category-list__item {
	width: 100%;
}

.category-list__item > a {
	background-color: #fff;
	border: solid 1px #e3e3e3;
	color: #333;
	display: block;
	padding: 0.64em;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.category-list__item > a:hover {
	background-color: #f4f4f4;
	color: #7d7d7d;
}

.modified-date {
	color: #77797b;
	margin: 2em 0 0;
}

time.post-info-day {
	margin: 0 1em 0 0;
}

#aside {
	background-color: #edeeef;
	margin: 0 0 3em;
	padding: 3.6em 0 2em;
}

h3.aside-title {
	color: #7e8188;
	font-size: 1.8rem;
}

.two-column {
	display: flex;
	flex-wrap: wrap;
	gap: 2em;
}

.side-treatment {
	width: 100%;
}

.treatment-side-inner {
	margin: 0 0 0.8em;
}

a.treatment-side-link {
	background-color: #fff;
	border: solid 1px #e3e3e3;
	border-radius: 0.2em;
	color: #333;
	display: block;
	padding: 0.64em 2em;
	position: relative;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

a.treatment-side-link::before {
	background-color: #fc7d25;
	border-radius: 50%;
	box-shadow: 0 0 0 0.2em rgb(252 125 37 / 25%);
	content: "";
	display: block;
	height: 12px;
	left: 1em;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
}

a:hover.treatment-side-link {
	background-color: #f4f4f4;
	color: #7d7d7d;
}

a:hover.treatment-side-link::before {
	box-shadow: 0 0 0 0.3em rgb(252 125 37 / 25%);
}

h3.side-treatment-head {
	color: #5c5e60;
	margin: 0;
	text-align: center;
}

.side-treatment-min-head {
	color: #ff9e6c;
	font-size: 0.875rem;
	margin: 0 0 0.6em;
	text-align: center;
}

.has-medium-font-size {
	font-size: 1.125em !important;
}

.post-area ul li {
	color: #64696d;
	font-size: 1.3rem;
	letter-spacing: 0.08em;
	line-height: 1.5;
	list-style: none;
	margin: 0.4em 0;
	padding: 0 0 0 1em;
	position: relative;
}

.post-area ul li::before {
	background-color: #fc7d25;
	border-radius: 50%;
	content: "";
	display: block;
	height: 10px;
	left: 0;
	position: absolute;
	top: 0.5em;
	width: 10px;
}

.wp-block-media-text__content h4 {
	font-size: 1.24rem !important;
	margin: 0;
}

.wp-block-media-text {
	margin: 1.6em 0 3em;
}

.cost-table {
	color: #5c5c5c;
	margin: 1.6em 0;
	width: 100%;
}

.cost-table,
.cost-table td,
.cost-table th {
	border: 1px solid #ffcbaf;
	border-collapse: collapse;
}

.cost-table td {
	padding: 0.4em 0.8em;
}

td.cost-item {
	background-color: #fe975f;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 30%;
}

h2.cost-title {
	font-size: 2rem;
	margin: 2em 0 0.8em;
}

.wp-block-media-text__media img {
	width: 90%;
	margin: 0 auto;
}

figure.wp-block-media-text__media {
	margin: 0 0 0.6em !important;
}

/* アコーディオン
---------------------------------------------------------- */

.faq-wrap {
	margin: 3em 0 0;
}

p.faq-head {
	font-size: 1.3rem;
}

.toggle_contents {
	letter-spacing: 0.08em;
	margin: 1.8em auto;
	width: 100%;
}

.toggle_title {
	align-items: center;
	border-bottom: solid 2px #adadad;
	color: #f36817;
	cursor: pointer;
	display: flex;
	font-size: 1.2rem;
	line-height: 1.4;
	margin: 0;
	/* min-height: 56px; */
	padding: 0 2.4em 0.4em 1.6em;
	position: relative;
}

dt.toggle_title.faq {
	align-items: flex-start;
}

.faq-wrap .toggle_contents .toggle_title.faq::before {
	color: #dc3232;
	content: "Q";
	font-weight: 700;
	left: 0.2em;
	position: absolute;
	top: 0;
}

.accordion-inner.faq {
	padding: 1em 3em 1em 6em;
	position: relative;
}

.accordion-inner p {
	font-size: 0.875rem;
}

.toggle_btn {
	border-radius: 50%;
	bottom: 0.4em;
	display: block;
	height: 48px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: 100%;
	transform: rotateZ(180deg);
	white-space: nowrap;
	width: 48px;
	z-index: 1;
	/* background: #666666; */
}

span.toggle_btn.not.dep {
	transform: rotateZ(0deg);
}

.toggle_btn {
	background-image: none;
	/* background-color: #666666; */
}

dt.selected .toggle_btn {
	transform: rotateZ(0deg);
}

.toggle_btn:before,
.toggle_btn:after {
	background-color: #fff;
	content: "";
	display: block;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
}

.toggle_btn:before {
	height: 1.1em;
	width: 2px;
}

.toggle_btn:after {
	height: 2px;
	width: 1.1em;
}

.toggle_title.selected .toggle_btn:before {
	content: normal;
}

.toggle_contents dd {
	display: none;
}

.toggle_contents p {
	line-height: 1.6;
}

.toggle_contents > dd > p {
	text-align: justify;
}

.accordion-inner {
	margin: 0 auto;
	padding: 0 0 0.6em;
}

.accordion-inner-box {
	border: solid 1px #949494;
	line-height: 2;
	padding: 1.2em;
}

.accordion-inner-box-title {
	border-bottom: solid 1px #949494;
	margin-bottom: 0.8em;
	padding: 0 0 0.5em;
}

.toggle_btn.dep {
	background-image: url(./images/accordion-close.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0.5em;
	height: 32px;
	width: 32px;
}

.toggle_btn.dep::after,
.toggle_btn.dep::before {
	content: none;
}

.accordion-inner {
	padding: 1em;
}

.accordion-inner > p {
	margin: 0;
}

.accordion-img-wrap {
	text-align: center;
}

.accordion-img {
	margin: 0 auto;
}

/****************************************
	アーカイブ
*****************************************/
.archive-area {
	margin: 3em 0 6em;
}

/****************************************
	フォームエラーメッセージ Contact form 7
*****************************************/
.wpcf7 form .wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.4em 1em;
	border: none; /* Blue */
	background-color: #00a0d2;
	border-radius: 0.24em;
}

.wpcf7 form.init .wpcf7-response-output {
	display: none;
}

.wpcf7 form.sent .wpcf7-response-output {
	background-color: #acffb4; /* Green */
}

.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
	background-color: #fb5050; /* Red */
}

.wpcf7 form.spam .wpcf7-response-output {
	bbackground-color: #ff884d; /* Orange */
}

.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output {
	background-color: #ffb900; /* Yellow */
}

.wpcf7-not-valid-tip {
	font-size: 0.875em;
	margin-top: -0.4em;
}

/****************************************
	footer
*****************************************/
.privacy-policy-link-wrap {
	text-align: center;
}

.copyright {
	background-color: #fd975f;
	color: #efefef;
	font-size: 14px;
	margin-top: 2em;
	padding: 1em 0 4em;
	text-align: center;
}

a.foo-home-link {
	color: #efefef;
	text-decoration: none;
}

a:hover.foo-home-link {
	color: #ffd5be;
}

.sp-foo-nav-wrap {
	bottom: 0;
	display: flex;
	justify-content: center;
	left: 0;
	position: fixed;
	width: 100%;
	z-index: 5;
}

a.sp-foo-nav {
	color: #fff;
	padding: 0.6em 0.4em;
	text-align: center;
	text-decoration: none;
	width: 50%;
}

.tel-color {
	background-color: #ee5c00;
}

a.privacy-policy-link {
	border: solid 1px;
	border-radius: 0.2em;
	color: #6a6a6a;
	display: inline-block;
	font-size: 0.875rem;
	line-height: 1;
	padding: 0.6em 2em;
	text-decoration: none;
}

a:hover.privacy-policy-link {
	color: #a4a4a4;
}

/* トップへ戻るボタン */
#back-to-top {
	bottom: 1em;
	display: none;
	height: 48px;
	position: fixed;
	right: 1em;
	width: 48px;
	z-index: 999;
}
#back-to-top a {
	background-color: rgba(232, 56, 13, 0.96);
	background-image: url(./images/back-to-top.svg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 50%;
	display: block;
	height: 100%;
	padding: 0;
	position: relative;
	width: 100%;
}
#back-to-top a:hover {
	background-color: rgba(232, 56, 13, 0.6);
}

.local-navigation {
	align-items: center;
	-webkit-box-align: center;
	-webkit-box-pack: center;
	display: flex;
	-ms-flex-align: center;
	-ms-flex-pack: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 16px;
	justify-content: center;
	margin: 3em 0;
}

.page-numbers:not(.next):not(.prev) {
	border-radius: 0.2em;
	display: block;
	height: auto;
	line-height: 1;
	margin: 0 0.2em 0.6em;
	padding: 0.8em 0;
	text-align: center;
	text-decoration: none;
	width: 2.6em;
}

.page-numbers:not(.next):not(.prev):not(.current) {
	background: #efefef;
	color: #b6b6b6;
}

.page-numbers:not(.next):not(.prev):not(.current):hover {
	background: #d8d8d8;
	color: #7e7e7e;
}

span.current {
	background: var(--color4);
	color: #fdfdfd;
}

.local-navigation > a.prev,
.local-navigation > a.next {
	background: #efefef;
	border-radius: 0.2em;
	color: #b6b6b6;
	display: block;
	margin: 0 0.4em 0.6em;
	padding: 0.56em 1em;
	text-decoration: none;
}

.local-navigation > a:hover.prev,
.local-navigation > a:hover.next {
	background: #d8d8d8;
	color: #7e7e7e;
}

.pc,
.site-desc {
	display: none;
}

/****************************************
	Style applied on 768px or higher device
*****************************************/
@media all and (min-width: 768px) {
	.pc-reserve-wrap {
		display: flex;
		height: 88px;
	}

	.points-wrap {
		bottom: -114px;
		flex-wrap: nowrap;
		position: absolute;
		right: 3em;
	}

	#header {
		height: auto;
		position: fixed;
	}

	.header-color {
		background-color: rgba(252, 252, 252, 0);
		box-shadow: 0 0.2em 0.4em rgba(41, 65, 85, 0);
		transition: all 0.3s;
		transition-timing-function: ease-out;
	}

	.header-color.change-color {
		background-color: rgba(252, 252, 252, 1);
		box-shadow: 0 0.2em 0.4em rgba(41, 65, 85, 0.12);
	}

	a.logo {
		max-width: 400px;
		width: 100%;
	}

	#main-logo {
		padding: 2px 0 2px 12px;
	}

	.menu-txt {
		display: block;
		margin-right: 0;
	}

	.top-img-inner {
		padding-top: 6em;
		width: 100%;
	}

	.top-img-figure {
		margin: 0 0 0 auto;
		width: 100%;
	}

	h2.sub-title {
		font-size: 2.4rem;
		right: 1.2em;
		top: 36%;
	}

	ul.keyword {
		bottom: 6%;
		width: 90%;
		top: unset;
	}

	ul.keyword > li {
		font-size: 1.2rem;
	}

	.copyright {
		padding: 1em 0 0.5em;
	}

	.sp {
		display: none;
	}
}

/****************************************
	Style applied on 992px or higher device
*****************************************/
@media all and (min-width: 992px) {
	body {
		font-size: 18px;
	}

	a.logo {
		max-width: 400px;
	}

	.pc-txt-center {
		text-align: center;
	}

	.top-img-inner {
		display: flex;
		/* height: 44vh; */
		justify-content: flex-end;
		padding-top: 3.2em;
		width: 100%;
	}

	.pc-reserve-tel-inner {
		width: 300px;
	}

	figure.top-img-figure img {
		filter: drop-shadow(6em 0 0 rgba(189, 41, 0, 0.1));
	}

	h2.sub-title {
		font-size: 2.6rem;
		top: 16%;
	}

	ul.keyword {
		bottom: 28%;
		right: 3em;
		padding: 0;
		position: absolute;
		width: 60%;
	}

	ul.keyword > li {
		padding: 0.6em 1.5em;
	}
}

/****************************************
Style applied on 1025px or higher device
*****************************************/
@media all and (min-width: 1025px) {


	.top-img-wrap {
		margin: 0 0 12em;
	}

	.campaign-img-wrap {
		margin: 0em auto 3em;
		max-width: 960px;
		padding: 0;
	}

	.points-inner {
		padding: 1em;
	}

	.features-wrap {
		flex-wrap: nowrap;
		gap: 4em;
	}

	.features-txt-wrap,
	.features-img-wrap {
		position: relative;
		width: 47%;
	}

	.features-img-wrap::before {
		background-color: rgb(51 51 51 / 7%);
		bottom: -2em;
		content: "";
		display: block;
		height: 13em;
		position: absolute;
		right: -2em;
		width: 13em;
		z-index: -1;
	}

	p.features-txt {
		line-height: 2;
		margin-top: 1.6em;
	}

	section.pp {
		padding: 4em 0;
	}

	section.ppp {
		padding: 8.6em 0;
	}

	a.reserve-link-btn {
		max-width: 260px;
		padding: 0.8em;
	}

	h2.headline {
		font-size: 3rem;
	}

	.voice-inner {
		margin: 0;
		width: calc(94% / 3);
	}

	.headline-wrap {
		margin-bottom: 2em;
	}

	.headline-wrap > h2.headline {
		margin: 0;
		text-align: left;
	}

	.headline-wrap > .joy-voice-txt {
		text-align: unset;
	}

	p.joy-voice-txt {
		font-size: 1.3rem;
		margin: 0;
		width: auto;
	}

	.voice-txt {
		font-size: 1rem;
	}

	p.staff-name-en {
		font-size: 3rem;
		margin: 1em 0 0.8em;
	}

	h3.staff-name {
		font-size: 2rem;
	}

	.staff-inner {
		flex-wrap: nowrap;
	}

	.staff-info {
		margin: 0 -18em 0 0;
		max-width: 640px;
		padding: 0;
	}

	.staff-inner:nth-child(2n) .staff-info {
		margin: 0 0 0 -18em;
	}

	p.staff-txt {
		border-left: solid 8px #fbcebb;
	}

	.staff-name-en::after {
		height: 6px;
	}

	.treatment-wrap {
		gap: 2em 1.6em;
		margin: 0.2em auto 3em;
	}

	.treatment-inner {
		width: calc(92% / 3);
	}

	h3.treatment-title {
		font-size: 1.3rem;
	}

	.problem-bg {
		background-position: bottom left calc((100% - 620px) / 2);
		background-size: auto 68%;
	}

	h2.headline-pr {
		font-size: 3rem;
		max-width: 15em;
	}

	ul.problem-ul {
		padding: 0 0 0 48%;
	}

	ul.problem-ul > li {
		font-size: 1.7rem;
	}

	.news-info {
		width: 25%;
	}

	h3.news-title {
		font-size: 1.4rem;
		margin: 0;
		width: 75%;
	}

	.news-box {
		margin: 0 0 1.2em;
		padding: 0.8em 0.4em;
	}

	.con-title {
		top: -2em;
	}

	.contact-bg {
		height: 320px;
	}

	.form-area-wrap form.wpcf7-form {
		margin: 0;
		padding: 1.6em 2.4em;
		top: -6em;
	}

	input[type="submit"] {
		margin: 1em 0 1em 4em;
		padding: 0.6em 3.2em;
	}

	.clinic-info-wrap {
		gap: 3em;
	}

	.foo-clinic-info-wrap,
	.exterior-img-wrap {
		width: 46%;
	}

	.embed-acc-map {
		padding-bottom: 28%;
	}

	.consultation-time-table {
		font-size: 0.96rem;
	}

	.consultation-time-table td .ico-color-orange {
		font-size: 1.8em;
	}

	.main-background, .post-237 .main-background {
		height: 400px;
	}

	.page-title {
		font-size: 3rem;
		max-width: 1200px;
		padding: 0 0.6em;
		text-align: center;
	}

	.post-area h2 {
		font-size: 1.8rem;
		padding: 0.6em 0.6em 0.6em 1.4em;
	}

	.post-area h3 {
		font-size: 1.6rem;
	}

	.post-area h4 {
		font-size: 1.4rem;
	}

	li.category-list__item {
		width: 31.9%;
	}

	.two-column {
		display: flex;
		flex-wrap: nowrap;
		gap: 4em;
	}

	.side-treatment {
		display: block;
		max-width: 300px;
		padding: 1.8em 0;
		width: 28%;
	}

	.two-column-left {
		width: calc(100% - (300px + 4em));
	}

	.toggle_title {
		font-size: 1.48rem;
	}

	.toggle_btn.dep {
		bottom: 0.2em;
		height: 40px;
		width: 40px;
	}

	.side-sticky {
		position: sticky;
		top: 1em;
	}

	.accordion-inner p {
		font-size: 1.125rem;
	}

	.faq-wrap {
		margin: 5em 0 0;
	}

	p.faq-head {
		font-size: 1.5rem;
	}

	td.cost-item {
		width: 20%;
	}

	.voice-container {
		width: 100%;
	}

	figure.sejutu-img-wrap {
		padding: 0;
	}

	.wp-block-media-text__media img {
		width: 100%;
	}

	ul.keyword {
		right: 2em;
		width: 56%;
	}
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
	img.main-logo {
		max-width: unset;
		width: 385px;
	}

	.problem-wrap {
		padding: 0 5rem;
	}
}

/* iPad 縦向きのみ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
	.top-img-inner {
		height: 44vh;
	}

	.top-img-figure {
		width: 100%;
	}
}

/* iPad 横向きのみ */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
	.top-img-inner {
		height: 80vh;
	}
}

/****************************************
Style applied on 1200px or higher device
*****************************************/
@media all and (min-width: 1200px) {
	.top-img-inner {
		height: 96vh;
	}

	h2.sub-title {
		font-size: 3rem;
	}

	ul.keyword {
		width: 56%;
		bottom: 31%;
	}

	ul.keyword > li {
		font-size: 1.4rem;
		padding: 0.4em 2em;
	}

	/* .staff-info {
		margin: 0 -12em 0 0;
	} */

	/* .staff-inner:nth-child(2n) .staff-info {
		margin: 0 0 0 -12em;
	} */

	.features-txt::before {
		height: 12em;
		right: -2em;
		width: 12em;
	}

	.treatment-inner {
		width: calc(92% / 4);
	}

	.pc {
		display: inline-block;
	}
}

/****************************************
Style applied on 1350px or higher device
*****************************************/
@media all and (min-width: 1350px) {
	.site-desc {
		display: inline-block;
	}

	h2.sub-title {
		font-size: 3.6rem;
	}
}

/****************************************
Style applied on 1600px or higher device
*****************************************/
@media all and (min-width: 1600px) {
	.staff-inner {
		margin: 0 0 0 -3em;
	}

	.staff-inner:nth-child(2n) {
		margin: 0 -3em 0 auto;
	}
}