
@charset "UTF-8";

@charset "UTF-8";

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

ul[class], ol[class] {
	padding: 0;
}

ul a, ol a {
	text-decoration: none;
}

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

html {
	scroll-behavior: smooth;
}

body {
	min-height: 100vh;
	text-rendering: optimizeSpeed;
	line-height: 1.5;
}

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

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

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

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

/*-- custom-property --*/
:root {
	--white: #fff;
	--orange: #ec6104;
	--lightgray: #f8f5f0;
	--gray: #adacab;
	--black: #535250;
	--dark: #000;
	--link: #3994e2;
	--blown: #a29288;
	--red: #ca3d3d;
	--green: #019f8b;
	--lime: #31beac;
	--bluegray: #eff2f2;
	--marker: #c1e0ff;
	--mincho: 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", HGS明朝E, メイリオ;
}

/*-- common --*/
body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	box-sizing: border-box;
	font-family: "M PLUS 1p", "Noto Sans JP", Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

section {
	margin-left: auto;
	margin-right: auto;
}

body > * {
	font-size: 16px;
}

section a {
	color: var(--link);
}

div iframe {
	max-width: 100%;
	max-height: 100%;
}

/*-- ticker --*/
.ticker {
	position: absolute;
	right: 0;
	bottom: 11%;
}

.ticker a {
	background: rgba(255, 255, 255, .9);
	text-decoration: none;
	color: var(--black);
}

.ticker a .per20 {
	color: var(--dark);
	font-weight: bold;
}

.ticker a .per80 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ticker a .per80 span {
	border-left: 1px solid var(--gray);
	padding: .7em 2em;
	color: var(--gray);
}

/*-- main --*/
.map_area .dental_photo {
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/map_area_top.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

.map_area .dental_photo.nitro-lazy {
	background: none !important;
}

.map_area .info {
	background: var(--lightgray);
}

.page-template-page-care .map_area .dental_photo {
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/careclinic/hero/care.webp") no-repeat;
	background-size: cover;
	background-position: center;
}

.page-template-page-care .map_area .dental_photo.nitro-lazy {
	background: none !important;
}

.info > div {
	padding: 1.5em;
	max-width: 85%;
}

.info .address {
	padding-left: 10em;
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/top/logo_top.svg") no-repeat 5% 50%;
	background-size: contain;
}

.info .address.nitro-lazy {
	background: none !important;
}

.info .address .under {
	width: 45%;
}

.info table {
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
	font-size: .7em;
	font-weight: bold;
}

.info table th, .info table td {
	text-align: center;
	padding: 1em 2em;
}

.info table th {
	background-color: var(--orange);
	color: var(--white);
}

.info table td {
	background-color: var(--white);
}

.info .under {
	background: transparent;
}

.info .tel {
	font-size: 2.5em;
	font-weight: bold;
	color: var(--orange);
	line-height: .7em;
}

.info .tel span {
	font-size: .3em;
}

.info .tel svg {
	margin-right: .3em;
}

.info .radius {
	background: var(--orange);
	color: var(--white);
	width: 48%;
}

.info .radius span {
	padding-left: 1em;
	font-size: .8em;
}

.info .radius svg {
	width: 1.5em;
}

/*-- footer recrute_area --*/
.recrute_area {
	position: relative;
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/footer_recrute.webp") no-repeat;
	background-position: center;
	color: var(--white);
	background-size: cover;
	padding: 7em 0;
}

.recrute_area.nitro-lazy {
	background: none !important;
}

.recrute_area div {
	position: relative;
}

.recrute_area h2 {
	font-weight: normal;
	letter-spacing: .13em;
}

.recrute_area h2 span {
	font-size: .5em;
	display: inline-block;
	width: 100%;
}

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

.recrute_area .radius {
	color: var(--dark);
	background: var(--white);
	font-size: .8em;
}

.recrute_area p {
	font-size: .85em;
}

/*-- footer for clinics--*/
footer {
	position: relative;
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/footer_bg.webp") no-repeat;
	color: var(--white);
	background-position: center;
	background-size: cover;
	padding: 7em 0;
}

footer.nitro-lazy {
	background: none !important;
}

footer div {
	position: relative;
}

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

footer div ul {
	list-style-type: none;
	padding-left: 0;
	margin: 0;
}

footer div ul.flex {
	justify-content: start;
}

footer div ul.flex li {
	width: 40%;
	display: inline-block;
	margin-bottom: .5em;
}

footer div ul li a {
	display: block;
	width: 100%;
	padding: .2em;
	color: var(--white);
	font-size: .7em;
}

footer div h3 {
	position: relative;
	font-size: 1em;
	margin-bottom: 2em;
}

footer div h3::after {
	position: relative;
	content: "";
	display: block;
	border-top: 2px solid;
	width: 3em;
	bottom: -10px;
}

footer div a[class*="facebook"] {
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/footer_facebook.svg") no-repeat 0 50%;
}

footer div a[class*="facebook"].nitro-lazy {
	background: none !important;
}

footer div a[class*="instagram"] {
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/footer_instagram.svg") no-repeat 0 50%;
	margin-bottom: 1.5em;
}

footer div a[class*="instagram"].nitro-lazy {
	background: none !important;
}

footer div a[class*="facebook"], footer div a[class*="instagram"] {
	padding-left: 1.8em;
}

/*footer for tokushikai*/
.footer {
	background: none;
	color: var(--black);
	border-left: 5px solid var(--orange);
}

.footer::before {
	content: none;
}

.footer div {
	text-align: right;
}

.footer div ul.flex li {
	width: 100%;
}

.footer div ul li a {
	color: var(--black);
	font-size: 1em;
}

.footer div h3 {
	font-size: 1.2em;
}

.footer div h3::after {
	content: none;
}

.footer .per40 a {
	text-decoration: none;
	color: var(--black);
	text-align: left;
	font-size: 1.5em;
	font-weight: bold;
	font-family: "Klee One", cursive;
}

.footer .per40 a img {
	margin-right: .5em;
}

/*-- nav --*/
nav.mv ul {
	list-style-type: none;
	justify-content: flex-end;
}

nav.mv ul li {
	padding: 1.2em;
	z-index: 1;
}

nav.mv ul li a {
	font-size: .9em;
	color: var(--orange);
	font-weight: bold;
	transition: all .1s ease;
}

nav.mv ul li a, nav.mv ul li a:after {
	display: block;
	text-align: center;
	transition: all .1s ease;
}

nav.mv ul li a:after {
	content: attr(title);
	font-size: .5em;
	font-weight: normal;
	margin-top: .7em;
}

nav.mv ul li a:hover:after {
	margin-top: .1em;
	letter-spacing: .2em;
}

#sakoda-dc nav.mv ul li a {
	color: var(--white);
	text-shadow: 0 0 1px var(--dark);
}

#sakoda-dc nav.mv ul li a:hover {
	color: var(--orange);
	text-shadow: none;
}

nav.mv ul li:last-child a {
	text-shadow: none !important;
	display: flex;
	color: var(--white);
	background: var(--orange) url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/mail_white.svg") no-repeat 10% 50%;
	background-size: auto 35%;
	padding: .6em 2em .6em 3em;
	font-size: .75em;
	border-radius: 1.5em;
}

nav.mv ul li:last-child a.nitro-lazy {
	background: none !important;
}

nav.mv ul li:last-child a:hover {
	color: var(--orange);
	background: var(--white) url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/top/mail_orange.svg") no-repeat 10% 50%;
	background-size: auto 35%;
}

nav.mv ul li:last-child a:hover.nitro-lazy {
	background: none !important;
}

#sakoda-dc nav.mv ul li:last-child a {
	color: var(--orange);
	background: var(--white) url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/top/mail_orange.svg") no-repeat 10% 50%;
	background-size: auto 35%;
}

#sakoda-dc nav.mv ul li:last-child a.nitro-lazy {
	background: none !important;
}

#sakoda-dc nav.mv ul li:last-child a:hover {
	color: var(--white);
	background: var(--orange) url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/mail_white.svg") no-repeat 10% 50%;
	background-size: auto 35%;
}

#sakoda-dc nav.mv ul li:last-child a:hover.nitro-lazy {
	background: none !important;
}

/*-- bottom_nav --*/
nav.bottom_fix {
	position: fixed;
	bottom: 0;
	right: 0;
	z-index: 2;
}

nav.bottom_fix ul {
	list-style-type: none;
	justify-content: flex-end;
}

nav.bottom_fix ul li {
	margin-left: .2em;
	display: inherit;
	width: 15%;
	flex-grow: 1;
}

nav.bottom_fix ul li a {
	transition: all .1s ease;
	flex-direction: column;
	height: 100%;
	font-size: .8em;
	width: 100%;
	background-color: var(--orange);
	background-repeat: no-repeat;
	color: var(--white);
	text-align: center;
}

nav.bottom_fix ul li a svg {
	width: 30%;
	height: auto;
	transition: all .1s ease;
}

nav.bottom_fix ul li a:hover svg {
	transform: scale(1.1);
}

nav.bottom_fix ul li a:hover span {
	margin-top: 1.5em;
}

nav.bottom_fix ul li a span {
	font-size: .6em;
	margin-top: 1.1em;
	transition: all .1s ease;
}

nav.bottom_fix ul li:first-child {
	width: 55%;
	margin-left: 0;
}

nav.bottom_fix ul li:first-child a {
	font-size: .8em;
	flex-direction: unset;
	padding: .7em 0;
}

nav.bottom_fix ul li:first-child a:hover svg {
	animation: wobble-hor-bottom .8s both;
}

nav.bottom_fix ul li:first-child a svg {
	width: auto;
	margin-right: .5em;
}

nav.bottom_fix ul li:first-child a span {
	display: inline-block;
	width: 100%;
	font-size: 2em;
	margin-top: 0;
	font-weight: bold;
}

@keyframes wobble-hor-bottom {
	0%, 100% {
		transform: translateX(0) scale(1.1);
		transform-origin: 50% 50%;
	}
	
	15% {
		transform: translateX(-6px) rotate(-6deg) scale(1.1);
	}
	
	30% {
		transform: translateX(3px) rotate(6deg) scale(1.1);
	}
	
	45% {
		transform: translateX(-3px) rotate(-3.6deg) scale(1.1);
	}
	
	60% {
		transform: translateX(3px) rotate(2.4deg) scale(1.1);
	}
	
	75% {
		transform: translateX(-2px) rotate(-1.2deg) scale(1.1);
	}
}

/*breadcrumb*/
.breadcrumb ul {
	display: flex;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.breadcrumb ul > * {
	font-size: .85em;
}

.breadcrumb ul li+li:before {
	content: "›";
	padding-right: 10px;
	position: relative;
	bottom: 1px;
}

.breadcrumb ul li.top {
	padding-left: 0;
}

.breadcrumb ul li a {
	padding-right: 10px;
	color: var(--link);
}

.breadcrumb ul li.current {
	max-width: 35vw;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.single.single-blog .breadcrumb ul > * {
	font-size: .6em;
}

.single.single-blog .breadcrumb ul  li+li:before {
	padding-right: 5px;
}

.single.single-blog .breadcrumb ul li a {
	padding-right: 5px;
}

.single.single-blog .breadcrumb ul li.current {
	max-width: 25vw;
}

/*pagenation*/
.wp-pagenavi {
	margin: auto;
	text-align: center;
	padding: 15px 0;
}

.wp-pagenavi a, .wp-pagenavi a:hover {
	display: inline-block;
	padding: 3px 8px;
	margin: 1px;
	border: none;
	color: var(--link);
}

.wp-pagenavi a, .wp-pagenavi span {
	border: none;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	padding: 3px 8px;
	color: var(--orange);
	border: none;
}

.wp-pagenavi span.current {
	font-weight: bold;
}

.wp-pagenavi .pages {
	display: none;
}

/*notebook fix*/
@media screen and (max-width: 1350px) {
	nav.mv ul {
		position: relative;
	}
	
	nav.mv ul li:last-child {
		position: absolute;
		bottom: -4em;
		right: 0;
	}
	
	nav.mv ul li {
		padding: 1em;
	}
	
	nav.mv ul li a {
		font-size: .8em;
	}
	
	.info table th, .info table td {
		padding: 1em;
	}
	
	footer div ul.flex li {
		width: 100%;
	}
	
	.recrute_area .per50 {
		width: 75%;
	}
}

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

/*author seo*/
.aioseo-author-bio, .aioseo-author-bio-compact {
	text-align: left;
	background-color: white;
	border: 1px solid var(--gray) !important;
	border-radius: 5px;
	color: var(--black);
	background: var(--lightgray) !important;
}

.author-bio-link a {
	visibility: hidden !important;
}

.author-bio-link a:first-child:before {
	content: "プロフィール詳細を見る";
	display: block;
	display: block;
	margin-top: .5em;
	margin-bottom: .5em;
	visibility: visible;
}

.aioseo-author-bio-header-right .author-expertises + span {
	visibility: hidden !important;
	position: relative;
}

.aioseo-author-bio-header-right .author-expertises + span:before {
	content: "主な履歴：";
	position: absolute;
	display: inline-block;
	width: max-content;
	visibility: visible;
}

.aioseo-author-bio-main {
	font-size: .8em;
}

.aioseo-author-bio-main h3 {
	margin-top: 0 !important;
	margin-bottom: 0 !important;
}

.aioseo-author-bio-main ul {
	list-style-type: none;
	padding-left: 0;
	margin-bottom: 1em;
}

.aioseo-author-bio-main ul:last-child {
	margin-bottom: 0em;
}

.aioseo-author-bio-main ul.essay {
	font-size: .75em;
	margin-bottom: 0;
}

.aioseo-author-bio-main ul.essay li {
	margin-bottom: 1em;
}

.aioseo-author-bio-main ul.essay li b {
	font-size: 1.25em;
}

.single main section ul li:before {
	width: .3em !important;
	height: .3em !important;
}

.reviewerbox {
	border: 1px solid var(--gray);
	border-radius: 5px;
	background: var(--lightgray);
	padding: 1em 1.5em;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
	color: var(--black);
	font-size: .85em;
}

.aioseo-reviewer-tooltip .aioseo-reviewer-tooltip-content .aioseo-reviewer-tooltip-main {
	margin: 0 !important;
}

.aioseo-reviewer-tooltip-main a {
	font-weight: bold;
}

.aioseo-reviewer-tooltip-main p {
	margin-bottom: 0 !important;
	margin-top: .5em;
}

.aioseo-author-bio-main {
	border-top: 1px solid var(--gray);
}

.aioseo-author-bio-header-left {
	flex: none;
}

.aioseo-reviewer-name {
	position: static;
}

.aioseo-reviewer-name.aioseo-tooltip-underline {
	font-size: 1px;
	text-decoration: none !important;
	pointer-events: none !important;
	visibility: hidden !important;
}

.aioseo-reviewer-text {
	display: none !important;
}

.aioseo-reviewer-image {
	display: none !important;
}

.single .reviewerbox .aioseo-reviewer-tooltip, .page .reviewerbox .aioseo-reviewer-tooltip {
	display: block !important;
	visibility: visible !important;
	pointer-events: initial !important;
}

.aioseo-author-bio-header-left .aioseo-author-bio-image, .aioseo-author-bio-compact-left .aioseo-author-bio-compact-image {
	width: 120px;
	height: 120px;
	border-radius: 50% !important;
}

.aioseo-reviewer-tooltip .aioseo-reviewer-tooltip-content .aioseo-reviewer-tooltip-header .aioseo-reviewer-tooltip-image {
	width: 120px !important;
	height: 120px !important;
}

.aioseo-reviewer-tooltip-header {
	margin-right: 2em;
	display: block !important;
	text-align: center;
}

.aioseo-reviewer-tooltip-header a {
	margin-top: 1em;
	display: block;
}

.aioseo-reviewer-name:hover .aioseo-reviewer-tooltip {
	position: relative !important;
	top: 0px !important;
	left: 0px !important;
	width: auto !important;
	cursor: default !important;
	cursor: default !important;
	background: initial !important;
	padding: initial !important;
	text-align: left !important;
	border: initial !important;
	border-radius: initial !important;
	background-color: initial !important;
	z-index: initial !important;
}

.aioseo-reviewer-tooltip > svg {
	position: relative !important;
	display: none !important;
}

.aioseo-reviewer-tooltip-content {
	font-size: 16px;
	display: flex;
}

body.author .aioseo-author-bio {
	background-color: white !important;
	border: none !important;
	border-radius: 0;
}

body.author .aioseo-author-bio-main {
	border: 1px solid var(--gray) !important;
	background: var(--lightgray) !important;
}

body.author main section .aioseo-author-bio-main a {
	color: var(--link);
	font-weight: bold;
	display: inline-block;
	margin-top: .5em;
}

body.author main section ul, .aioseo-reviewer-tooltip-main ul, .aioseo-author-bio-compact ul {
	list-style-type: none !important;
	padding-left: 0 !important;
}

body.author main section ul li:before, .aioseo-reviewer-tooltip-main ul li:before, .aioseo-author-bio-compact ul li:before {
	content: "";
	display: inline-block;
	border-radius: 50%;
	bottom: .2em;
	position: relative;
	background-color: var(--orange);
	width: .3em !important;
	height: .3em !important;
	margin-right: .5em;
}

body.page .aioseo-author-bio-compact {
	width: 60%;
	padding: 1em 1.5em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	position: relative;
	color: var(--black);
}

body.single .aioseo-author-bio-compact {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 3em;
	position: relative;
	color: var(--black);
}

body.page .aioseo-author-bio-compact::before, body.single .aioseo-author-bio-compact::before {
	content: "著者";
	display: inline-block;
	margin-bottom: .5em;
	font-size: 1em;
	position: absolute;
	font-weight: bold;
	top: -13%;
}

body.author .aioseo-author-bio-header-right .author-expertises + span:before {
	content: "[ 主な履歴 ]";
	position: absolute;
	display: inline-block;
	width: max-content;
	visibility: visible;
	font-weight: bold;
	margin-bottom: .5em;
	font-size: 1em;
}

body.author .aioseo-author-bio-header-right span:not([class]) {
	display: inline-block;
	width: 100%;
	font-size: .85em;
}

.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main, .aioseo-reviewer-tooltip .aioseo-reviewer-tooltip-content .aioseo-reviewer-tooltip-main {
	font-size: 16px !important;
}

.aioseo-author-bio-compact-right .aioseo-author-bio-compact-main ul, .aioseo-reviewer-tooltip .aioseo-reviewer-tooltip-content .aioseo-reviewer-tooltip-main ul {
	list-style-type: none !important;
	padding-left: 0 !important;
}

@charset "UTF-8";

/*-- module --*/
a.post-edit-link {
	text-decoration: none;
	position: fixed;
	padding: 10px 10px 10px 35px;
	background: var(--orange);
	color: var(--dark) !important;
	font-weight: bold;
	z-index: 9999;
	bottom: 10%;
	opacity: .6;
}

a.post-edit-link:hover {
	opacity: 1;
}

.small_text {
	font-size: .7em !important;
	line-height: 1;
}

.orange_text {
	color: var(--orange) !important;
}

.white_text {
	color: var(--white);
}

.black_text {
	color: var(--dark);
}

.arrow_box {
	position: relative;
	border-image: linear-gradient(to right, var(--white) 0% 40%, var(--gray) 40% 60%, var(--white) 60% 100%);
	border-bottom: 2px solid;
	border-image-slice: 1;
	padding-bottom: 30px;
}

.arrow_box_orange {
	font-size: 1.2em;
	background: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/baloon_obj.svg") no-repeat 50% 20%;
	border-image: linear-gradient(to right, var(--white) 0% 40%, var(--orange) 40% 60%, var(--white) 60% 100%);
	border-bottom: 2px solid;
	border-image-slice: 1;
}

.arrow_box_orange.nitro-lazy {
	background: none !important;
}

.arrow_box:after, .arrow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(255, 255, 255, 0);
	border-top-color: var(--white);
	border-width: 7px;
	margin-left: -7px;
}

.arrow_box:before {
	border-color: rgba(173, 172, 171, 0);
	border-top-color: var(--gray);
	border-width: 10px;
	margin-left: -10px;
}

.arrow_box_orange:before {
	border-top-color: var(--orange);
}

.arrow_botton02 {
	text-decoration: none;
	border: 1px solid var(--white);
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding: 1em;
	position: relative;
}

.arrow_botton02::after {
	position: absolute;
	content: "→";
	display: inline-block;
	background-color: var(--orange);
	color: var(--white);
	top: 15%;
	right: -4%;
	padding: .5em;
}

.bdclr_bk {
	border: 1px solid var(--black);
	color: var(--black);
}

.arrow_botton02.bdclr_bk::after {
	color: var(--black);
	background-color: var(--white);
}

.bdclr_wt {
	border: 1px solid var(--white);
}

.bdclr_or {
	border: 1px solid var(--orange);
}

.arrow_botton02.bdclr_or::after {
	color: var(--orange);
	background-color: var(--white);
}

.number_badge span:first-of-type {
	display: inline-block;
	width: 3em;
	height: 3em;
	color: var(--white);
	background-color: var(--orange);
	border-radius: 100%;
	margin-right: 2em;
	text-align: center;
	line-height: 3em;
	position: relative;
}

.number_badge span:first-of-type::after {
	content: "";
	display: block;
	width: 3em;
	border-top: 2px solid var(--orange);
	background: var(--white);
	top: 73%;
	position: absolute;
	height: 1em;
	right: -16px;
	transform: rotate(-35deg);
}

.gray_bg {
	background: var(--lightgray) !important;
}

.orange_bg {
	background-color: var(--orange);
}

.white_bg {
	background-color: var(--white);
}

.tow_tone_gray_bg {
	background: linear-gradient(to left, var(--lightgray) 0 65%, var(--white) 65% 100%);
}

.tow_tone_gray_bg_vertical {
	background: linear-gradient(to top, var(--lightgray) 0 80%, var(--white) 80% 100%);
}

.back_orange {
	/*box-shadow: 15px 15px 0px 0 var(--orange);*/
	box-shadow: 0px 0px 3px 2px var(--orange);
}

.list_dot li:before {
	content: "";
	width: .5em;
	height: .5em;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: .5em;
}

.orange_dot li:before {
	background-color: var(--orange);
}

.gray_dot li:before {
	background-color: var(--gray);
}

/*--   padding --*/
.pt10 {
	padding-top: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pt25 {
	padding-top: 25px;
}

.pt30 {
	padding-top: 30px;
}

.pt35 {
	padding-top: 35px;
}

.pt40 {
	padding-top: 40px;
}

.pt50 {
	padding-top: 50px;
}

.pb10 {
	padding-bottom: 10px;
}

.pb15 {
	padding-bottom: 15px;
}

.pb20 {
	padding-bottom: 20px;
}

.pb25 {
	padding-bottom: 25px;
}

.pb30 {
	padding-bottom: 30px;
}

.pb35 {
	padding-bottom: 35px;
}

.pb40 {
	padding-bottom: 40px;
}

.pb50 {
	padding-bottom: 50px;
}

.mt10 {
	margin-top: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mt25 {
	margin-top: 25px;
}

.mt30 {
	margin-top: 30px;
}

.mt35 {
	margin-top: 35px;
}

.mt40 {
	margin-top: 40px;
}

.mt50 {
	margin-top: 50px;
}

.mt100 {
	margin-top: 100px;
}

.mb10 {
	margin-bottom: 10px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb25 {
	margin-bottom: 25px;
}

.mb30 {
	margin-bottom: 30px;
}

.mb35 {
	margin-bottom: 35px;
}

.mb40 {
	margin-bottom: 40px;
}

.mb50 {
	margin-bottom: 50px;
}

.basic {
	padding: 2.5em;
}

.per20 {
	width: 20%;
}

.per30 {
	width: 30%;
}

.per40 {
	width: 40%;
}

.per45 {
	width: 45%;
}

.per50 {
	width: 50%;
}

.per60 {
	width: 60%;
}

.per70 {
	width: 70%;
}

.per80 {
	width: 80%;
}

.split_harf {
	width: 49%;
}

.split_three {
	width: 33%;
}

.split_four {
	width: 24%;
}

/*-- flexbox for multi column --*/
.flex {
	display: flex;
}

.flex-wrap {
	flex-wrap: wrap;
	justify-content: space-between;
}

.nowrap {
	flex-wrap: nowrap;
}

.items-center {
	align-items: center;
}

.items-stretch {
	align-items: stretch;
}

.items-end {
	align-items: flex-end;
}

.jc-center {
	justify-content: center;
}

.text_center {
	text-align: center;
}

.text_right {
	text-align: right;
}

.margin_auto {
	margin-left: auto;
	margin-right: auto;
}

.tategaki {
	writing-mode: vertical-rl;
}

/*-- button --*/
.arrow_button {
	position: relative;
	display: block;
	text-decoration: none;
	color: var(--black);
	background: var(--white);
}

.arrow_button::after {
	content: "";
	display: block;
	background: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2230.207%22%20height%3D%225.414%22%20viewBox%3D%220%200%2030.207%205.414%22%3E%3Cdefs%3E%3Cstyle%3E.a%7Bfill%3Anone%3Bstroke%3A%23535250%3Bstroke-linecap%3Around%3B%7D%3C%2Fstyle%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-5212%20-910.793)%22%3E%3Cline%20class%3D%22a%22%20x2%3D%2229%22%20transform%3D%22translate(5212.5%20915.5)%22%2F%3E%3Cline%20class%3D%22a%22%20x2%3D%224%22%20y2%3D%224%22%20transform%3D%22translate(5237.5%20911.5)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat;
	position: absolute;
	right: -3%;
	top: 45%;
	padding: 3px 15px;
}

.arrow_button:hover::after {
	animation: aniarrow .3s forwards;
}

@keyframes aniarrow {
	0% {
		right: -3%;
	}
	
	100% {
		right: -5%;
	}
}

.under {
	padding: 1em 0;
	border-bottom: 1px solid var(--black);
	font-size: .8em;
	font-weight: bold;
	transition: all .2s ease-out;
}

.under:hover {
	padding-left: 1.5em;
}

.border {
	padding: 1em 0;
	border: 1px solid var(--black);
	font-size: 1em;
	font-weight: bold;
}

.radius {
	padding: .8em 0;
	font-size: 1em;
	font-weight: bold;
	border-radius: 1.8em;
	text-align: center;
	text-decoration: none;
}

.under.arrow_button::after {
	right: 0%;
}

details {
	border-top: 1px solid var(--gray);
}

summary {
	position: relative;
	display: block;
	cursor: pointer;
	font-weight: bold;
	padding: 1.5em;
	transition: .2s;
}

details:last-of-type {
	border-bottom: 1px solid var(--gray);
}

.details-content {
	padding: 1.5em;
}

summary i, .details-content i {
	font-size: 1.5em;
	margin-right: 1em;
	font-style: normal;
	color: var(--orange);
}

summary:hover, details[open] summary {
	background-color: var(--lightgray);
}

summary::-webkit-details-marker {
	display: none;
}

details[open] .details-content {
	animation: fadeIn .5s ease;
}

@keyframes fadeIn {
	0% {
		opacity: 0;
		transform: translateY(-10px);
	}
	
	100% {
		opacity: 1;
		transform: none;
	}
}

.arrow {
	border-radius: 50%;
	border: 1px solid var(--orange);
	width: 25px;
	height: 25px;
	display: inline-block;
	position: relative;
	left: -10px;
	transition: .4s ease;
	margin-top: 2px;
	text-align: left;
	transform: rotate(45deg);
	float: right;
}

.arrow:before, .arrow:after {
	position: absolute;
	bottom: 2px;
	content: "";
	display: inline-block;
	width: 7px;
	height: 1px;
	background-color: var(--orange);
	transition: .4s ease;
}

.arrow:after {
	position: absolute;
	transform: rotate(90deg);
	top: 9px;
	right: 6px;
}

.arrow:before {
	top: 13px;
	left: 6px;
}

details[open] .arrow {
	transform: rotate(45deg);
	opacity: .6;
}

details[open] .arrow:before {
	transform: translate(3px, -1px);
}

details[open] .arrow:after {
	transform: rotate(90deg) translate(2px, 1px);
}

.faq_link h2, .faq_link h2 ~ p {
	color: var(--black) !important;
}

.faq_link h2 ~ p span {
	border-top: 1px solid var(--black);
	padding: .5em 2em;
	display: inline-block;
	font-size: 1em;
}

.faq_link .swiper-wrapper a {
	padding: 1em;
	position: relative;
	display: block;
	text-decoration: none;
	color: var(--dark);
	border: 1px solid var(--gray);
	padding-bottom: 2em;
}

.faq_link .swiper-wrapper a::after {
	content: "";
	transform: rotate(-45deg);
	position: absolute;
	bottom: 0;
	bottom: -2px;
	right: 0;
	right: -2px;
	display: block;
	border-top: 8px solid var(--orange);
	border-right: 8px solid transparent;
	border-bottom: 8px solid transparent;
	border-left: 8px solid transparent;
}

.faq_link .swiper-wrapper a:hover {
	border: 1px solid var(--orange);
	cursor: pointer;
}

.faq_link .swiper-wrapper a:hover img {
	transition: .2s;
	opacity: .8;
}

.faq_link .swiper-wrapper a:hover::after {
	bottom: -5px;
	right: -5px;
	transition: .2s;
}

.faq_link .swiper-wrapper a h3 {
	font-size: .9em;
}

.faq_link .swiper-wrapper a span {
	position: absolute;
	bottom: 5px;
	right: 25px;
	font-size: .8em;
	font-weight: bold;
	color: var(--orange);
}

.faq_link .arrow_button {
	border-color: var(--gray);
}

.ewd-ufaq-faq-display-style-block:hover {
	background: none !important;
	color: var(--dark) !important;
}

.ewd-ufaq-faq-display-style-block:hover, .ewd-ufaq-faq-display-style-block:hover a, .ewd-ufaq-faq-display-style-block:hover h1, .ewd-ufaq-faq-display-style-block:hover h2, .ewd-ufaq-faq-display-style-block:hover h3, .ewd-ufaq-faq-display-style-block:hover h4, .ewd-ufaq-faq-display-style-block:hover h5, .ewd-ufaq-faq-display-style-block:hover h6 {
	background: none !important;
	color: unset !important;
}

.ewd-ufaq-faq-display-style-block:hover h2, .ewd-ufaq-faq-display-style-block:hover .orange_text {
	color: var(--orange) !important;
}

.ewd-ufaq-faq-display-style-block:hover a {
	color: var(--link) !important;
}

/*-- for js --*/
@keyframes lum-fade {
	0% {
		opacity: 0;
	}
	
	100% {
		opacity: 1;
	}
}

@keyframes lum-fadeZoom {
	0% {
		transform: scale(.5);
		opacity: 0;
	}
	
	100% {
		transform: scale(1);
		opacity: 1;
	}
}

@keyframes lum-loader-rotate {
	0% {
		transform: translate(-50%, -50%) rotate(0);
	}
	
	50% {
		transform: translate(-50%, -50%) rotate(-180deg);
	}
	
	100% {
		transform: translate(-50%, -50%) rotate(-360deg);
	}
}

@keyframes lum-loader-before {
	0% {
		transform: scale(1);
	}
	
	10% {
		transform: scale(1.2) translateX(6px);
	}
	
	25% {
		transform: scale(1.3) translateX(8px);
	}
	
	40% {
		transform: scale(1.2) translateX(6px);
	}
	
	50% {
		transform: scale(1);
	}
	
	60% {
		transform: scale(.8) translateX(6px);
	}
	
	75% {
		transform: scale(.7) translateX(8px);
	}
	
	90% {
		transform: scale(.8) translateX(6px);
	}
	
	100% {
		transform: scale(1);
	}
}

@keyframes lum-loader-after {
	0% {
		transform: scale(1);
	}
	
	10% {
		transform: scale(1.2) translateX(-6px);
	}
	
	25% {
		transform: scale(1.3) translateX(-8px);
	}
	
	40% {
		transform: scale(1.2) translateX(-6px);
	}
	
	50% {
		transform: scale(1);
	}
	
	60% {
		transform: scale(.8) translateX(-6px);
	}
	
	75% {
		transform: scale(.7) translateX(-8px);
	}
	
	90% {
		transform: scale(.8) translateX(-6px);
	}
	
	100% {
		transform: scale(1);
	}
}

.lum-lightbox {
	background: rgba(236, 97, 4, .8);
	z-index: 999;
}

.lum-lightbox-inner {
	top: 2.5%;
	right: 2.5%;
	bottom: 2.5%;
	left: 2.5%;
}

.lum-lightbox-inner img {
	position: relative;
	margin: auto;
}

.lum-lightbox-inner .lum-lightbox-caption {
	margin: 0 auto;
	color: var(--dark);
	max-width: 700px;
	text-align: center;
}

.lum-loading .lum-lightbox-loader {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 66px;
	height: 20px;
	animation: lum-loader-rotate 1800ms infinite linear;
}

.lum-lightbox-loader:before, .lum-lightbox-loader:after {
	content: "";
	display: block;
	width: 20px;
	height: 20px;
	position: absolute;
	top: 50%;
	margin-top: -10px;
	border-radius: 20px;
	background: rgba(255, 255, 255, .9);
}

.lum-lightbox-loader:before {
	left: 0;
	animation: lum-loader-before 1800ms infinite linear;
}

.lum-lightbox-loader:after {
	right: 0;
	animation: lum-loader-after 1800ms infinite linear;
	animation-delay: -900ms;
}

.lum-lightbox.lum-opening {
	animation: lum-fade 180ms ease-out;
}

.lum-lightbox.lum-opening .lum-lightbox-inner {
	animation: lum-fadeZoom 180ms ease-out;
}

.lum-lightbox.lum-closing {
	animation: lum-fade 300ms ease-in;
	animation-direction: reverse;
}

.lum-lightbox.lum-closing .lum-lightbox-inner {
	animation: lum-fadeZoom 300ms ease-in;
	animation-direction: reverse;
}

.lum-img {
	transition: opacity 120ms ease-out;
}

.lum-loading .lum-img {
	opacity: 0;
}

.lum-gallery-button {
	overflow: hidden;
	text-indent: 150%;
	white-space: nowrap;
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	outline: 0;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	height: 100px;
	max-height: 100%;
	width: 60px;
	cursor: pointer;
}

.lum-close-button {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 32px;
	height: 32px;
	opacity: .3;
}

.lum-close-button:hover {
	opacity: 1;
}

.lum-close-button:before, .lum-close-button:after {
	position: absolute;
	left: 15px;
	content: " ";
	height: 33px;
	width: 2px;
	background-color: #fff;
}

.lum-close-button:before {
	transform: rotate(45deg);
}

.lum-close-button:after {
	transform: rotate(-45deg);
}

.lum-previous-button {
	left: 12px;
}

.lum-next-button {
	right: 12px;
}

.lum-gallery-button:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	width: 36px;
	height: 36px;
	border-top: 4px solid rgba(255, 255, 255, .8);
}

.lum-previous-button:after {
	transform: translateY(-50%) rotate(-45deg);
	border-left: 4px solid rgba(255, 255, 255, .8);
	box-shadow: -2px 0 rgba(0, 0, 0, .2);
	left: 12%;
	border-radius: 3px 0 0 0;
}

.lum-next-button:after {
	transform: translateY(-50%) rotate(45deg);
	border-right: 4px solid rgba(255, 255, 255, .8);
	box-shadow: 2px 0 rgba(0, 0, 0, .2);
	right: 12%;
	border-radius: 0 3px 0 0;
}

@media (max-width: 460px) {
	.lum-lightbox-image-wrapper {
		display: flex;
		overflow: auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.lum-lightbox-caption {
		width: 100%;
		position: absolute;
		bottom: 0;
	}
	
	.lum-lightbox-position-helper {
		margin: auto;
	}
	
	.lum-lightbox-inner img {
		max-width: none;
		max-height: none;
	}
}

@charset "UTF-8";

main, header {
	border-left: 5px solid var(--orange);
}

.hero_area {
	height: 70vh;
	position: relative;
	background-size: cover;
	background-position: center;
}

.hero_area span {
	font-family: var(--mincho);
	position: absolute;
	left: 15%;
	bottom: -.6em;
	font-size: 4.5em;
	font-weight: bold;
	color: var(--white);
	text-shadow: 1px 0 0 var(--orange), -1px 0 0 var(--orange), 0 -1px 0 var(--orange), 0 1px 0 var(--orange);
}

.hero_area span::first-letter {
	text-transform: uppercase;
}

header {
	position: relative;
}

header .description {
	background: var(--lightgray);
	height: 100px;
	z-index: -5;
}

header  .description div {
	position: relative;
	top: 40%;
}

header h2 {
	color: var(--orange);
	font-size: 1.2em;
	margin-right: 2em;
}

header p {
	font-size: .8em;
}

nav ul {
	list-style-type: none;
	text-decoration: none;
	margin: 0 2em 2em 2em;
}

nav ul li {
	margin-bottom: 1.5em;
}

nav ul li a {
	color: var(--dark);
	text-shadow: var(--white) 0 0 15px;
}

nav ul li a:hover {
	color: var(--orange);
}

nav ul li:last-child {
	margin-top: 2.5em;
}

nav ul li:last-child svg {
	transform: scale(.7);
}

nav ul li a:hover svg {
	stroke: var(--orange);
}

nav ul li a:hover svg path {
	fill: var(--orange);
}

nav ul li a:hover svg g {
	stroke: var(--orange);
}

aside.head {
	position: fixed;
	width: 100%;
	z-index: 999;
	pointer-events: none;
}

aside.head a {
	pointer-events: painted;
	height: fit-content;
}

aside.head nav {
	height: 100vh;
	background: var(--white);
	top: 0;
	right: 0;
	padding: 1.5em;
}

aside.head h1 img {
	filter: drop-shadow(0 0 2px var(--black));
	transition: all .5s ease-out;
}

aside.head h1 img:hover {
	filter: drop-shadow(0 0 4px var(--dark));
}

.ticker {
	position: absolute;
	bottom: cal(20% - 100px);
	right: 10%;
	width: 30% !important;
}

.ticker a {
	background: rgba(255, 255, 255, .78) !important;
	box-shadow: 0 4px 30px rgba(0, 0, 0, .1);
	backdrop-filter: blur(6.4px);
	-webkit-backdrop-filter: blur(6.4px);
	text-decoration: none;
	color: var(--black);
	padding: 15px;
}

.ticker a .per20 {
	color: var(--gray);
	font-weight: normal;
	border: 1px solid var(--gray);
	font-size: .75em;
	margin-right: 1em;
}

.ticker a .per80 {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.ticker a .per80 span {
	display: none;
}

.ticker a .per80 span {
	padding: .2em .2em !important;
	border: none;
}

/*-- main --*/
header h1 img {
	max-width: 80%;
}

section.page {
	width: 70%;
}

.medical_temp section.page {
	width: 100%;
}

section.page table {
	font-size: .8em;
}

section.page p {
	line-height: 1.8;
	margin-bottom: 1.2em;
	font-size: .9em;
}

.header_title_area {
	color: var(--orange);
}

.header_title_area span {
	line-height: 1em;
	position: relative;
	font-size: 3.3em;
	font-weight: bold;
	display: inline-block;
	width: 100%;
	text-transform: capitalize;
}

.header_title_area h2 {
	font-size: 1em;
	top: 1em;
	position: relative;
}

.header_title_area h2 i {
	font-style: normal;
	display: inline-block;
	margin: 0 .5em;
}

.header_title_area p {
	font-size: .75em;
}

/*-- layout*/
section.blog, section.type-news, section.type-blog-archives {
	width: 70%;
}

/*-- header --*/
.single .hero_area {
	position: relative;
}

.single .blog_single_head {
	color: var(--black);
}

.single .blog_single_head h2 span {
	margin-left: 1em;
	position: relative;
	font-size: .5em;
	font-weight: normal;
	display: inline-block;
	text-transform: capitalize;
}

.single .blog_single_head h2::before {
	content: "";
	display: block;
	border-top: 2px solid var(--orange);
	height: 2px;
	width: 1.5em;
	position: absolute;
	left: -2em;
	top: 50%;
}

.single .blog_single_head h2 {
	font-size: 1.7em;
	position: relative;
	color: var(--orange);
	font-weight: normal;
}

.single .blog_single_head h3 {
	font-weight: normal;
	font-size: 1.5em;
	padding-bottom: .3em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	line-height: 1.2em;
	max-height: calc(1.2em * 3);
}

.single .blog_single_head p {
	font-size: .75em;
}

.single .blog_single_head p a {
	font-size: .8em;
	text-decoration: none;
	background: var(--dark);
	color: var(--white);
	padding: .4em .7em;
	border-radius: 1em;
	margin-right: .8em;
}

.single .blog_single_head img {
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-right: 1em;
	object-fit: cover;
}

.single .blog_single_head figure {
	margin-bottom: 0;
}

.single .blog_single_head .author {
	line-height: 1em;
	text-decoration: none;
	color: var(--black);
	font-weight: bold;
}

.single .blog_single_head .author:hover {
	color: var(--orange);
}

.single .blog_single_head .author span {
	font-size: 1em;
	font-weight: bold;
}

.single .blog_single_head .author span.job {
	font-size: .8em;
	font-weight: normal;
}

.single main section[class*="post-"] {
	padding-bottom: 5em;
}

.single main section p {
	color: var(--dark);
	line-height: 1.7em;
	margin-bottom: 1.2em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Arial, "ＭＳ Ｐゴシック", sans-serif;
}

.single main section p.blogdate {
	font-size: .8em;
}

.single main section h1 {
	color: var(--orange);
	font-size: 1.8em;
	border-bottom: 1px solid var(--lightgray);
	padding-bottom: 1em;
	margin-top: 1.2em;
	margin-bottom: 1.2em;
}

.single main section h2 {
	color: var(--orange);
	font-size: 1.1em;
	border-left: 7px solid var(--orange);
	padding-left: 1em;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.single main section h3 {
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.single main section strong {
	color: var(--orange);
}

.single main section ul {
	list-style-type: none;
	padding-left: 0;
}

.single main section ul li:before {
	content: "";
	width: .9em;
	height: .9em;
	display: inline-block;
	vertical-align: middle;
	border-radius: 50%;
	margin-right: .5em;
}

.single main section ul li:before {
	background-color: var(--orange);
}

.single main section ul.blocks-gallery-grid li:before {
	content: none;
}

.single main section blockquote {
	padding: 1.2em;
	position: relative;
	margin-top: 1.6em;
	margin-bottom: 1.6em;
	border: 1px solid var(--gray);
}

.single main section blockquote::before {
	content: "";
	display: block;
	height: 5em;
	width: 5em;
	position: absolute;
	top: -1px;
	right: -1px;
	border-top: 1px solid var(--white);
	border-right: 1px solid var(--white);
}

.single main section blockquote::after {
	content: "";
	display: block;
	height: 5em;
	width: 5em;
	position: absolute;
	bottom: -1px;
	left: -1px;
	border-bottom: 1px solid var(--white);
	border-left: 1px solid var(--white);
}

.single main section blockquote p {
	z-index: 2;
}

.single main section table {
	border-collapse: separate;
	border-spacing: 5px;
	width: 100%;
	font-size: .7em;
	font-weight: bold;
	border: none;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.single main section table th, .single main section table td {
	padding: 1em 2em;
	border: none;
}

.single main section table th {
	background-color: var(--blown);
	color: var(--white);
}

.single main section table td {
	background-color: var(--lightgray);
}

.single main section .arrow_button {
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
}

.share_area > span {
	font-family: var(--mincho);
	position: absolute;
	top: -.8em;
	left: 0;
	right: 0;
	font-size: 4.5em;
	font-weight: bold;
	color: var(--white);
	text-shadow: 1px 0 0 var(--black), -1px 0 0 var(--black), 0 -1px 0 var(--black), 0 1px 0 var(--black);
}

.share_area {
	background: var(--blown);
	position: relative;
	padding: 5em 0;
}

.share_area h3 {
	font-size: .85em;
	color: var(--white);
	position: relative;
}

.share_area h3::before {
	position: absolute;
	content: "";
	width: 2px;
	top: 2.5em;
	height: 3em;
	background: linear-gradient(to bottom, var(--white), transparent);
	left: 50%;
	z-index: 1;
}

.share_area a span {
	transition: all .2s ease-out;
	display: inline-block;
	width: 4em;
	height: 4em;
	background-position: 50%;
	background-repeat: no-repeat;
	border-radius: 50%;
}

.share_area a span.icon-facebook {
	background-image: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/ico_facebook.svg");
	background-color: #3b5998;
}

.share_area a span.icon-facebook.nitro-lazy {
	background-image: none !important;
}

.share_area a span.icon-twitter {
	background-image: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/ico_twitter.svg");
	background-color: #6abfe0;
	margin-left: 1em;
	margin-right: 1em;
}

.share_area a span.icon-twitter.nitro-lazy {
	background-image: none !important;
}

.share_area a span.icon-line {
	background-image: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/sakoda/common/ico_line.svg");
	background-color: #00b900;
}

.share_area a span.icon-line.nitro-lazy {
	background-image: none !important;
}

.share_area a:hover span {
	background-position: 50% 40%;
	opacity: .85;
}

.recommend_area {
	background: linear-gradient(to bottom, var(--orange) 0 60%, transparent 60% 100%);
	position: relative;
}

.recommend_area > span, .recommend_area h3 {
	text-align: center;
}

.recommend_area > span {
	font-family: var(--mincho);
	position: absolute;
	top: -.8em;
	left: 0;
	right: 0;
	font-size: 4.5em;
	font-weight: bold;
	color: var(--white);
	text-shadow: 1px 0 0 var(--orange), -1px 0 0 var(--orange), 0 -1px 0 var(--orange), 0 1px 0 var(--orange);
}

.recommend_area h2 {
	font-weight: normal;
}

.recommend_area h3 {
	color: var(--white);
}

.recommend_area a {
	text-decoration: none;
	color: var(--black);
	transition: all .3s ease;
}

.recommend_area a > div {
	background-color: var(--white);
	color: var(--black);
	border-radius: 1em;
	box-shadow: 1px 1px 5px -2px var(--dark);
	position: relative;
	overflow: hidden;
}

.recommend_area a > div::before {
	content: "→";
	position: absolute;
	color: var(--white);
	font-size: 1em;
	font-weight: bold;
	bottom: .5em;
	right: .5em;
	z-index: 1;
}

.recommend_area a > div::after {
	content: "";
	background-color: var(--orange);
	transform: rotate(45deg);
	position: absolute;
	bottom: 0;
	bottom: -40px;
	right: 0;
	right: -40px;
	width: 1em;
	width: 5em;
	height: 1em;
	height: 5em;
	display: block;
}

.recommend_area div figure {
	position: relative;
	overflow: hidden;
	transition: all .3s ease;
	border-radius: 1em 1em 0 0;
	margin-bottom: 0;
}

.recommend_area a > div div {
	padding: 1em;
}

.recommend_area img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all .3s ease;
}

.recommend_area h4 {
	font-size: 1em;
}

.recommend_area p span.tag_list {
	background: var(--dark);
	color: var(--white);
	font-size: .7em;
	padding: .5em 1em;
	margin-right: 1.5em;
	border-radius: 1em;
}

.recommend_area aside img {
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-right: 1em;
}

.recommend_area a:hover div > figure::before img {
	transform: scale(1.2);
}

.recommend_area div > figure::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--dark);
	opacity: .8;
	z-index: 1;
	position: absolute;
	background-image: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/tokushikai/tokushikai_white_logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}

.recommend_area aside div span {
	font-weight: bold;
	font-size: 1.1em;
}

.recommend_area aside div span.job {
	font-weight: normal;
	font-size: .7em;
}

.job {
	display: inline-block;
	font-size: .7em;
	width: 100%;
}

.job:empty {
	display: none;
}

.archive article {
	z-index: 1;
}

.archive article a {
	text-decoration: none;
	color: var(--dark);
	border-bottom: 1px solid var(--gray);
	display: block;
	width: 100%;
}

.archive article a:hover {
	background-color: var(--lightgray);
}

.archive article a > div {
	max-height: 250px;
}

.archive article figure.per30 {
	height: 250px;
	position: relative;
	overflow: hidden;
}

.archive article img {
	object-fit: cover;
	height: 100%;
	width: 100%;
	transition: all .3s ease;
}

.archive article a:first-of-type {
	border-top: 1px solid var(--gray);
}

.archive section .per70 {
	padding: 1.5em;
}

.archive .per70 h4 {
	font-size: 1em;
}

.archive .per70 p span {
	background: var(--dark);
	color: var(--white);
	font-size: .7em;
	padding: .5em 1em;
	margin-right: 1.5em;
	border-radius: 1em;
}

.archive article aside img {
	border-radius: 50%;
	height: 50px;
	width: 50px;
	margin-right: 1em;
}

.archive article aside div span {
	font-weight: bold;
	font-size: 1.1em;
}

.archive article aside div span.job {
	font-weight: normal;
	font-size: .7em;
}

.archive div figure.per30::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	background-color: var(--dark);
	opacity: .8;
	z-index: 1;
	position: absolute;
	background-image: url("https://cdn-jgikf.nitrocdn.com/hMJhpLNGpqRFQAWZIGtAdhatWvlOlWsc/assets/images/optimized/rev-5cf0484/tokushikai.jp/wp-content/themes/tokushikai-pc/images/tokushikai/tokushikai_white_logo.svg");
	background-repeat: no-repeat;
	background-position: center;
	background-size: 35%;
}

.archive a:hover figure.per30 img {
	transform: scale(1.2);
}

.archive article a.arrow_button::after {
	right: 3%;
}

.archive article a.arrow_button:hover::after {
	right: -1%;
	animation: none;
	transition: all .2s ease-out;
}

.archive .news {
	background: var(--lightgray);
}

.archive .news .flex > .flex {
	width: 100%;
}

.archive .news .arrow_button, .recommend_area .arrow_button {
	background: var(--white);
	padding: 1.5em 1em;
	border-radius: 1em;
}

.archive .news a p {
	font-size: .85em;
}

.archive .news a span, .single-news .recommend_area a.arrow_button span {
	background: var(--dark);
	display: inline-block;
	color: var(--white);
	border-radius: 1em;
	text-align: center;
	padding: .1em 1em;
	margin-right: 1em;
	font-size: .8em;
}

.archive .news .arrow_button::after, .recommend_area .arrow_button::after {
	right: 5%;
}

.archive .news .arrow_button:hover::after, .recommend_area .arrow_button:hover::after {
	right: 2%;
	animation: none;
	transition: all .2s ease-out;
}

.archive main.tow_tone_gray_bg_vertical {
	background: linear-gradient(to top, var(--lightgray) 0 100%, var(--white) 95% 100%);
}

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

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

.single-blog-archives section img[class*="mt"] {
	display: none !important;
}

.single-blog-archives section blockquote {
	padding: 1em 0 !important;
	border: none !important;
}

.single-blog-archives section blockquote::before, .single-blog-archives section blockquote::after {
	content: none;
}

/*-- upload images --*/
img[class*="align"], img[class*="wp-image-"] {
	height: auto;
}

img.alignright {
	float: right;
	margin: 0 0 1em 1em;
}

img.alignleft {
	float: left;
	margin: 0 1em 1em 0;
}

img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignright {
	float: right;
}

.alignleft {
	float: left;
}

.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

img.size-full {
	max-width: 97.5%;
	width: auto;
}

.single section {
	overflow: hidden;
	zoom: 1;
}

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

.wp-caption {
	margin-top: .4em;
}

.wp-caption {
	margin-bottom: 1.625em;
	max-width: 96%;
	padding: 9px;
}

.wp-caption img {
	display: block;
	margin: 0 auto;
	max-width: 98%;
}

.wp-caption .wp-caption-text, .gallery-caption {
	color: #666;
	font-size: 11px;
}

.wp-caption .wp-caption-text {
	margin-bottom: .6em;
	padding: 10px 0 5px 40px;
	position: relative;
}

.wp-caption .wp-caption-text:before {
	color: #666;
	content: "—";
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	margin-right: 5px;
	position: absolute;
	left: 10px;
	top: 7px;
}
