/*
Theme Name: antil
Theme URI: 
Author: antil
Author URI: 
Description: 
Version: 1.0
Requires at least: 5.0
Tested up to: 5.4
Requires PHP: 7.0
*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
/**
 * Remove the margin in all browsers.
 */
body {
	margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
	display: block;
}

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
	font-size: 1em;
}
/**
 * Remove the gray background on active links in IE 10.
 */
a {
	background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
	border-bottom: none;
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
	font-weight: bold;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
	font-size: 1em;
}
/**
 * Add the correct font size in all browsers.
 */
small {
	font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
/**
 * Remove the border on images inside links in IE 10.
 */
img {
	border-style: none;
}
/* Forms
	 ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
	overflow: visible;
}

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
	text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: none;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *		`fieldset` elements in all browsers.
 */
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
	vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
	overflow: auto;
}

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
	display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
	display: list-item;
}
/**
 * Add the correct display in IE 10+.
 */
template {
	display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
	display: none;
}
/* Box sizing
--------------------------------------------- */

/* Inherit box-sizing to more easily change it's value on a component level.
@link http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */
*,
*::before,
*::after {
	box-sizing: inherit;
}
html {
	box-sizing: border-box;
}
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
:root {
  --default-font:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "MS P	Mincho","Times New Roman", serif;
  --serif-jp: 'Noto Serif JP', serif;
  --san-jp: 'Noto Sans JP',"游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  --secondary-font: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic";
}

button,
input,
select,
optgroup,
textarea {
	font-family: var(--default-font);
	line-height: 1.5;
}
h1,
h2,
h3,
h4,
h5,
h6,
p {
	clear: both;
	margin: 0;
	padding: 0;
}
dfn,
cite,
em,
i {
	font-style: italic;
}
blockquote {
	margin: 0 1.5em;
}

address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}
code,
kbd,
tt,
var {
	font-family: var(--default-font);
}

abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark,
ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}

/* Elements
--------------------------------------------- */
body {
	font-family:var(--default-font);
	background: #fff;
	font-size: 16px;
	line-height:1.5,
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
}

ol, ul {
	list-style: none;
  margin: 0;
  padding: 0;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
  width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
dl,
dt,
dd {
	width:100%;
	margin: 0;
	padding: 0;
	margin-inline-start: 0;
}
/* Make sure embeds and iframe fit their containers. */
embed,
iframe,
object {
	max-width: 100%;
}

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

figure {
	margin:0;
}

/* Links
--------------------------------------------- */
a {
  text-decoration: none;
}
a:focus {
	outline: 0;
}
a:hover,
a:active {
	outline: 0;
}

/* Forms
--------------------------------------------- */
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	border: inherit;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	border-color: none;
}

button:active,
button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #000000;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	outline:none;
}
textarea {
	width: 100%;
}
/*layout
--------------------------------------------- */
.gutter-less-row {
	display: flex;
	flex-wrap: wrap;
	margin-right: -20px;
	margin-left: -20px;
}
@media screen and (max-width:767px) {
  .container {
    max-width: 540px;
    margin: 0 auto;
    padding:0 20px;
  }
	.theme-contents {
		display: block;
		width: 100%;
	}
	.theme-sidebar {
		display:block;
		width: 100%;
	}
}
@media screen and (min-width:768px) {
  .container {
    max-width: 690px;
    margin: 0 auto;
    padding:0 20px;
  }
	.theme-contents {
		display: block;
		width: 70.909091%;
	}
	.theme-sidebar {
		display:block;
		width: 24.545455%;
	}
}
@media screen and (min-width:992px) {
  .container {
    max-width: 960px;
    margin: 0 auto;
    padding:0 20px;
  }
	
}
@media screen and (min-width:1200px) {
  .container {
    max-width: 1100px;
    margin: 0 auto;
    padding:0 20px;
  }
}
:root {
  --main-color: #c05272;
}
/*common
--------------------------------------------- */
/*background*/
.theme-color {color: var(--main-color);}
.salon { background:#d39aa6 !important;}
.beautysalon { background:#d39aa6 !important;}
.makeup { background:#97aac5 !important;}
.supplement { background:#9ac9ab !important;}
.chinese-medicine { background:#c4b286 !important;}
.chinesemedicine { background:#c4b286 !important;}
.hydrogen { background:#8dd6db !important;}
.lifestyle { background:#e4b593 !important;}
.menopause { background:#b9add9 !important;}
.mens-care { background:#4f4f4f !important;}
.menscare { background:#4f4f4f !important;}
.cosmetics { background:#97aac5 !important;}
.aga { background:#b9add9 !important;}
.other { background:#b9add9 !important;}

/*font style*/
.semi-bold {
	font-weight: 700 !important;
}
/*margin*/
.mrt50 {
	margin-top: 50px !important;
}
/*padding*/
.pdr20 { padding-right: 20px; }
.pdl20 { padding-left: 20px;}
/*button*/
@media screen and (max-width:767px) {
	.btn-wrapper-center {
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		width: 100%;
	}
	.theme-button {
		position: relative;
		display: block;
		max-width:390px;
		width: calc(100% - 20px);
		height:50px;
		line-height:50px;
		text-align: center;
		font-size: 18px;
		color:var(--main-color);
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid var(--main-color);
		border-radius: 10px;
		background: #FFFFFF;
		border-top: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		border-bottom: 3px solid var(--main-color);
		-webkit-box-shadow: 1px 1px 0px 1px var(--main-color);
		box-shadow: 1px 1px 0px 1px var(--main-color);
		box-sizing: unset;
	}
	.right-icon::after{
		content:"";
		position:absolute;
		top: 0;
		right: 0;
		display:block;
		width:48px;
		height:48px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.left-icon::after{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display:block;
		width:48px;
		height:48px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
		transform:rotate(180deg);
	}
	.theme-button:hover{
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		margin-bottom: 2px;
	}

	.submit-button,
	.check-button {
		position: relative;
		display: block;
		width:280px;
		height:50px;
		line-height:48px;
		text-align: center;
		font-size: 18px;
		color:var(--main-color);
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid var(--main-color);
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		border-bottom: 3px solid var(--main-color);
		-webkit-box-shadow: 1px 1px 0px 1px var(--main-color);
		box-shadow: 1px 1px 0px 1px var(--main-color);
		box-sizing: unset;
	}
	.submit-button::after,
	.check-button::after{
		content:"";
		position:absolute;
		top: 0;
		right: 0;
		display:block;
		width:48px;
		height:48px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.submit-button:hover,
	.check-button:hover{
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		margin-bottom: 2px;
	}
	.return-button {
		position: relative;
		display: block;
		width:280px;
		min-height:50px;
		line-height:48px;
		text-align: center;
		font-size: 18px;
		color:#555555;
		font-family: #555555;
		font-weight: 400;
		border: 1px solid #555555;
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid #555555;
		border-left: 1px solid #555555;
		border-right: 3px solid #555555;
		border-bottom: 3px solid #555555;
		-webkit-box-shadow: 1px 1px 0px 1px #555555;
		box-shadow: 1px 1px 0px 1px #555555;
		box-sizing: unset;
		margin-bottom: 20px;
	}
	.return-button::after{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display:block;
		width:48px;
		height:48px;
		background: url(../antil/assets/images/bow-return-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.return-button:hover{
		border-right: 1px solid #555555;
		border-bottom: 1px solid #555555;
		height:50px;
		margin-bottom: 22px;
	}
}
@media screen and (min-width:768px) {
	.btn-wrapper-center {
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		width: 100%;
	}
	.theme-button {
		position: relative;
		display: block;
		width:390px;
		min-height:60px;
		line-height:60px;
		text-align: center;
		font-size: 18px;
		color:var(--main-color);
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid var(--main-color);
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		border-bottom: 3px solid var(--main-color);
		-webkit-box-shadow: 1px 1px 0px 1px var(--main-color);
		box-shadow: 1px 1px 0px 1px var(--main-color);
		box-sizing: unset;
	}
	.right-icon::after{
		content:"";
		position:absolute;
		top: 0;
		right: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.left-icon::after{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
		transform:rotate(180deg);
	}
	.theme-button:hover{
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		margin-bottom: 2px;
	}

	.submit-button,
	.check-button {
		position: relative;
		display: block;
		width:280px;
		min-height:60px;
		line-height:60px;
		text-align: center;
		font-size: 18px;
		color:var(--main-color);
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid var(--main-color);
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		border-bottom: 3px solid var(--main-color);
		-webkit-box-shadow: 1px 1px 0px 1px var(--main-color);
		box-shadow: 1px 1px 0px 1px var(--main-color);
		box-sizing: unset;
	}
	.submit-button::after,
	.check-button::after{
		content:"";
		position:absolute;
		top: 0;
		right: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.submit-button:hover,
	.check-button:hover{
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		margin-bottom: 2px;
	}
	.return-button {
		position: relative;
		display: block;
		width:280px;
		min-height:60px;
		line-height:60px;
		text-align: center;
		font-size: 18px;
		color:#555555;
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid #555555;
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid #555555;
		border-left: 1px solid #555555;
		border-right: 3px solid #555555;
		border-bottom: 3px solid #555555;
		-webkit-box-shadow: 1px 1px 0px 1px #555555;
		box-shadow: 1px 1px 0px 1px #555555;
		box-sizing: unset;
		margin-right: 30px;
	}
	.return-button::after{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-return-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.return-button:hover{
		border-right: 1px solid #555555;
		border-bottom: 1px solid #555555;
		margin-bottom: 2px;
	}
}
@media screen and (min-width:992px) {
	.btn-wrapper-center {
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		width: 100%;
	}
	.theme-button {
		position: relative;
		display: block;
		width:390px;
		min-height:60px;
		line-height:60px;
		text-align: center;
		font-size: 18px;
		color:var(--main-color);
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid var(--main-color);
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		border-bottom: 3px solid var(--main-color);
		-webkit-box-shadow: 1px 1px 0px 1px var(--main-color);
		box-shadow: 1px 1px 0px 1px var(--main-color);
		box-sizing: unset;
	}
	.right-icon::after{
		content:"";
		position:absolute;
		top: 0;
		right: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.left-icon::after{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
		transform: rotate(180deg);
	}
	.theme-button:hover{
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		margin-bottom: 2px;
	}

	.submit-button,
	.check-button {
		position: relative;
		display: block;
		width:310px;
		min-height:60px;
		line-height:60px;
		text-align: center;
		font-size: 18px;
		color:var(--main-color);
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid var(--main-color);
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid var(--main-color);
		border-left: 1px solid var(--main-color);
		border-right: 3px solid var(--main-color);
		border-bottom: 3px solid var(--main-color);
		-webkit-box-shadow: 1px 1px 0px 1px var(--main-color);
		box-shadow: 1px 1px 0px 1px var(--main-color);
		box-sizing: unset;
	}
	.submit-button::after,
	.check-button::after{
		content:"";
		position:absolute;
		top: 0;
		right: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.submit-button:hover,
	.check-button:hover{
		border-right: 1px solid var(--main-color);
		border-bottom: 1px solid var(--main-color);
		margin-bottom: 2px;
	}
	.return-button {
		position: relative;
		display: block;
		width:310px;
		min-height:60px;
		line-height:60px;
		text-align: center;
		font-size: 18px;
		color:#555555;
		font-family: var(--secondary-font);
		font-weight: 400;
		border: 1px solid #555555;
		border-radius: 10px;
		background: #FFFFFF;
		transition: all 0.3s;
		border-top: 1px solid #555555;
		border-left: 1px solid #555555;
		border-right: 3px solid #555555;
		border-bottom: 3px solid #555555;
		-webkit-box-shadow: 1px 1px 0px 1px #555555;
		box-shadow: 1px 1px 0px 1px #555555;
		box-sizing: unset;
		margin-right: 30px;
		
	}
	.return-button::after{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display:block;
		width:58px;
		height:58px;
		background: url(../antil/assets/images/bow-return-icon.png) no-repeat center;
		background-size: 18px 16px;
	}
	.return-button:hover{
		border-right: 1px solid #555555;
		border-bottom: 1px solid #555555;
		margin-bottom: 2px;
	}
}
/*block-title*/
@media screen and (max-width:767px) {
	.block-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		/*max-width:100px;
		min-height: 40px;*/
		margin: 0 auto;
		/*background-size: 150px 51px;*/
	}
	.block-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.block-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 20px;
		text-align: center;
	}
}
@media screen and (min-width:768px) {
	.block-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;		
		margin: 0 auto;
		padding-bottom: 15px;
	}
	.block-header::after {
		content: "";
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 5px;
		background-image: url(../antil/assets/images/dot-icon.png), 
											url(../antil/assets/images/line-icon.png), 
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.block-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height: 30px;
		line-height: 30px;
		font-size: 28px;
		text-align: center;
	}
}

/*categories*/
@media screen and (max-width: 767px) {
	/*filter category*/	
	.show-all-catagories {
		position:relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height:40px;
		background:var(--main-color);
		margin-top: 25px;
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.show-all-catagories::after{
		content:"";
		position:absolute;
		top: 50%;
		right: 10px;
		transform:translateY(-50%);
		display: block;
		width: 8px;
		height:13.6px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.show-all-catagories:hover{
		opacity: 0.7;
	}
	.show-all-catagories > span {
		position: relative;
		width: auto;
		padding-right: 40px;
		color: #FFFFFF;
		font-size: 16px;
		line-height:23px;
	}
	
	.block-filter-catagories {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 15px;
	}
	.filter-category {
		position:relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:calc(50% - 5px );
		height:40px;
		border:1px solid var(--main-color);
		background: #FFFFFF;
		margin-top: 10px;
	}
	.filter-category > span {
		position: relative;
		width: auto;
		color: var(--main-color);
		font-size: 14px;
		line-height:23px;
	}
	.filter-category::after{
		content:"";
		position:absolute;
		top: 50%;
		right: 5px;
		transform:translateY(-50%);
		display: block;
		width: 6px;
		height:10.2px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.current-category {	
		background: var(--main-color) !important;
	}
	.current-category::after{			
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center !important;
		background-size: contain !important;
	}
	.current-category > span {			
		color: #FFFFFF !important;
	}
	.filter-category:nth-child(2n){
		margin-right: 0px;
	}
}
@media screen and (min-width: 768px) {
	/*filter category*/	
	.show-all-catagories {
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height:40px;
		background:var(--main-color);
		margin-top: 15px;
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.show-all-catagories:hover{
		opacity: 0.7;
	}
	.show-all-catagories > span {
		position: relative;
		width: auto;
		padding-right: 40px;
		color: #FFFFFF;
		font-size: 16px;
		line-height:23px;
	}
	.show-all-catagories > span::after{
		content:"";
		position:absolute;
		top: 3px;
		right: 0;
		display: block;
		width: 8px;
		height:13.6px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.block-filter-catagories {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: 25px;
	}
	.filter-category {
		position:relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:calc(33.333333% - 5px );
		height:40px;
		border:1px solid var(--main-color);
		background: #FFFFFF;
		margin-top: 7.5px;
	}
	.filter-category > span {
		position: relative;
		width: auto;
		color: var(--main-color);
		font-size: 14px;
		line-height:23px;
	}
	.filter-category::after{
		content:"";
		position:absolute;
		top: 50%;
		right: 5px;
		transform:translateY(-50%);
		display: block;
		width: 6px;
		height:10.2px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.current-category {	
		background: var(--main-color) !important;
	}
	.current-category::after{			
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center !important;
		background-size: contain !important;
	}
	.current-category > span {			
		color: #FFFFFF !important;
	}
	.filter-category:not(:nth-child(3n)){
		margin-right: 7.5px;
	}
}
@media screen and (min-width: 992px) {
	/*filter category*/	
	.show-all-catagories {
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height:50px;
		background:var(--main-color);
		margin-top: 15px;
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.show-all-catagories:hover{
		opacity: 0.7;
	}
	.show-all-catagories > span {
		position: relative;
		width: auto;
		padding-right: 60px;
		color: #FFFFFF;
		font-size: 20px;
		line-height:23px;
	}
	.show-all-catagories > span::after{
		content:"";
		position:absolute;
		top: 3px;
		right: 0;
		display: block;
		width: 10px;
		height:17px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.block-filter-catagories {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: 40px;
	}
	.filter-category {
		position:relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:calc(33.333333% - 5px );
		height:50px;
		border:1px solid var(--main-color);
		background: #FFFFFF;
		margin-top: 7.5px;
	}
	.filter-category > span {
		position: relative;
		width: auto;
		color: var(--main-color);
		font-size: 20px;
		line-height:23px;
	}
	.filter-category::after{
		content:"";
		position:absolute;
		top: 50%;
		right: 10px;
		transform:translateY(-50%);
		display: block;
		width: 10px;
		height:17px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.current-category {	
		background: var(--main-color) !important;
	}
	.current-category::after{			
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center !important;
		background-size: contain !important;
	}
	.current-category > span {			
		color: #FFFFFF !important;
	}
	.filter-category:not(:nth-child(3n)){
		margin-right: 7.5px;
	}
}
@media screen and (min-width: 1200px) {
		/*filter category*/	
		.show-all-catagories {
			display: flex;
			flex-flow: row nowrap;
			justify-content:center;
			align-items:center;
			width:100%;
			height:50px;
			background:var(--main-color);
			margin-top: 15px;
			cursor: pointer;
			transition: all 0.3s linear;
		}
		.show-all-catagories:hover{
			opacity: 0.7;
		}
		.show-all-catagories > span {
			position: relative;
			width: auto;
			padding-right: 60px;
			color: #FFFFFF;
			font-size: 20px;
			line-height:23px;
		}
		.show-all-catagories > span::after{
			content:"";
			position:absolute;
			top: 3px;
			right: 0;
			display: block;
			width: 10px;
			height:17px;
			background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
			background-size: contain;
		}
		.block-filter-catagories {
			display:flex;
			flex-flow: row wrap;
			width: 100%;
			margin-top: 40px;
		}
		.filter-category {
			position:relative;
			display: flex;
			flex-flow: row nowrap;
			justify-content:center;
			align-items:center;
			width:32.692377%;
			height:50px;
			border: 1px solid var(--main-color);
			background: #FFFFFF;
			margin-top: 7.5px;
		}
		.filter-category > span {
			position: relative;
			width: auto;
			color: var(--main-color);
			font-size: 20px;
			line-height:23px;
		}
		.filter-category::after{
			content:"";
			position:absolute;
			top: 50%;
			right: 10px;
			transform:translateY(-50%);
			display: block;
			width: 10px;
			height:17px;
			background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
			background-size: contain;
		}
		.current-category {	
			background: var(--main-color) !important;
		}
		.current-category::after{			
			background: url(../antil/assets/images/category-wh-icon.png) no-repeat center !important;
			background-size: contain !important;
		}
		.current-category > span {			
			color: #FFFFFF !important;
		}
		.filter-category:not(:nth-child(3n)){
			margin-right: 7.5px;
		}
}
@media screen and (min-width:0px) {
	#category-accordion-card {
		transition: all 0.5s linear;
	}
	.fixed-height {
		overflow: hidden;
		transition: all 0.5s linear;
	}
	.flex-center {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
	}
	.accordion-trigger {
		position: relative;
		display: block;
		width: 50px;
		height: 50px;
	}
	.accordion-trigger:hover {
		cursor: pointer;
	}
	.accordion-trigger::before{
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		transition: all 0.5s linear;
	}
	.specialist-trigger-down::before {
		background: url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size: 10px 17px;
		transform: rotate(90deg);
	}
	.specialist-trigger-up::before {
		background: url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size: 10px 17px;
		transform: rotate(-90deg);
	}
}
@media screen and (max-width:767px) {	
	.fixed-height {
		height: 150px;	
	}
}
@media screen and (min-width:768px) {
	.fixed-height {
		height: 95px;	
	}
}
@media screen and (min-width:992px) {	
	.fixed-height {
		height: 120px;
	}
}
/*header
--------------------------------------------- */
@media screen and (max-width:767px) {
  .header-wrapper {
		position:fixed;
		top: 0;
		left: 0;
    display: block;
    width: 100%;
    border-top: 3px solid var(--main-color);
		background:#ffffff;
		z-index: 999;
		padding-bottom: 5px;
		border-bottom:1px solid #e6e6e6;
  }
  .page-description {
    padding: 0;
    margin: 0;
    font-size: 14px;
    line-height:2;
    font-family: var(--secondary-font);
	color: #8f8f8f;
	font-weight: 400;
  }
  .title-wrapper {
    display:flex;
    flex-flow: row nowrap;
    width: 100%;
  }
  .title-wrapper__logo {
    display: block;
    width: auto;
  }
  .title-wrapper__logo > .for-smd {
    display: block;
    max-width: 178px;
    object-fit: cover;
    object-position: center;
		margin-left: 30px;
  }
  .title-wrapper__logo > .for-lgd {
    display: none;
  }
	.trigger__down {
		position: absolute;
		top: 10px;
		right: 20px;
		display:flex;
		flex-flow: column wrap;
		justify-content:space-between;
		width: 40px;
		height: 40px;
		padding:12px 0;
	}
	.trigger__down > span {
		display: block;
		width: 100%;
		height: 1px;
		background:#000000;
		transition: all 0.3s linear;
	}
	.trigger__up {
		position: absolute;
		top: 10px;
		right: 20px;
		display:flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items: center;
		width: 40px;
		height: 40px;
		padding:0;
	}
	.trigger__up > span {
		display: block;
		width: 100%;
		height: 1px;
		background:#000000;
	}
	.trigger__up > span:nth-child(2){
		display:none;
	}
	.trigger__up > span:nth-child(1){
		transform:rotate(45deg);
		transition: all 0.3s linear;		
	}
	.trigger__up > span:nth-child(3){
		transform:rotate(-45deg);
		transition: all 0.3s linear;
	}
}
@media screen and (min-width:768px) {
  .header-wrapper {
    display: block;
    width: 100%;
    border-top: 3px solid var(--main-color);
  }
  .page-description {
    padding: 0;
    margin: 0;
    font-size: 12px;
    line-height:2;
    font-family: var(--secondary-font);
	color: #8f8f8f;
	font-weight: 400;
  }
  .title-wrapper {
    display:flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 17.26%;
		margin: 0 auto;
		clear: both;
  }
  .title-wrapper__logo {
    display: block;
    width: auto;
  }
  .title-wrapper__logo > .for-lgd {
    display: block;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }
  .title-wrapper__logo > .for-smd {
    display: none;
  }
	.global-nav-trigger {
		display: none;
	}
}

/*
global navigation
-------------------------------------------*/
@media screen and (max-width:767px) {
	.global-nav-lgd-outer {
		display:none;
	}
	.global-nav-smd-outer {
		display:none;
		position:fixed;
		top: 65px;
		left: 0;
		width:100%;
		height:calc(100vh - 60px);
		background:rgba(0,0,0,0.5);
		padding-left: 40px;
		overflow:hidden;
	}
	.global-nav-smd {
		display:block;
		background:#ffffff;
		width:100%;
		height:100%;
		overflow-y:scroll;
	}
	.global-nav-smd  > li {
		position: relative;
		display: block;
		width:100%;
		padding:5px 20px 5px 40px;
	}
	.global-nav-smd  > li:not(:last-child){
		border-bottom:1px solid #e6e6e6;
	}
	.global-nav-smd  > li::after {
		content:"";
		position:absolute;
		top: 0;
		right: 20px;
		display: block;
		width: 30px;
		height:40px;
		background:url(../antil/assets/images/angle-icon-rd.png) no-repeat center;
		background-size:7px 12.5px;
	}
	.global-nav-smd__has-sub::after {
		transform: rotate(90deg);
	}
	.global-nav-smd  > li > a {
		position: relative;
		display: block;
		width: auto;
		line-height:30px;
		font-size: 15px;
		transition: all 0.3s linear;
		color: #000000;
	}
	.global-nav-smd__sub {
		display:flex;
		flex-flow: column wrap;
		background:#ffffff;
		width:100%;
		padding-left:20px;
	}
	.global-nav-smd__sub  > li {
		position: relative;
		display: block;
		width:100%;
		padding:5px 0 5px 0;
	}
	.global-nav-smd__sub  > li > a {
		position: relative;
		display: block;
		width: auto;
		line-height:30px;
		font-size: 15px;
		transition: all 0.3s linear;
		color: #000000;
	}
}
@media screen and (min-width:768px) {
	.global-nav-smd-outer{
		display: none;
	}
	.global-nav-lgd-outer {
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
		margin-top:10px;
	}
	.global-nav-lgd {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
	}
	.global-nav-lgd  > li {
		display: block;
		width:auto;
	}
	.global-nav-lgd  > li > a {
		position: relative;
		display: block;
		width: auto;
		line-height:30px;
		font-size: 15px;
		transition: all 0.3s linear;
		color: #000000;
	}
	.global-nav-lgd  > li > a::after {
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 0;
		height:2px;
		background: #c05272;
		transition: all 0.3s linear;
	}
	.global-nav-lgd  > li > a:hover {
		color: #c05272;
	}
	.global-nav-lgd  > li > a:hover::after {
		width: 100%;
	}
	.global-nav-lgd  > li > .current {
		color: #c05272;
	}
	.global-nav-lgd  > li > .current::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 100%;
		height:2px;
		background: #c05272;
	}
	.global-nav-lgd__sub {
		display:none;
	}
}

/*main
------------------------------------------*/
@media screen and (max-width:767px) {
	main{
		display: block;
		width:100%;
		padding: 80px 0 0 0;
		margin: 0;
	}
}
@media screen and (min-width:1200px) {
	main{
		display: block;
		width:100%;
		padding: 0;
		margin: 0;
	}
}
/*page title
--------------------------------------------*/
@media screen and (max-width: 767px) {
	.page-title-outer {
		display: block;
		position: relative;
		width: 100%;
		height:auto;
		background-color: #f4f4f4;
		margin-top: 0;
	}
	.page-title-outer > .bg-smd {
		display: block;
		width:100%;
		max-height: 200px;
		object-fit: cover;
		object-position: center center;
	}
	.page-title-outer > .bg-lgd{
		display:none;
	}
	.page-title-wrapper {
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		display: flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items:flex-start;
		max-width: 540px;
		width: 100%;
		height:100%;
		padding: 0 20px;
	}
	.page-title-wrapper > span {
		color: #FFFFFF;
	}
	.page-title-wrapper > span:first-child {
		font-size:12px;
		line-height:1;
		font-weight: 300;
	}
	.page-title-wrapper > span:last-child {
		font-size:16px;
		line-height:1.5;
		font-family: var(--default-font);
	}
}
@media screen and (min-width: 768px) and (max-width:991px) {
	.page-title-outer {
		display: block;
		position: relative;
		width: 100%;
		height:125px;
		background-color: #f4f4f4;
		margin-top: 30px;
	}
	.page-title-outer > .bg-lgd {
		display: block;
		width:100%;
		min-height: 125px;
		object-fit: cover;
		object-position: center center;
	}
	.page-title-outer > .bg-smd{
		display:none;
	}
	.page-title-wrapper {
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		display: flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items:flex-start;
		width: 690px;
		height:100%;
		padding: 0 20px;
	}
	.page-title-wrapper > span {
		color: #FFFFFF;
	}
	.page-title-wrapper > span:first-child {
		font-size:15px;
		line-height:1;
		font-weight: 300;
	}
	.page-title-wrapper > span:last-child {
		font-size:20px;
		line-height:1.5;
		font-family: var(--default-font);
	}
}
@media screen and (min-width: 992px) and (max-width:1199px) {
	.page-title-outer {
		display: block;
		position: relative;
		width: 100%;
		height:175px;
		background-color: #f4f4f4;
		margin-top: 30px;
	}
	.page-title-outer > .bg-lgd {
		display: block;
		width:100%;
		min-height: 175px;
		object-fit: cover;
		object-position: center center;
	}
	.page-title-outer > .bg-smd{
		display:none;
	}
	.page-title-wrapper {
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		display: flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items:flex-start;
		width: 960px;
		height:100%;
		padding: 0 20px;
	}
	.page-title-wrapper > span {
		color: #FFFFFF;
	}
	.page-title-wrapper > span:first-child {
		font-size:17px;
		line-height:1;
		font-weight: 300;
	}
	.page-title-wrapper > span:last-child {
		font-size:24px;
		line-height:1.5;
		font-family: var(--default-font);
	}
}
@media screen and (min-width: 1200px) {
	.page-title-outer {
		display: block;
		position: relative;
		width: 100%;
		height:200px;
		background-color: #f4f4f4;
		margin-top: 30px;
	}
	.page-title-outer > .bg-lgd {
		display: block;
		width:100%;
		min-height: 200px;
		object-fit: cover;
		object-position: center center;
	}
	.page-title-outer > .bg-smd{
		display:none;
	}
	.page-title-wrapper {
		position: absolute;
		top:50%;
		left:50%;
		transform:translate(-50%, -50%);
		display: flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items:flex-start;
		width: 1100px;
		height:100%;
		padding: 0 20px;
	}
	.page-title-wrapper > span {
		color: #FFFFFF;
	}
	.page-title-wrapper > span:first-child {
		font-size:18px;
		line-height:1;
		font-weight: 300;
	}
	.page-title-wrapper > span:last-child {
		font-size:26px;
		line-height:1.5;
		font-family: var(--default-font);
	}
}
/*
Main visual
-------------------------------------------*/
@media screen and (max-width:767px) {
	.main-visual-wrapper {
		width: 100%;
	}
	.main-visual .swiper-wrapper {
		max-width:540px;
		padding: 0 0 30px 0;
	}
	.slide-lgd {
		display:none;
	}
	.slide-smd{
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (min-width:768px) {
	.main-visual-wrapper {
		width: 100%;
	}
	.main-visual .swiper-wrapper {
		width:520px;
		padding: 15px 0 30px 0;
	}
	.slide-smd {
		display:none;
	}
	.slide-lgd{
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (min-width:992px) {
	.main-visual-wrapper {
		width: 100%;
	}
	.main-visual .swiper-wrapper {
		width:695px;
		padding: 30px 0;
	}
	.slide-smd {
		display:none;
	}
	.slide-lgd{
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}
@media screen and (min-width:1200px) {
	.main-visual-wrapper {
		width: 100%;
	}
	.main-visual .swiper-wrapper {
		width:800px;
		padding: 30px 0;
	}
	.slide-smd {
		display:none;
	}
	.slide-lgd{
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
}
/*slide navigation*/
@media screen and (min-width:0px) {
	/*intialize slide nav*/
  .main-visual-wrapper .main-visual-nav .swiper-button-prev::after,
  .main-visual-wrapper .main-visual-nav .swiper-button-next::after{
    display: none;
  }
  .main-visual-wrapper .main-visual-nav { 
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%; 
    margin: 0 auto;
    z-index: 3;
  }
  .main-visual-wrapper .main-visual-nav .swiper-button-prev,
  .main-visual-wrapper .main-visual-nav .swiper-button-next {
    width: 40px;
    height: 40px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 80px 80px;
		transition: all 0.3s linear;
  }
  .main-visual-wrapper .main-visual-nav .swiper-button-prev {
    background-image: url(../antil/assets/images/angle-icon-wh.png);
  }
  .main-visual-wrapper .main-visual-nav .swiper-button-next {
    background-image: url(../antil/assets/images/angle-icon-wh.png);
		transform: rotate(180deg);
  }
  .main-visual-wrapper .main-visual-nav .swiper-button-prev:hover,
  .main-visual-wrapper .main-visual-nav .swiper-button-next:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 767px) {
  .fv-wapper .swiper-nav-wapper { 
    max-width: 540px;
  }
	.main-visual-nav {
		display:none;
	}
}
@media screen and (min-width: 768px) {
  .main-visual-wrapper .main-visual-nav { 
		top: calc(50% - 15px);
    max-width: 636px;
  }
	.main-visual-wrapper .main-visual-nav .swiper-button-prev,
  .main-visual-wrapper .main-visual-nav .swiper-button-next {
    width: 28px;
    height: 55px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 28px 55px;
  }
}  
@media screen and (min-width: 992px) {
  .main-visual-wrapper .main-visual-nav { 
    max-width: 870px;
  }
	.main-visual-wrapper .main-visual-nav .swiper-button-prev,
  .main-visual-wrapper .main-visual-nav .swiper-button-next {
    width: 32px;
    height: 62px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 32px 62px;
  }
}
@media screen and (min-width: 1200px) {
  .main-visual-wrapper .main-visual-nav { 
    max-width: 1060px;
  }
	.main-visual-wrapper .main-visual-nav .swiper-button-prev,
  .main-visual-wrapper .main-visual-nav .swiper-button-next {
    width: 38px;
    height: 74px;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 38px 74px;
  }
}
/*slide pagination*/
@media screen and (min-width:0px) {
  .main-visual-wrapper .swiper-pagination {
    bottom: 0;
  }
  .main-visual-wrapper .swiper-pagination .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 4px;
    background-color: #d6d6d6;
    margin: 0 5px;
  }
	.main-visual-wrapper .swiper-pagination .swiper-pagination-bullet-active {
		background-color: #c05272;
	}
}

/*
About banner 
---------------------------------------------*/
@media screen and (max-width:767px) {
	.front-about-banner {
		display: block;
		width: 100%;
		min-height: 343px;
		background: url(../antil/assets/images/sp/img01-sp.jpg) no-repeat;
		background-position: center;
		background-size: cover;
		margin-top: 15px;
	}
	.front-about-banner-body {
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		min-height:258px;
	}
	.front-about-banner__header {
		font-size: 20px;
		text-align: center;
		font-weight:400;
		margin-top: 10px;
	}
	.front-about-banner__contents {
		font-size: 14px;
		line-height:1.5;
		text-align: justify;
		word-break: break-all;
		padding: 10px 0;
	}
	.front-about-banner__button {
		margin-top:90px;
	}
	br.for-lgd  { display: none; }
}
@media screen and (min-width:768px) {
	.front-about-banner {
		display: block;
		width: 100%;
		min-height: 343px;
		background: url(../antil/assets/images/pc/img01-pc.jpg) no-repeat;
		background-position: center;
		background-size: cover;
		margin-top: 15px;
	}
	.front-about-banner-body {
		display: flex;
		flex-flow: column wrap;
		justify-content: flex-start;
		align-items: center;
		width: 100%;
		min-height:343px;
	}
	.front-about-banner__header {
		font-size: 38px;
		text-align: center;
		font-weight:400;
		margin-top: 50px;
	}
	.front-about-banner__contents {
		font-size: 16px;
		line-height:2;
		text-align: center;
		padding: 40px 0;
	}
}

/*
genre-menu
--------------------------------------------*/
@media screen and (max-width:991px) {
	.genre-menu {
		width:100%;
		padding: 10px 0 50px 0;
		background: #f7f7f7;
	}
	.genre-menu-wrapper {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
	}
	.genre-menu-wrapper > li {
		display: block;
		width:calc(50% - 10px);
	}
	.genre-menu-wrapper > li {
		margin-top: 30px;
	}
	.genre-menu-body {
		position: relative;
		display: block;
		width: 100%;
		height: auto;
	}
	.genre-menu-body > img {
		display:block;
		width:100%;
		object-fit: cover;
		object-position: center;
	}
	.genre-menu-header {
		position:absolute;
		top: 0;
		display:flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items: center;
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,0.4);
		transition: all 0.3s linear;
	}
	.genre-menu-body:hover .genre-menu-header {
		background:rgba(0,0,0,0.7);
	}
	.genre-menu-header > span {
		color: #FFFFFF;
	}
	.genre-menu-header > span:first-child{
		font-size: 15px;
		font-weight: 400;
		line-height: 1.5;
	}
	.genre-menu-header > span:last-child{
		font-size: 12px;
		font-weight: 400;
		line-height: 1;
	}
}
@media screen and (min-width:992px) {
	.genre-menu {
		width:100%;
		padding: 50px 0;
		background: #f7f7f7;
	}
	.genre-menu-wrapper {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		margin-left: -20px;
		margin-right: -20px;
	}
	.genre-menu-wrapper > li {
		display: block;
		width:calc(25% - 15px);
	}
	.genre-menu-wrapper > li:nth-child(5),
	.genre-menu-wrapper > li:nth-child(6),
	.genre-menu-wrapper > li:nth-child(7),
	.genre-menu-wrapper > li:nth-child(8) {
		margin-top: 20px;
	}
	.genre-menu-body {
		position: relative;
		display: block;
		width: 100%;
		max-height: 160px;
	}
	.genre-menu-body > img {
		display:block;
		width:100%;
		object-fit: cover;
		object-position: center;
	}
	.genre-menu-header {
		position:absolute;
		top: 0;
		display:flex;
		flex-flow: column wrap;
		justify-content:center;
		align-items: center;
		width: 100%;
		height: 100%;
		background:rgba(0,0,0,0.4);
		transition: all 0.3s linear;
	}
	.genre-menu-body:hover .genre-menu-header {
		background:rgba(0,0,0,0.7);
	}
	.genre-menu-header > span {
		color: #FFFFFF;
	}
	.genre-menu-header > span:first-child{
		font-size: 20px;
		font-weight: 400;
		line-height: 1.5;
	}
	.genre-menu-header > span:last-child{
		font-size: 14px;
		font-weight: 400;
		line-height: 1;
	}
}

/*
ranking
--------------------------------------------*/
@media only screen and (max-width:767px){
	.ranking-wrapper {
		padding:50px 0;
	}
	.ranking-header-wrapper {
		display: block;
		width: 100%;
		padding:0 20px;
	}
	.ranking-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		min-height: 70px;
		margin: 0 auto;
		background: url(../antil/assets/images/recomend.png) no-repeat top left;
		background-size: 85px 29px;
	}
	.ranking-header__title {
		position: relative;
		display: block;
		width: auto;
		font-weight: 400;
		height:50px;
		line-height:30px;
		font-size: 20px;
		text-align: center;
		padding:10px 0;
	}
	.ranking-header__title::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.ranking-container {
		display: block;
		width: 100%;
		margin-top: 30px;
		padding:0 20px;
	}
	.tabular-nav {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.tabular-nav > li {
		display: block;
		width: 24.54%;
		height:45px;
		line-height:45px;
		text-align: center;
		font-size: 12px;
		color: #ffffff;
		background:#8c8c8c;
		transition: all 0.3s linear;
	}
	.tabular-nav > li:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	
	.tabular-nav > .select:hover {
		cursor: none;
		opacity: 1;
	}
	.tabular-container {
		display: block;
		width:100%;
		background:#FFFFFF;
	}
	.tabular-wrapper {
		position: relative;
		display: block;
		width: 100%;
		padding-top: 3px;
	}
	.tabular-wrapper::before{ 
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 3px;			
	}
	.card-beautysalon::before {
		background: #d39aa6;
	}
	.card-cosmetics::before {
		background: #97aac5;
	}
	.card-supplement::before {
		background: #9ac9ab;
	}
	.card-chinese-medicine::before {
		background: #c4b286;
	}
	.card-hydrogen::before {
		background: #8dd6db;
	}
	.card-lifestyle::before {
		background: #e4b593;
	}
	.card-menopause::before {
		background: #b9add9;
	}
	.card-mens-care::before {
		background: #4f4f4f;
	}
	.tabular-wrapper-inner {
		display: block;
		border: 1px solid #e6e6e6;
		padding:10px;
	}
	.no-post-rank {
		display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    font-family: var(--secondary-font);
    margin-top: 30px;
	}
	.tabular-content {
		position: relative;
		display: block;
		border: 1px solid #e6e6e6;
		padding:10px;
	}
	.tabular-content::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width:30px;
		height:30px;
		background-repeat: no-repeat;
		background-position:center;
		background-size: cover;
	}
	.tabular-content:nth-child(1):before{
		background-image: url(../antil/assets/images/rank01.png);
	}
	.tabular-content:nth-child(2):before{
		background-image: url(../antil/assets/images/rank02.png);
	}
	.tabular-content:nth-child(3):before{
		background-image: url(../antil/assets/images/rank03.png);
	}
	.tabular-content:not(:first-child){
		margin-top:30px;
	}
	.ranking-post {
		display:flex;
		flex-flow:column wrap;
		justify-content: space-between;
		width:100%;
	}
	.ranking-post__thumbnail {
		display: block;
		width:70%;
		height:auto;
		margin: 0 auto;
		overflow: hidden;
		
	}
	.ranking-post__thumbnail > img {
		display:block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.3s linear;
	}
	.ranking-post__thumbnail:hover img {
		/*transform: scale(1.25);*/
		opacity:0.6;
	}
	.ranking-post__body {
		display:flex;
		flex-flow: column wrap;
		width: 100%;
		margin-top: 10px;
	}
	.ranking-post__title {
		display:block;
		width: 100%;
		height:30px;
		line-height:30px;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 14px;
		font-weight: 500;
		color: #000000;
	}
	.ranking-post__text {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 13px;
		font-weight: 400;
		text-align: justify;
		color: #000000;
		margin-top: 10px;
	}
	.tabular-content:hover .ranking-post__title,
	.tabular-content:hover .ranking-post__text	 {
		opacity:0.7;
	}
	.ranking-post__btnWrap {
		position: relative;
		display: block;
		width: 100%;
		height: 33px;
		margin-top: 20px;
	}
	.ranking-post__category {
		position:absolute;
		top: 0;
		left:0;
		display: block;
		width: 120px;
		height:23px;
		border-radius: 12px;
		
		color: #FFFFFF;
		text-align: center;
		line-height:23px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.first-row__category{
		background-color: #d39aa6;
	}
	.second-row__category{
		background-color: #8dd6db;
	}
	.ranking-post__date {
		position:absolute;
		bottom: 0;
		right:0;
		display: block;
		width: auto;
		color: #8f8f8f;
		line-height:23px;
		font-size: 13px;
		font-family: var(--secondary-font);	
	}
	.ranking-btn-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width:100%;
		padding:50px 0 0 0;
	}
}
@media only screen and (min-width:768px) and (max-width:991px){
	.ranking-wrapper {
		padding:50px 0;
	}
	.ranking-header-wrapper {
		display: block;
		width: 100%;
	}
	.ranking-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:592px;
		min-height: 76px;
		margin: 0 auto;
		background: url(../antil/assets/images/recomend.png) no-repeat top left;
		background-size: 150px 51px;
	}
	.ranking-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.ranking-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.ranking-container {
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.tabular-nav {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.tabular-nav > li {
		display: block;
		width: 24.54%;
		height:50px;
		line-height:50px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		background:#8c8c8c;
		transition: all 0.3s linear;
	}
	.tabular-nav > li:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	
	.tabular-nav > .select:hover {
		cursor: none;
		opacity: 1;
	}
	.tabular-container {
		display: block;
		width:100%;
		background:#FFFFFF;
	}
	.tabular-wrapper {
		position: relative;
		display: block;
		width: 100%;
		padding-top: 5px;
	}
	.tabular-wrapper::before{ 
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 5px;			
	}
	.card-beautysalon::before {
		background: #d39aa6;
	}
	.card-cosmetics::before {
		background: #97aac5;
	}
	.card-supplement::before {
		background: #9ac9ab;
	}
	.card-chinese-medicine::before {
		background: #c4b286;
	}
	.card-hydrogen::before {
		background: #8dd6db;
	}
	.card-lifestyle::before {
		background: #e4b593;
	}
	.card-menopause::before {
		background: #b9add9;
	}
	.card-mens-care::before {
		background: #4f4f4f;
	}
	.tabular-wrapper-inner {
		display: block;
		border: 1px solid #e6e6e6;
		padding:20px;
	}
	.no-post-rank {
		display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    font-family: var(--secondary-font);
    margin-top: 30px;
	}
	.tabular-content {
		position: relative;
		display: block;
		border: 1px solid #e6e6e6;
		padding:20px;
	}
	.tabular-content::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width:51px;
		height:53px;
		background-repeat: no-repeat;
		background-position:center;
		background-size: cover;
	}
	.tabular-content:nth-child(1):before{
		background-image: url(../antil/assets/images/rank01.png);
	}
	.tabular-content:nth-child(2):before{
		background-image: url(../antil/assets/images/rank02.png);
	}
	.tabular-content:nth-child(3):before{
		background-image: url(../antil/assets/images/rank03.png);
	}
	.tabular-content:not(:first-child){
		margin-top:30px;
	}
	.ranking-post {
		display:flex;
		flex-flow:column wrap;
		justify-content: space-between;
		width:100%;
	}
	.ranking-post__thumbnail {
		display: block;
		width:70%;
		height:auto;
		margin: 0 auto;
		overflow: hidden;
		
	}
	.ranking-post__thumbnail > img {
		display:block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.3s linear;
	}
	.ranking-post__thumbnail:hover img {
		/*transform: scale(1.25);*/
		opacity:0.6;
	}
	.ranking-post__body {
		display:flex;
		flex-flow: column wrap;
		width: 100%;
		margin-top: 30px;
	}
	.ranking-post__title {
		display:block;
		width: 100%;
		height:30px;
		line-height:30px;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 16px;
		font-weight: 500;
		color: #000000;
	}
	.ranking-post__text {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 15px;
		font-weight: 400;
		text-align: justify;
		color: #000000;
		margin-top: 10px;
	}
	.tabular-content:hover .ranking-post__title,
	.tabular-content:hover .ranking-post__text	 {
		opacity:0.7;
	}
	.ranking-post__btnWrap {
		position: relative;
		display: block;
		width: 100%;
		height: 33px;
		margin-top: 20px;
	}
	.ranking-post__category {
		position:absolute;
		top: 0;
		left:0;
		display: block;
		width: 120px;
		height:23px;
		border-radius: 12px;
		
		color: #FFFFFF;
		text-align: center;
		line-height:23px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.first-row__category{
		background-color: #d39aa6;
	}
	.second-row__category{
		background-color: #8dd6db;
	}
	.ranking-post__date {
		position:absolute;
		bottom: 0;
		right:0;
		display: block;
		width: auto;
		color: #8f8f8f;
		line-height:23px;
		font-size: 13px;
		font-family: var(--secondary-font);	
	}
	.ranking-btn-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width:100%;
		height: 110px;
		padding:50px 0 0 0;
	}
}
@media only screen and (min-width:992px){
	.ranking-wrapper {
		padding:50px 0;
	}
	.ranking-header-wrapper {
		display: block;
		width: 100%;
	}
	.ranking-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:592px;
		min-height: 76px;
		margin: 0 auto;
		background: url(../antil/assets/images/recomend.png) no-repeat top left;
		background-size: 150px 51px;
	}
	.ranking-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.ranking-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.ranking-container {
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.tabular-nav {
		display:flex;
		justify-content: space-between;
		width: 100%;
	}
	.tabular-nav > li {
		display: block;
		width: 24.545456%;
		height:50px;
		line-height:50px;
		text-align: center;
		font-size: 20px;
		color: #ffffff;
		transition: all 0.3s linear;
		border: none;
	}
	.tabular-nav > li:hover {
		cursor: pointer;
		opacity: 0.7;
	}
	.tabular-nav > .select:hover {
		cursor: none;
		opacity: 1;
	}
	.tabular-container {
		display: block;
		width:100%;
		background:#FFFFFF;
		box-sizing: border-box;
	}
	.tabular-wrapper {
		position: relative;
		display: block;
		width: 100%;
		padding-top:5;
	}
	.tabular-wrapper::before{ 
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 100%;
		height: 5px;			
	}
	.card-beautysalon::before {
		background: #d39aa6;
	}
	.card-cosmetics::before {
		background: #97aac5;
	}
	.card-supplement::before {
		background: #9ac9ab;
	}
	.card-chinese-medicine::before {
		background: #c4b286;
	}
	.card-hydrogen::before {
		background: #8dd6db;
	}
	.card-lifestyle::before {
		background: #e4b593;
	}
	.card-menopause::before {
		background: #b9add9;
	}
	.card-mens-care::before {
		background: #4f4f4f;
	}
	.tabular-wrapper-inner {
		display: block;
		width: 100%;
		border: 1px solid #e6e6e6;
		padding:20px;
		box-sizing: border-box;
	}	
	.no-post-rank {
		display: block;
    width: 100%;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
    font-family: var(--secondary-font);
    margin-top: 30px;
	}
	.tabular-content {
		position: relative;
		display: block;
		border: 1px solid #e6e6e6;
		padding:30px 30px 30px 75px;
		box-sizing: border-box;
	}
	.tabular-content::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width:51px;
		height:53px;
		background-repeat: no-repeat;
		background-position:center;
		background-size: cover;
	}
	.tabular-content:nth-child(1):before{
		background-image: url(../antil/assets/images/rank01.png);
	}
	.tabular-content:nth-child(2):before{
		background-image: url(../antil/assets/images/rank02.png);
	}
	.tabular-content:nth-child(3):before{
		background-image: url(../antil/assets/images/rank03.png);
	}
	.tabular-content:not(:first-child){
		margin-top:30px;
	}
	.ranking-post {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width:100%;
	}
	.ranking-post__thumbnail {
		display: block;
		width:260px;
		height:160px;
		overflow: hidden;
		
	}
	.ranking-post__thumbnail > img {
		display:block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.3s linear;
	}
	.ranking-post__thumbnail:hover img {
		/*transform: scale(1.25);*/
		opacity:0.6;
	}
	.ranking-post__body {
		display:flex;
		flex-flow: column wrap;
		width: calc(100% - 260px - 30px);
	}
	.ranking-post__title {
		display:block;
		width: 100%;
		height:30px;
		line-height:30px;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 16px;
		font-weight: 500;
		color: #000000;
	}
	.ranking-post__text {
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 15px;
		font-weight: 400;
		text-align: justify;
		color: #000000;
		margin-top: 10px;
	}
	.tabular-content:hover .ranking-post__title,
	.tabular-content:hover .ranking-post__text	 {
		opacity:0.7;
	}
	.ranking-post__btnWrap {
		position: relative;
		display: block;
		width: 100%;
		height: 33px;
		margin-top: 20px;
	}
	.ranking-post__category {
		position:absolute;
		top: 0;
		left:0;
		display: block;
		width: 120px;
		height:23px;
		border-radius: 12px;
		
		color: #FFFFFF;
		text-align: center;
		line-height:23px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.first-row__category{
		background-color: #d39aa6;
	}
	.second-row__category{
		background-color: #8dd6db;
	}
	.ranking-post__date {
		position:absolute;
		bottom: 0;
		right:0;
		display: block;
		width: auto;
		color: #8f8f8f;
		line-height:23px;
		font-size: 13px;
		font-family: var(--secondary-font);	
	}
	.ranking-btn-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width:100%;
		height: 110px;
		padding:50px 0 0 0;
	}
}

/*
clinic information
--------------------------------------------*/
@media screen and (max-width:767px) {
	.clinic-wrapper {
		display: block;
		width:100%;
		padding: 50px 0;
		background:#f7f7f7;
	}
	.clinic-container {
		display:flex;
		flex-flow: column wrap;
		justify-content:space-between;
		width: 100%;
	}
	.clinic-info {
		display:block;
		width:100%;
	}
	.clinic-info:first-child {
		margin-bottom: 50px;
	}
	.clinic__img {
		display: block;
		width: 100%;
		height:auto;
	}
	.clinic__img > img {
		display:block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.clinic__name {
		font-size: 20px;
		text-align: center;
		line-height:1.5;
		padding: 10px 0;
		font-weight: 400;
	}
	.clinic__description {
		font-size:13px;
		line-height:1.75;
		font-family: var(--secondary-font);
		text-align:justify;
		word-break: break-all;
	}
	.clinic-btn-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width:100%;
		padding:30px 0 0 0;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.clinic-wrapper {
		display: block;
		width:100%;
		padding: 50px 0;
		background:#f7f7f7;
	}
	.clinic-container {
		display:flex;
		flex-flow: column wrap;
		justify-content:space-between;
		width: 100%;
	}
	.clinic-info {
		display:block;
		width:100%;
	}
	.clinic-info:first-child {
		margin-bottom: 50px;
	}
	.clinic__img {
		display: block;
		width: 100%;
		height:auto;
	}
	.clinic__img > img {
		display:block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.clinic__name {
		font-size: 26px;
		text-align: center;
		line-height:1.5;
		padding: 10px 0;
		font-weight: 400;
	}
	.clinic__description {
		font-size:15px;
		line-height:1.75;
		font-family: var(--secondary-font);
	}
	.clinic-btn-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width:100%;
		padding:30px 0 0 0;
	}
}
@media screen and (min-width:992px) {
	.clinic-wrapper {
		display: block;
		width:100%;
		padding: 50px 0;
		background:#f7f7f7;
	}
	.clinic-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
		margin-left: -20px;
		margin-right: -20px;
	}
	.clinic-info {
		display:block;
		width:calc(50% - 10px);
	}
	.clinic__img {
		display: block;
		width: 100%;
		height:auto;
	}
	.clinic__img > img {
		display:block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.clinic__name {
		font-size: 26px;
		text-align: center;
		line-height:1.5;
		padding: 10px 0;
		font-weight: 400;
	}
	.clinic__description {
		font-size:15px;
		line-height:1.75;
		font-family: var(--secondary-font);
	}
	.clinic-btn-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width:100%;
		padding:30px 0 0 0;
	}
}

/*
column
-------------------------------------------*/
@media only screen and (max-width:767px){
	.column-wrapper {
		padding:50px 0;
	}
	.column-body {
		width: 100%;
	}
	.column-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:100px;
		min-height: 40px;
		margin: 0 auto;
		background-size: 150px 51px;

	}
	.column-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.column-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 20px;
		text-align: center;
	}
	.column-container {
		display: flex;
		flex-flow:column wrap;
		width:100%;
	}
	.column-post {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width: 100%;
		margin-top: 30px;
	}
	.column-post__link {
		display:block;
		width: 36.61%;
	}
	.column-post__thumbnail {
		display:block;
		width: 100%;
		height:auto;
		overflow: hidden;
	}
	.column-post__thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.3s linear;
	}
	.column-post__body {
		display: flex;
		flex-flow:column wrap;
		width: calc(100% - 36.61% - 10px );
	}
	.column-post__detail {
		display:block;
		width: 100%;
	}
	.column-post__title {
		font-size: 13px;
		font-family: var(--secondary-font);
		text-align: justify;
		word-break: break-all;
		line-height:1.5;
		font-weight: 400;
		color: #000000;
		padding:0;
		transition: all 0.3s linear;
	}
	.column-post__detail:hover .column-post__title {
		opacity: 0.7;
	}
	.column-post__btnWrap {
		display:flex;
		flex-direction: column;
		justify-content:flex-end;
		align-items: flex-end;
		width: 100%;
		margin-top:5px;
	}
	.column-post__category {
		display: block;
		width: 105px;
		height: 20px;
		border-radius:10px;
		line-height:20px;
		color: #ffffff;
		text-align: center;
		font-size: 12px;
	}
	.column-post__date {
		display: block;
		width: auto;
		height: 23px;
		line-height:23px;
		color: #8f8f8f;
		text-align: center;
		font-size: 11px;
	}
	.column-btn-wrapper {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    padding: 50px 0 0 0;
	}
}
@media only screen and (min-width:768px){
	.column-wrapper {
		padding:50px 0;
	}
	.column-body {
		margin-left: -20px;
		margin-right: -20px;
	}
	.column-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:150px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
		padding-bottom: 15px;
	}
	.column-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.column-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.column-container {
		display: flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width:100%;
	}
	.column-post {
		display:flex;
		flex-flow:column wrap;
		width: calc(50% - 10px);
		margin-top: 30px;
	}
	.column-post__link {
		display:block;
		width: 100%;
	}
	.column-post__thumbnail {
		display:block;
		width: 100%;
		height:auto;
		overflow: hidden;
	}
	.column-post__thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.3s linear;
	}
	.column-post__body {
		display: flex;
		flex-flow:column wrap;
		width: 100%;
	}
	.column-post__detail {
		display:block;
		width: 100%;
	}
	.column-post__title {
		font-size: 15px;
		font-family: var(--secondary-font);
		text-align: justify;
		word-break: break-all;
		line-height:1.5;
		font-weight: 400;
		color: #000000;
		padding:15px 0;
		transition: all 0.3s linear;
	}
	.column-post__detail:hover .column-post__title {
		opacity: 0.7;
	}
	.column-post__btnWrap {
		display:flex;
		flex-wrap:row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.column-post__category {
		display: block;
		width: 120px;
		height: 23px;
		border-radius:15px;
		line-height:23px;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
	}
	.column-post__date {
		display: block;
		width: auto;
		height: 23px;
		line-height:23px;
		color: #8f8f8f;
		text-align: center;
		font-size: 13px;
	}
	.column-btn-wrapper {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
		height:110px;
    padding: 50px 0 0 0;
	}
}
@media only screen and (min-width:992px){
	.column-wrapper {
		padding:50px 0;
	}
	.column-body {
		margin-left: -20px;
		margin-right: -20px;
	}
	.column-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:150px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
		padding-bottom: 15px;
	}
	.column-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.column-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.column-container {
		display: flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width:100%;
	}
	.column-post {
		display:flex;
		flex-flow:column wrap;
		width: calc(25% - 15px);
		margin-top: 30px;
	}
	.column-post__link {
		display:block;
		width: 100%;
	}
	.column-post__thumbnail {
		display:block;
		width: 100%;
		height:160px;
		overflow: hidden;
	}
	.column-post__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.3s linear;
	}
	.column-post__thumbnail:hover > img {
		/*transform: scale(1.15);*/
		opacity:0.6;
	}
	.column-post__body {
		display: flex;
		flex-flow:column wrap;
		width: 100%;
	}
	.column-post__detail {
		display:block;
		width: 100%;
	}
	.column-post__title {
		font-size: 15px;
		font-family: var(--secondary-font);
		text-align: justify;
		word-break: break-all;
		line-height:1.5;
		font-weight: 400;
		color: #000000;
		padding:15px 0;
		transition: all 0.3s linear;
	}
	.column-post__detail:hover .column-post__title {
		opacity: 0.7;
	}
	.column-post__btnWrap {
		display:flex;
		flex-wrap:row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.column-post__category {
		display: block;
		width: 120px;
		height: 23px;
		border-radius:15px;
		line-height:23px;
		color: #ffffff;
		text-align: center;
		font-size: 14px;
	}
	.column-post__date {
		display: block;
		width: auto;
		height: 23px;
		line-height:23px;
		color: #8f8f8f;
		text-align: center;
		font-size: 13px;
	}
	.column-btn-wrapper {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
		height:110px;
    padding: 50px 0 0 0;
	}
}

/*
specialist
-------------------------------------------*/
@media screen and (max-width:767px) {
	.specialist-wrapper {
		padding:50px 0;
	}
	.specialist-body {
		margin-left: -10px;
		margin-right: -10px;
	}
	.specialist-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:200px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
	}
	.specialist-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.specialist-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 20px;
		text-align: center;
	}
	.specialist-container {
		display: flex;
		flex-flow:column nowrap;
		justify-content: center;
		width:100%;
		margin-top: 15px;
	}
	.specialist {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
		padding: 15px 0;
		transition: all 0.3s linear;
		border-bottom: 1px solid #e8e8e8;
	}
	.specialist__thumbnail {
		display: flex;
		flex-flow: row  nowrap;
		justify-content: center;
		align-items: center;
		width: 127px;
		height: 127px;
		border-radius: 70px;
		overflow: hidden;
	}
	.specialist__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.5s linear;
	}
	.specialist__body {
		display: block;
		width: calc(100% - 15px - 127px);
	}
	.specialist__name {
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:0 0 5px 0;
		color: #000000;
	}
	.specialist__text {
		text-align: justify;
		word-break: break-all;
		font-size: 12px;
		font-family: var(--secondary-font);
		color: #000000;
	}
	.specialist:hover{
		opacity: 0.7;
	}
	.specialist-btn-wrapper {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
    padding: 50px 0 0 0;
	}
}
@media screen and (min-width:768px) {
	.specialist-wrapper {
		padding:50px 0;
	}
	.specialist-body {
		margin-left: -10px;
		margin-right: -10px;
	}
	.specialist-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:250px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
		padding-bottom: 15px;
	}
	.specialist-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.specialist-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.specialist-container {
		display: flex;
		flex-flow:row wrap;
		justify-content: center;
		width:100%;
	}
	.specialist {
		display:flex;
		flex-flow: column wrap;
		width: 33.333333%;
		margin-top: 30px;
		padding:0 10px;
		transition: all 0.3s linear;
	}

	.specialist__thumbnail {
		display: flex;
		flex-flow: row  nowrap;
		justify-content: center;
		align-items: center;
		width: 203px;
		height: 203px;
		border-radius: 150px;
		overflow: hidden;
	}
	.specialist__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.5s linear;
	}
	.specialist__body {
		display: block;
		width: 100%;
	}
	.specialist__name {
		text-align: center;
		font-size: 18px;
		font-family: var(--secondary-font);
		padding:15px 0;
		color: #000000;
	}
	.specialist__text {
		text-align: justify;
		word-break: break-all;
		font-size: 15px;
		font-family: var(--secondary-font);
		color: #000000;
	}
	.specialist:hover{
		opacity: 0.7;
	}
	.specialist-btn-wrapper {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
		height:110px;
    padding: 50px 0 0 0;
	}
}
@media screen and (min-width: 992px) {
	.specialist-wrapper {
		padding:50px 0;
	}
	.specialist-body {
		margin-left: -20px;
		margin-right: -20px;
	}
	.specialist-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:250px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
		padding-bottom: 15px;
	}
	.specialist-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.specialist-header__title {
		display: block;
		width: 100%;
		font-weight: 400;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.specialist-container {
		display: flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width:100%;
	}
	.specialist {
		display:flex;
		flex-flow: column wrap;
		width: calc(20% - 20px);
		margin-top: 30px;
		transition: all 0.3s linear;
	}
	.specialist__thumbnail {
		display: flex;
		flex-flow: row  nowrap;
		justify-content: center;
		align-items: center;
		width: 180px;
		height: 180px;
		border-radius: 90px;
		overflow: hidden;
	}
	.specialist__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
		transition: all 0.5s linear;
	}
	.specialist__thumbnail:hover > img {
		transform: scale(1.15);
	}
	.specialist__body {
		display: block;
		width: 100%;
	}
	.specialist__name {
		text-align: center;
		font-size: 18px;
		font-family: var(--secondary-font);
		padding:15px 0;
		color: #000000;
	}
	.specialist__text {
		text-align: justify;
		word-break: break-all;
		font-size: 15px;
		font-family: var(--secondary-font);
		color: #000000;
	}
	.specialist:hover{
		opacity: 0.7;
	}
	.specialist-btn-wrapper {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
		height:110px;
    padding: 50px 0 0 0;
	}
}

/*
faq
-------------------------------------------*/
@media screen and (max-width: 767px) {
	.faq-wrapper {
		padding:50px 0;
		background: #f8f6f6;
	}
	.faq-body {
		width: 100%;
	}
	.faq-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:180px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
	}
	.faq-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.faq-header__title {
		display: block;
		width: 100%;
		font-weight: 500;
		height:30px;
		line-height:30px;
		font-size: 20px;
		text-align: center;
	}
	.faq-container {
		display: block;
		width:100%;
	}
	.faq-container > li {
		display: block;
		width: 100%;		
		margin-top: 30px;
		background:#ffffff;
		border:1px solid #e6e6e6;
	}
	.faq-container > li > a.qa-content-detail {
		padding:10px;
	}
	.faq-block {
		display:flex;
		flex-direction: column;
		width: 100%;
		margin: 0;
		padding:0;
	}
	.question {
		position: relative;
		display:flex;
		flex-flow:row nowrap;
		align-items:center;
		width: 100%;
		min-height: 30px;
		padding:7.5px 30px 7.5px 40px;
		cursor: pointer;
	}	
	.question::before{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background:url(../antil/assets/images/q-icon.png) no-repeat center;
		background-size: 30px 30px;
	}
	.question > span {
		font-size: 13px;
		line-height:15px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.answer {
		position: relative;
		display:flex;
		flex-flow:row nowrap;
		align-items:center;
		width: 100%;
		min-height: 30px;
		padding:7.5px 0 7.5px 40px;
		margin:0 0 0 0;
	}
	.answer > span {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 13px;
		font-weight: 500;
		text-align: justify;
		color: #1d1c1c;
		line-height:1.75;
	}
}
@media screen and (min-width: 768px) {
	.faq-wrapper {
		padding:50px 0;
		background: #f8f6f6;
	}
	.faq-body {
		margin-left: -20px;
		margin-right: -20px;
	}
	.faq-header {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		max-width:250px;
		min-height: 50px;
		margin: 0 auto;
		background-size: 150px 51px;
		padding-bottom: 15px;
	}
	.faq-header::after{
		content:"";
		position:absolute;
		bottom: 0;
		left: 0;
		display: block;
		width:100%;
		height:5px;
		background-image:	url(../antil/assets/images/dot-icon.png),
											url(../antil/assets/images/line-icon.png),
											url(../antil/assets/images/dot-icon.png);
		background-repeat: no-repeat, repeat-x, no-repeat;
		background-position: top left, left center, top right;
		background-size: 5px 5px, 5px, 5px, 5px 5px;
	}
	.faq-header__title {
		display: block;
		width: 100%;
		font-weight: 500;
		height:30px;
		line-height:30px;
		font-size: 28px;
		text-align: center;
	}
	.faq-container {
		display: block;
		width:100%;
	}
	.faq-container > li {
		display: block;
		width: 100%;
		margin-top: 30px;
		background:#ffffff;
		border:1px solid #e6e6e6;
	}
	.faq-container > li > a.qa-content-detail {
		padding:30px;
	}
	.faq-block {
		display:flex;
		flex-direction: column;
		width: 100%;
	}
	.question {
		position: relative;
		display:flex;
		flex-flow:row nowrap;
		align-items:center;
		width: 100%;
		min-height: 50px;
		padding:12px 30px 12px 70px;
		cursor: pointer;
	}	
	.question::before{
		content:"";
		position:absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background:url(../antil/assets/images/q-icon.png) no-repeat center;
		background-size: 50px 50px;
	}
	.question > span {
		font-size: 18px;
		line-height:26px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.answer {
		position: relative;
		display:flex;
		flex-flow:row nowrap;
		align-items:center;
		width: 100%;
		min-height: 50px;
		padding:12px 30px 12px 70px;
		margin:0;
	}
	.answer > span {
		display: -webkit-box;
		-webkit-line-clamp: 5;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 16px;
		font-weight: 500;
		text-align: justify;
		color: #1d1c1c;
		line-height:26px;
	}
}

/*
breadcrumbs
------------------------------------------*/
@media only screen and (max-width:767px){
	.breadcrumbs-wrapper {
		display: block;
		width:100%;
		background:#FFFFFF;
	}
	.breadcrumbs {
		display:flex;
		flex-flow: row wrap;
		justify-content:flex-start;
		align-items: center;
		width: 100%;
		height: 60px;
	}
	.breadcrumbs > li {
		display: flex;
		display:flex;
		flex-flow: row wrap;
		justify-content:flex-start;
		align-items: center;
		width: auto;
		height:20px;
		line-height:20px;
		font-size: 20px;
	}
	.breadcrumbs > li:not(:first-child){
		margin-left: 10px;
	}
	.breadcrumbs > li > a {
		display: block;
		width:auto;
		height: 20px;
		font-size: 13px;
	}
	.breadcrumbs > li > a > span,
	.breadcrumbs > li > span {
		position: relative;
		font-family: var(--secondary-font);
		font-size: 13px;
		line-height:20px;
		color: #000000;
		transition: all 0.3s linear;
	}
	.breadcrumbs > li > a:hover {
		opacity: 0.7;
	}
	.breadcrumbs > li > a > .current{
		color: #c05272;
		text-decoration:underline;
	}
}
@media only screen and (min-width:768px){
	.breadcrumbs-wrapper {
		display: block;
		width:100%;
		background:#FFFFFF;
	}
	.breadcrumbs {
		display:flex;
		flex-flow: row wrap;
		justify-content:flex-start;
		align-items: center;
		width: 100%;
		height: 60px;
	}
	.breadcrumbs > li {
		display: flex;
		display:flex;
		flex-flow: row wrap;
		justify-content:flex-start;
		align-items: center;
		width: auto;
		height:20px;
		line-height:20px;
		font-size: 20px;
	}
	.breadcrumbs > li:not(:first-child){
		margin-left: 20px;
	}
	.breadcrumbs > li > a {
		display: block;
		width:auto;
		height: 20px;
		font-size: 13px;
	}
	.breadcrumbs > li > a > span,
	.breadcrumbs > li > span {
		position: relative;
		font-family: var(--secondary-font);
		font-size: 13px;
		line-height:20px;
		color: #000000;
		transition: all 0.3s linear;
	}
	.breadcrumbs > li > a:hover {
		opacity: 0.7;
	}
	.breadcrumbs > li > a > .current{
		color: #c05272;
		text-decoration:underline;
	}
}
/*
company
------------------------------------------*/
@media screen and (max-width:767px) {
	.company-body {
		display: block;
		width: 100%;
		margin: 30px 0 50px 0;
	}
	.company-body > li {
		display: block;
		width: 100%;
		padding-bottom: 10px;
	}
	.company-profile,
	.company-profile > dt,
	.company-profile > dd {
		display: block;
		width: 100%;
		margin:0;
		padding: 0;
		font-family: var(--secondary-font);
	}
	.company-profile > dt {
		background: #f8f6f6;
		padding:3px 10px;
		border-top: 1px solid #e6e6e6;
	}
	.company-profile__title {
		font-size: 1em;
		line-height:1.5em;
		font-weight: 700;
	}
	.company-profile > dd {
		background: #FFFFFF;
		padding:10px 10px 3px 10px;		
	}
	.company-profile__text {
		font-size: 0.845em;
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__tel-smd{
		font-size: 0.845em;
		line-height:1.5;
		color: #000000;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__tel-lgd {
		display: none;
	}
	.company-profile__link {
		font-size: 0.845em;
		line-height:1.5;
		transition: all 0.3s linear;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__link:hover {
		opacity: 0.7;
	}
	.company-profile__service {
		list-style-type: decimal;
		padding-left:25px;
	}
	.company-profile__service > li {
		font-size: 0.845em;
		line-height:1.5;
		padding: 3px 0 3px 5px;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__banks {
		list-style:none;
	}
	.company-profile__banks > li {
		font-size: 0.845em;
		line-height:1.5;
		padding: 3px 0 3px 0;
		text-align:justify;
		word-break: break-all;
	}
}
@media screen and (min-width:768px) {
	.company-body {
		display: block;
		width: 100%;
		margin: 40px 0 50px 0;
	}
	.company-body > li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.company-body > li:first-child {
		border-top: 1px solid #e6e6e6;
	}
	.company-profile {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		margin:0;
		font-family: var(--secondary-font);
	}
	.company-profile > dt {
		display: block;
		width:150px;
		background: #f8f6f6;
		padding:20px 15px;
	}
	.company-profile__title {
		display: block;
		font-size: 1em;
		line-height:1.5em;
		font-weight: 700;
	}
	.company-profile > dd {
		width:calc(100% - 150px);
		background: #FFFFFF;
		padding:20px 10px 20px 30px;		
	}
	.company-profile__text {
		font-size: 1em;
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__tel-smd{
		font-size: 1em;
		line-height:1.5;
		color: #000000;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__tel-lgd {
		display: none;
	}
	.company-profile__link {
		font-size: 1em;
		line-height:1.5;
		transition: all 0.3s linear;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__link:hover {
		opacity: 0.7;
	}
	.company-profile__service {
		list-style-type: decimal;
		padding-left:25px;
	}
	.company-profile__service > li {
		font-size: 1em;
		line-height:1.5;
		padding: 3px 0 3px 5px;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__banks {
		list-style:none;
	}
	.company-profile__banks > li {
		font-size: 1em;
		line-height:1.5;
		padding: 3px 0 3px 0;
		text-align:justify;
		word-break: break-all;
	}
}
@media screen and (min-width:992px) {
	.company-body {
		display: block;
		width: 100%;
		margin: 60px 0 50px 0;
	}
	.company-body > li {
		display: block;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.company-body > li:first-child {
		border-top: 1px solid #e6e6e6;
	}
	.company-profile {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		margin:0;
		font-family: var(--secondary-font);
	}
	.company-profile > dt {
		display: block;
		width:150px;
		background: #f8f6f6;
		padding:25px 15px;
	}
	.company-profile__title {
		display: block;
		font-size: 1em;
		line-height:1.5em;
		font-weight: 700;
	}
	.company-profile > dd {
		width:calc(100% - 150px);
		background: #FFFFFF;
		padding:25px 10px 25px 40px;		
	}
	.company-profile__text {
		font-size: 1em;
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__tel-smd{
		font-size: 1em;
		line-height:1.5;
		color: #000000;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__tel-lgd {
		display: none;
	}
	.company-profile__link {
		font-size: 1em;
		line-height:1.5;
		transition: all 0.3s linear;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__link:hover {
		opacity: 0.7;
	}
	.company-profile__service {
		list-style-type: decimal;
		padding-left:25px;
	}
	.company-profile__service > li {
		font-size: 1em;
		line-height:1.5;
		padding: 3px 0 3px 5px;
		text-align:justify;
		word-break: break-all;
	}
	.company-profile__banks {
		list-style:none;
	}
	.company-profile__banks > li {
		font-size: 1em;
		line-height:1.5;
		padding: 3px 0 3px 0;
		text-align:justify;
		word-break: break-all;
	}
}
/*
terms
-----------------------------------------*/
@media screen and (max-width:767px){
	.terms {
		width: 100%;
		margin-top:30px;
	}
	.terms-body {
		display: block;
		width: 100%;
		margin-bottom: 20px;
	}
	.terms-title {
		position: relative;
		display: block;
		width:100%;
		color: var(--main-color);
		font-size: 14px;
	}
	.terms-title > span {
		padding-right: 10px;
	}
	.terms-text {
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:10px 0;
		line-height:1.75;
		text-align: justify; 
		word-break: break-all;
	}
	.terms-decimal {
		display: block;
		width: 100%;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.terms-decimal > li {
		position: relative;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:3px 0 3px 30px;
		line-height:1.5;
	}
	.terms-decimal > li > span {
		position:absolute;
		left: 0;
	}
}
@media screen and (min-width:768px){
	.terms {
		width: 100%;
		margin-top:60px;
	}
	.terms-body {
		display: block;
		width: 100%;
		margin-bottom: 50px;
	}
	.terms-title {
		position: relative;
		display: block;
		width:100%;
		color: var(--main-color);
		font-size: 20px;
	}
	.terms-title > span {
		padding-right: 10px;
	}
	.terms-text {
		font-size: 1em;
		font-family: var(--secondary-font);
		padding:15px 0;
		line-height:1.75;
		text-align: justify; 
		word-break: break-all;
	}
	.terms-decimal {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.terms-decimal > li {
		position: relative;
		font-size: 1em;
		font-family: var(--secondary-font);
		padding:3px 0 3px 30px;
		line-height:1.5;
	}
	.terms-decimal > li > span {
		position:absolute;
		left: 0;
	}
}
/*
Privacy Policy
----------------------------------------*/
@media screen and (max-width:767px){
	.privacy-policy {
		width: 100%;
		margin-top:30px;
	}
	.privacy-policy-text-top {
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:0 0 30px 0;
		line-height:1.75;
		text-align: justify; 
		word-break: break-all;
	}
	.privacy-policy-body {
		display: block;
		width: 100%;
		margin-bottom: 30px;
	}
	.privacy-policy-title {
		position: relative;
		display: block;
		width:100%;
		color: var(--main-color);
		font-size: 14px;
	}
	.privacy-policy-title > span {
		padding-right: 10px;
	}
	.privacy-policy-text {
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:10px 0;
		line-height:1.75;
		text-align: justify; 
		word-break: break-all;
	}
	.privacy-policy-circle,
	.privacy-policy-decimal {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.privacy-policy-decimal > li,
	.privacy-policy-circle > li {
		position: relative;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:3px 0 3px 20px;
		line-height:1.5;
	}
	.privacy-policy-circle > li > span,
	.privacy-policy-decimal > li > span {
		position:absolute;
		left: 0;
	}
	.privacy-policy-text__sub{
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:3px 0 3px 0;
		line-height:1.5;
	}
	.privacy-policy-sub-container {
		width:100%;
		padding-left:30px;
	}
	.no-margin-top {
		margin-top:0;
	}
}
@media screen and (min-width:768px){
	.privacy-policy {
		width: 100%;
		margin-top:60px;
	}
	.privacy-policy-text-top {
		font-size: 1em;
		font-family: var(--secondary-font);
		padding:0 0 60px 0;
		line-height:1.75;
		text-align: justify; 
		word-break: break-all;
	}
	.privacy-policy-body {
		display: block;
		width: 100%;
		margin-bottom: 50px;
	}
	.privacy-policy-title {
		position: relative;
		display: block;
		width:100%;
		color: var(--main-color);
		font-size: 20px;
	}
	.privacy-policy-title > span {
		padding-right: 10px;
	}
	.privacy-policy-text {
		font-size: 1em;
		font-family: var(--secondary-font);
		padding:15px 0;
		line-height:1.75;
		text-align: justify; 
		word-break: break-all;
	}
	.privacy-policy-circle,
	.privacy-policy-decimal {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.privacy-policy-decimal > li,
	.privacy-policy-circle > li {
		position: relative;
		font-size: 1em;
		font-family: var(--secondary-font);
		padding:3px 0 3px 30px;
		line-height:1.5;
	}
	.privacy-policy-circle > li > span,
	.privacy-policy-decimal > li > span {
		position:absolute;
		left: 0;
	}
	.privacy-policy-text__sub{
		font-size: 1em;
		font-family: var(--secondary-font);
		padding:3px 0 3px 0;
		line-height:1.5;
	}
	.privacy-policy-sub-container {
		width:100%;
		padding-left:30px;
	}
	.no-margin-top {
		margin-top:0;
	}
}
/*
contact
----------------------------------------*/
@media screen and (max-width:767px) {
	.contact-wrapper {
		margin-top:30px;
		margin-bottom: 50px;
	}
	.contact-text-top {
		font-size: 13px;
		font-family: var(--secondary-font);
		line-height:1.75;
		text-align: justify;
		word-break: break-all;
	}
	.contact-text-caution {
		font-size: 14px;
		font-family: var(--secondary-font);
		line-height:1.75;
		font-weight: 700;
		margin-top: 10px;
	}
	.contact-text-caution > span {
		padding-right: 10px;
	}
	.contact-form {
		display:block;
		width: 100%;
		margin-top: 15px;
	}
	.contact-form input,
	.contact-form textarea {
		height: 34px;
		border: 1px solid #b3b3b3;
		line-height:30px;
		padding:0 10px;
		font-family: var(--secondary-font);
		font-size: 13px;
	}
	.contact-form input::placeholder,
	.contact-form textarea::placeholder {
		color: #9f9f9f;
		font-size: 13px;
	}
	.contact-form-body {
		display:block;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.contact-form-body > li {
		display:block;
		width: 100%;
		border-top: 1px solid #e6e6e6;
	}
	.contact-form-field {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.contact-form-field > dt {
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		width:100%;
		height: 40px;
		padding: 0 10px;
		background: #f8f6f6;
	}
	.contact-form-label {
		position:relative;
		display: block;
		width: 100%;
		height:20px;
		line-height:20px;
		color: var(--main-color);
		font-size: 14px;
		font-weight: 700;
		font-family: var(--secondary-font);
	}
	.contact-form-label > span {
		position:absolute;
		right:0;
	}
	.contact-form-field > dd {
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		width:100%;
		min-height: 80px;
		padding: 20px 10px;
	}
	.contact-form-name {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.contact-form-name__field {
		display:flex;
		flex-flow: row wrap;
		width:100%;
		font-family: var(--secondary-font);
	}
	.contact-form-name__field:first-child {
		margin-bottom: 15px;
	}
	.contact-form-name__field > input{
		width:calc(100% - 40px);
	}
	.contact-form-name__field > span {
		width:40px;
		line-height:30px;
		font-size:13px;
	}
	.contact-form-name__field > .error {
		width: 100%;
		line-height:20px;
		font-size: 12px;
		padding-left: 40px;
	}	
	.contact-form-furigana__field {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width:100%;
		font-family: var(--secondary-font);
	}
	.contact-form-furigana__field:first-child{
		margin-bottom: 15px;
	}
	.contact-form-furigana__field > input{
		width:calc(100% - 40px);
	}
	.contact-form-furigana__field > span {
		width:40px;
		line-height:30px;
		font-size:13px;
	}
	.contact-form-furigana__field > .error {
		width: 100%;
		line-height:20px;
		font-size: 12px;
		padding-left: 40px;
	}
	.contact-form-furigana__note {
		display:flex;
		flex-flow: column wrap;
		justify-content:flex-end;
		width: 100%;
		height:1.5;
		margin-top: 10px;
	}
	.contact-form-furigana__note > span {
		font-family: var(--secondary-font);
		font-size:13px;
	}
	.contact-form-email__field {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.contact-form-email__field .error {
		width: 100%;
		line-height:20px;
		font-size: 12px;
		font-family: var(--secondary-font);
	}
	.contact-form-field input[name="company"],
	.contact-form-field input[name="email"],
	.contact-form-field input[name="re-email"] {
		width: 100%;
	}
	.mwform-tel-field input.phone {
		width:90px;
	}
	.contact-form-message__field {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.contact-form-message__field .error {
		width: 100%;
		line-height:20px;
		font-size: 12px;
		font-family: var(--secondary-font);
	}
	.contact-form-field textarea[name="message"]{
		width: 100%;
		height:150px;
		font-size: 13px;
	}
	.contact-form-privacy-wrapper {
		position:relative;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		margin-top: 20px;
	}
	.mwform-checkbox-field-text {
		display:none !important;
	}
	.mwform-checkbox-field {
		width: 30px;
	}
	.contact-form-privacy-wrapper .error {
		position:absolute !important;
		bottom: -15px;
		left: calc(50% - 75px);
		transform:translateX(-50%);
		width: auto;
		line-height:20px;
		font-size: 12px;
		font-family: var(--secondary-font);
	}
	.contact-form-label {
		display:flex;
		flex-flow:row wrap;
		width: auto;
		line-height: 20px;
		color: #000000;
		padding-right: 30px;
		font-weight: 400;
	}
	.contact-form-label .mandatory {
		color: var(--main-color);
	}
	.contact-form-label > a {
		color:var(--main-color);
		text-decoration: underline;
	}
	.contact-form-button-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width: 100%;
		height:128px;
		margin-top: 50px;
	}
	.contact-form-button-wrapper button {
		cursor: pointer;
	}
	/*confirm*/
	.mw_wp_form_preview .contact-form-name__field span,
	.mw_wp_form_preview .contact-form-furigana__field span,
	.mw_wp_form_preview .contact-form-furigana__note,
	.mw_wp_form_preview .contact-form-privacy__checkbox {
		display:none;
	}
	.mw_wp_form_preview .contact-form-name__field,
	.mw_wp_form_preview .contact-form-furigana__field {
		width:auto !important;
		padding-right: 20px;
		margin:0;
	}
	.mw_wp_form_preview .contact-form-field dd {
		font-family: var(--secondary-font);
	}
	.mw_wp_form_preview .contact-form-message__field {
		font-family: var(--secondary-font);
		line-height:2;
	}
	/*thanks*/
	.contact-thanks-text-top {
		font-size: 13px;
    font-family: var(--secondary-font);
    line-height: 1.75;
		text-align: justify;
		word-break: break-all;
	}
	.contact-thanks-text-top .for-lgd {
		display:none;
	}
	.contact-information-thanks {
		display: block;
		width:100%;
		background:#ffffff;
		border:1px solid #e6e6e6;
		padding:13px;
		margin-top:30px;
		font-family: var(--secondary-font);
	}
	.contact-information__title {
		font-size: 14px;
		line-height:2;
	}
	.contact-information__address {
		font-size: 13px;
		line-height:1.5;
		margin-top: 10px;
	}
	.contact-information__phone {
		font-size: 13px;
		line-height:1.5;
		margin-top: 30px;
		font-weight: 700;
	}
	.contact-information__phone > span {
		display:none;	
	}
	.contact-information__phone > .for-smd {
		font-weight: 400;
	}
	.contact-information__fax {
		font-size: 13px;
		line-height:1.5;
		margin-top: 5px;
		font-weight: 700;
	}
	.contact-information__fax > span {
		font-weight: 400;
	}
	.contact-information__email {
		font-size: 13px;
		line-height:1.5;
		margin-top: 5px;
		font-weight: 700;
	}
	.contact-information__email > a {
		font-weight: 400;
		color: var(--main-color);
	}
}
@media screen and (min-width:768px) {
	.contact-wrapper {
		margin-top:50px;
		margin-bottom: 50px;
	}
	.contact-text-top {
		font-size: 1em;
		font-family: var(--secondary-font);
		line-height:1.75;
	}
	.contact-text-caution {
		font-size: 1em;
		font-family: var(--secondary-font);
		line-height:1.75;
		font-weight: 700;
		margin-top: 10px;
	}
	.contact-text-caution > span {
		padding-right: 15px;
	}
	.contact-form {
		display:block;
		width: 100%;
		margin-top: 15px;
	}
	.contact-form input,
	.contact-form textarea {
		height: 44px;
		border: 1px solid #b3b3b3;
		line-height:40px;
		padding:0 20px;
		font-family: var(--secondary-font);
	}
	.contact-form input::placeholder,
	.contact-form textarea::placeholder {
		color: #9f9f9f;
	}
	.contact-form-body {
		display:block;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.contact-form-body > li {
		display:block;
		width: 100%;
		border-top: 1px solid #e6e6e6;
	}
	.contact-form-field {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.contact-form-field > dt {
		display:flex;
		flex-flow: row wrap;
		align-items: flex-start;
		width:230px;
		min-height: 80px;
		padding: 20px;
		background: #f8f6f6;
	}
	.contact-form-label {
		position:relative;
		display: block;
		width: 100%;
		height:40px;
		line-height:40px;
		color: var(--main-color);
		font-size: 1em;
		font-weight: 700;
		font-family: var(--secondary-font);
	}
	.contact-form-label > span {
		position:absolute;
		right:0;
	}
	.contact-form-field > dd {
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		width:calc(100% - 230px);
		min-height: 80px;
		padding: 20px;
	}
	.contact-form-name {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.contact-form-name__field {
		display:flex;
		flex-flow: row wrap;
		width:calc( 50% - 10px );
		font-family: var(--secondary-font);
	}
	.contact-form-name__field > input{
		width:calc(100% - 26px);
	}
	.contact-form-name__field > span {
		width:26px;
		line-height:42px;
	}
	.contact-form-name__field > .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
	}
	.contact-form-name__field:first-child {
		margin-right: 20px;
	}
	.contact-form-furigana__field {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width:calc(50% - 10px);
		font-family: var(--secondary-font);
	}
	.contact-form-furigana__field > input{
		width:calc(100% - 45px);
	}
	.contact-form-furigana__field > span {
		width:45px;
		line-height:42px;
	}
	.contact-form-furigana__field > .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
	}
	.contact-form-furigana__field:first-child {
		margin-right: 20px;
	}
	.contact-form-furigana__note {
		display:flex;
		flex-flow: column wrap;
		justify-content:flex-end;
		width: 100%;
		height:1.5;
		margin-top: 10px;
	}
	.contact-form-furigana__note > span {
		font-family: var(--secondary-font);
		font-size:15px;
	}
	.contact-form-email__field {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.contact-form-email__field .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.contact-form-field input[name="company"],
	.contact-form-field input[name="email"],
	.contact-form-field input[name="re-email"] {
		width: 100%;
	}
	.mwform-tel-field input.phone {
		width:90px;
	}
	.contact-form-message__field {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.contact-form-message__field .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.contact-form-field textarea[name="message"]{
		width: 100%;
		height:250px;
	}
	.contact-form-privacy-wrapper {
		position:relative;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width: 100%;
		margin-top: 20px;
	}
	.mwform-checkbox-field-text {
		display:none !important;
	}
	.mwform-checkbox-field {
		width: 30px;
	}
	.contact-form-privacy-wrapper .error {
		position:absolute !important;
		bottom: -5px;
		left: calc(50% - 100px);
		transform:translateX(-50%);
		width: auto;
		line-height:20px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.contact-form-label {
		display:flex;
		flex-flow:row wrap;
		width: auto;
		line-height: 44px;
		color: #000000;
		padding-right: 30px;
		font-weight: 400;
	}
	.contact-form-label .mandatory {
		color: var(--main-color);
	}
	.contact-form-label > a {
		color:var(--main-color);
		text-decoration: underline;
	}
	.contact-form-button-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width: 100%;
		height:66px;
		margin-top: 50px;
	}
	.contact-form-button-wrapper button {
		cursor: pointer;
	}
	/*confirm*/
	.mw_wp_form_preview .contact-form-name__field span,
	.mw_wp_form_preview .contact-form-furigana__field span,
	.mw_wp_form_preview .contact-form-furigana__note,
	.mw_wp_form_preview .contact-form-privacy__checkbox {
		display:none;
	}
	.mw_wp_form_preview .contact-form-name__field,
	.mw_wp_form_preview .contact-form-furigana__field {
		width:auto !important;
		padding-right: 20px;
		margin:0;
	}
	.mw_wp_form_preview .contact-form-field dd {
		font-family: var(--secondary-font);
	}
	.mw_wp_form_preview .contact-form-message__field {
		font-family: var(--secondary-font);
		line-height:2;
	}
	.contact-confirm-text-top {
		font-size: 1em;
    font-family: var(--secondary-font);
    line-height: 1.75;
		margin-bottom: 40px;
	}
	/*thanks*/
	.contact-thanks-text-top {
		font-size: 1em;
    font-family: var(--secondary-font);
    line-height: 1.75;
	}
	.contact-thanks-text-top .for-smd {
		display:none;
	}
	.contact-information-thanks {
		display: block;
		width:100%;
		background:#ffffff;
		border:1px solid #e6e6e6;
		padding:15px;
		margin-top:30px;
		font-family: var(--secondary-font);
	}
	.contact-information__title {
		font-size: 18px;
		line-height:2;
	}
	.contact-information__address {
		font-size: 1em;
		line-height:1.5;
		margin-top: 10px;
	}
	.contact-information__phone {
		font-size: 1em;
		line-height:1.5;
		margin-top: 30px;
		font-weight: 700;
	}
	.contact-information__phone > span {
		font-weight: 400;
	}
	.contact-information__phone > .for-smd {
		display:none;
	}
	.contact-information__fax {
		font-size: 1em;
		line-height:1.5;
		margin-top: 5px;
		font-weight: 700;
	}
	.contact-information__fax > span {
		font-weight: 400;
	}
	.contact-information__email {
		font-size: 1em;
		line-height:1.5;
		margin-top: 5px;
		font-weight: 700;
	}
	.contact-information__email > a {
		font-weight: 400;
		color: var(--main-color);
	}
}
@media screen and (min-width:992px) {
	.contact-wrapper {
		margin-top:60px;
		margin-bottom: 50px;
	}
	.contact-text-top {
		font-size: 1em;
		font-family: var(--secondary-font);
		line-height:1.75;
	}
	.contact-text-caution {
		font-size: 1em;
		font-family: var(--secondary-font);
		line-height:1.75;
		font-weight: 700;
		margin-top: 10px;
	}
	.contact-text-caution > span {
		padding-right: 15px;
	}
	.contact-form {
		display:block;
		width: 100%;
		margin-top: 15px;
	}
	.contact-form input,
	.contact-form textarea {
		height: 44px;
		border: 1px solid #b3b3b3;
		line-height:40px;
		padding:0 20px;
		font-family: var(--secondary-font);
	}
	.contact-form input::placeholder,
	.contact-form textarea::placeholder {
		color: #9f9f9f;
	}
	.contact-form-body {
		display:block;
		width: 100%;
		border-bottom: 1px solid #e6e6e6;
	}
	.contact-form-body > li {
		display:block;
		width: 100%;
		border-top: 1px solid #e6e6e6;
	}
	.contact-form-field {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.contact-form-field > dt {
		display:flex;
		flex-flow: row wrap;
		align-items: flex-start;
		width:250px;
		min-height: 80px;
		padding: 20px;
		background: #f8f6f6;
	}
	.contact-form-label {
		position:relative;
		display: block;
		width: 100%;
		height:40px;
		line-height:40px;
		color: var(--main-color);
		font-size: 1em;
		font-weight: 700;
		font-family: var(--secondary-font);
	}
	.contact-form-label > span {
		position:absolute;
		right:0;
	}
	.contact-form-field > dd {
		display:flex;
		flex-flow: row wrap;
		align-items: center;
		width:calc(100% - 250px);
		min-height: 80px;
		padding: 20px;
	}
	.contact-form-name {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.contact-form-name__field {
		display:flex;
		flex-flow: row wrap;
		width:226px;
		font-family: var(--secondary-font);
	}
	.contact-form-name__field > input{
		width:200px;
	}
	.contact-form-name__field > span {
		width:26px;
		line-height:42px;
	}
	.contact-form-name__field > .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
	}
	.contact-form-name__field:first-child {
		margin-right: 30px;
	}
	.contact-form-furigana__field {
		display:flex;
		flex-flow: row wrap;
		width:245px;
		font-family: var(--secondary-font);
	}
	.contact-form-furigana__field > input{
		width:200px;
	}
	.contact-form-furigana__field > span {
		width:45px;
		line-height:42px;
	}
	.contact-form-furigana__field > .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
	}
	.contact-form-furigana__field:first-child {
		margin-right: 30px;
	}
	.contact-form-furigana__note {
		display:flex;
		flex-flow: column wrap;
		justify-content:flex-end;
		width: auto;
		height:42px;		
		margin-left: 15px;
	}
	.contact-form-furigana__note > span {
		font-family: var(--secondary-font);
		font-size:15px;
	}
	.contact-form-email__field {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.contact-form-email__field .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.contact-form-field input[name="company"],
	.contact-form-field input[name="email"],
	.contact-form-field input[name="re-email"] {
		width: 500px;
	}
	.mwform-tel-field input.phone {
		width:90px;
	}
	.contact-form-message__field {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.contact-form-message__field .error {
		width: 100%;
		line-height:20px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.contact-form-field textarea[name="message"]{
		width: 100%;
		height:250px;
	}
	.contact-form-privacy-wrapper {
		position:relative;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width: 100%;
		margin-top: 20px;
	}
	.mwform-checkbox-field-text {
		display:none !important;
	}
	.mwform-checkbox-field {
		width: 30px;
	}
	.contact-form-privacy-wrapper .error {
		position:absolute !important;
		bottom: -5px;
		left: calc(50% - 100px);
		transform:translateX(-50%);
		width: auto;
		line-height:20px;
		font-size: 14px;
		font-family: var(--secondary-font);
	}
	.contact-form-label {
		display:flex;
		flex-flow:row wrap;
		width: auto;
		line-height: 44px;
		color: #000000;
		padding-right: 30px;
		font-weight: 400;
	}
	.contact-form-label .mandatory {
		color: var(--main-color);
	}
	.contact-form-label > a {
		color:var(--main-color);
		text-decoration: underline;
	}
	.contact-form-button-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width: 100%;
		height:66px;
		margin-top: 50px;
	}
	.contact-form-button-wrapper button {
		cursor: pointer;
	}
	/*confirm*/
	.mw_wp_form_preview .contact-form-name__field span,
	.mw_wp_form_preview .contact-form-furigana__field span,
	.mw_wp_form_preview .contact-form-furigana__note,
	.mw_wp_form_preview .contact-form-privacy__checkbox {
		display:none;
	}
	.mw_wp_form_preview .contact-form-name__field,
	.mw_wp_form_preview .contact-form-furigana__field {
		width:auto !important;
		padding-right: 20px;
		margin:0;
	}
	.mw_wp_form_preview .contact-form-field dd {
		font-family: var(--secondary-font);
	}
	.mw_wp_form_preview .contact-form-message__field {
		font-family: var(--secondary-font);
		line-height:2;
	}
	.contact-confirm-text-top {
		font-size: 1em;
    font-family: var(--secondary-font);
    line-height: 1.75;
		margin-bottom: 60px;
	}
	/*thanks*/
	.contact-thanks-text-top {
		font-size: 1em;
    font-family: var(--secondary-font);
    line-height: 1.75;
	}
	.contact-thanks-text-top .for-smd {
		display:none;
	}
	.contact-information-thanks {
		display: block;
		width:100%;
		background:#ffffff;
		border:1px solid #e6e6e6;
		padding:15px;
		margin-top:30px;
		font-family: var(--secondary-font);
	}
	.contact-information__title {
		font-size: 18px;
		line-height:2;
	}
	.contact-information__address {
		font-size: 1em;
		line-height:1.5;
		margin-top: 10px;
	}
	.contact-information__phone {
		font-size: 1em;
		line-height:1.5;
		margin-top: 30px;
		font-weight: 700;
	}
	.contact-information__phone > span {
		font-weight: 400;
	}
	.contact-information__phone > .for-smd {
		display:none;
	}
	.contact-information__fax {
		font-size: 1em;
		line-height:1.5;
		margin-top: 5px;
		font-weight: 700;
	}
	.contact-information__fax > span {
		font-weight: 400;
	}
	.contact-information__email {
		font-size: 1em;
		line-height:1.5;
		margin-top: 5px;
		font-weight: 700;
	}
	.contact-information__email > a {
		font-weight: 400;
		color: var(--main-color);
	}
}
/*
specialist archive
----------------------------------------*/
@media screen and (min-width: 0px) {
	.specialist-archive-container {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
	}	
	.no-post-text {
		display: block;
		width: 100%;
		font-size:14px;
		text-align: center;
		line-height:1.5;
		font-family: var(--secondary-font);
		margin-top: 30px;
	}
}
@media screen and (max-width:767px) {
	.specialist-archive-container {
		margin:40px 0 65px 0;
		padding:0 20px;
	}
	.specialist-category-header {
		max-width:99px;
		min-height: 40px;
		background-size: 99px 41px;
	}
	.specialist-archive-header {
		max-width:198.5px;
		min-height: 40px;
		background-size: 198.5px 41px;
	}
}
@media screen and (min-width:768px) {
	.specialist-archive-container {
		margin:40px 0 65px 0;
	}
	.specialist-category-header {
		max-width:136px;
		min-height: 50px;
		background-size: 136px 51px;
	}
	.specialist-archive-header {
		max-width:295px;
		min-height: 50px;
		background-size: 295px 51px;
	}
}
@media screen and (min-width:992px) {
	.specialist-archive-container {
		margin:40px 0 65px 0;
	}
}

/*main contents*/
@media screen and (max-width:767px) {
	.specialist-category {
		display: block;
		width: 100%;
	}
	.specialist-archive {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.post-wrapper {
		display: flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.post-block {
		display:flex;
		flex-direction: column;
		width:100%;
		margin-top: 30px;
		padding-bottom: 15px;
		border-bottom: 1px solid #e6e6e6;
	}
	.post-block-link {
		display:flex;
		flex-flow:row wrap;
		justify-content: space-between;
		width:100%;
	}
	.post__thumbnail {
		display: block;
		width:36.619718%;
		height: 78px;
		overflow: hidden;
	}
	.post__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.post__title {
		display: block;
		width:59.532394%;
		font-size:14px;
		text-align: justify;
		word-break: break-word;
		line-height:1.5;
		color: #000000;
		font-family: var(--secondary-font);
		font-weight: 400;
	}
	.post-taxonomy-wrapper {
		display: flex;
		flex-flow:column wrap;
		align-items: flex-end;
		width: 100%;
	}
	.post-taxonomy__category {
		display: flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		background:#9e9e9e;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:0 10px;
		letter-spacing:-0.05rem;
	}
	.post__date {
		font-size: 14px;
		line-height:23px;
		font-family: var(--secondary-font);
		margin-top: 5px;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.specialist-archive-container {
		margin:40px 0 65px 0;
	}
	.specialist-category {
		display: block;
		width: 100%;
	}
	.specialist-archive {
		display: block;
		width: 100%;
		margin-top:50px;
	}
	.post-wrapper {
		display: flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.post-block {
		display:flex;
		flex-direction: column;
		width:calc(50% - 10px );
		margin-top: 50px;
	}
	.post__thumbnail {
		display: block;
		width:100%;
		height: 144px;
		overflow: hidden;
	}
	.post__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.post__title {
		display: block;
		width:100%;
		font-size:15px;
		text-align: justify;
		word-break: break-word;
		line-height:1.5;
		margin-top:15px;
		color: #000000;
		font-family: var(--secondary-font);
		font-weight: 400;
	}
	.post-taxonomy-wrapper {
		display: flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 15px;
	}
	.post-taxonomy__category {
		display: flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		background:#9e9e9e;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:0 10px;
		letter-spacing:-0.05rem;
	}
	.post__date {
		font-size: 14px;
		line-height:23px;
		font-family: var(--secondary-font);
	}
}
@media screen and (min-width:992px) {
	.specialist-archive-container {
		margin:40px 0 65px 0;
	}
	.specialist-category {
		display: block;
		width: 100%;
	}
	.specialist-archive {
		display: block;
		width: 100%;
		margin-top:60px;
	}
	.post-wrapper {
		display: flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.post-block {
		display:flex;
		flex-direction: column;
		width:31.410256%;
		margin-right: 2.884615%;
		margin-top: 50px;
	}
	.post-block:nth-child(3n){
		margin-right: 0px;
	}
	.post__thumbnail {
		display: block;
		width:100%;
		height: 150px;
		overflow: hidden;
	}
	.post__thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.post__title {
		display: block;
		width:100%;
		font-size:15px;
		text-align: justify;
		word-break: break-word;
		line-height:1.5;
		margin-top:15px;
		color: #000000;
		font-family: var(--secondary-font);
		font-weight: 400;
	}
	.post-taxonomy-wrapper {
		display: flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 15px;
	}
	.post-taxonomy__category {
		display: flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		background:#9e9e9e;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding:0 10px;
		letter-spacing:-0.05rem;
	}
	.post__date {
		font-size: 14px;
		line-height:23px;
		font-family: var(--secondary-font);
	}
}
/*sidebar*/
@media screen and (max-width:767px) {
	.sidebar-block {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.sidebar-header {
		display: flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height: 40px;
		border: 1px solid #c4b286;
	}
	.sidebar-title {
		line-height: 30px;
		font-size: 18px;
		text-align: center;
		color:#c4b286;
	}
	.sidebar-main__post {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.sidebar-main__post > li {
		display: block;
		width: 100%;
		padding:20px 0 30px 0;
		border-bottom:1px solid #e6e6e6;
	}
	.sidebar-post-wrapper {
		display: block;
		width: 100%;
	}
	.sidebar-date-icon {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content:flex-end;
		align-items:flex-end;
		width: 100%;
		height: 45px;
	}
	.sidebar-rank-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40px;
		height:45px;
	}
	.rank1 {
		background: url(../antil/assets/images/rank01.png) no-repeat center;
		background-size:contain;
	}
	.rank2 {
		background: url(../antil/assets/images/rank02.png) no-repeat center;
		background-size:contain;
	}
	.rank3 {
		background: url(../antil/assets/images/rank03.png) no-repeat center;
		background-size:contain;
	}
	.rank4 {
		background: url(../antil/assets/images/rank04.png) no-repeat center;
		background-size:contain;
	}
	.rank5 {
		background: url(../antil/assets/images/rank05.png) no-repeat center;
		background-size:contain;
	}
	.sidebar-date {
		font-size:14px;
		color: #b4b4b4;
		font-family: var(--secondary-font);
	}
	.sidebar-post-contents {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top:15px;
		transition: all 0.3s linear;
	}
	.sidebar-post-contents:hover{
		opacity: 0.7;
	}
	.sidebar-thumbnail {
		display: block;
		width: 41.97417%;
	}
	.sidebar-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.sidebar-post-title {
		display: -webkit-box;
		width: 52.051661%;
		font-size: 14px;
		font-family: var(--secondary-font);
		text-align: justify;
		word-break: break-word;
		color: #000000;
		font-weight: 400;
		line-height:1.5;		
		-webkit-line-clamp: 4; 
						line-clamp: 4; 
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: hidden;
	}
	/*date*/
	.post-date-wrapper {
		margin-top:50px;
	}
	.sidebar-main__date {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.sidebar-main__date > li {
		display: block;
		width: 100%;
		padding:10px 0;
		font-size: 18px;
		line-height:1.5;
		font-family: var(--secondary-font);
		color: #666666;
	}
	.sidebar-main__date > li > a,
	.sidebar-main__date-link {
		position: relative;
		display: inline-flex;
		align-items: center;
		width: auto;
		font-size: 18px;
		line-height:1.5;
		font-family: var(--secondary-font);
		padding-left: 20px;
		color: #666666;
		transition: all 0.3s linear;
	}
	.sidebar-main__date > li > a::before,
	.sidebar-main__date-link::before{
		content: "●";
		position:absolute;
		left: 0;
		font-size: 6px;
		color: #666666;
	}
	.sidebar-main__date-link:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.sidebar-block {
		display: block;
		width: 100%;
	}
	.sidebar-header {
		display: flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height: 60px;
		border: 1px solid #c4b286;
	}
	.sidebar-title {
		line-height: 30px;
		font-size: 20px;
		text-align: center;
		color:#c4b286;
	}
	.sidebar-main__post {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.sidebar-main__post > li {
		display: block;
		width: 100%;
		padding:20px 0 10px 0;
		border-bottom:1px solid #e6e6e6;
	}
	.sidebar-post-wrapper {
		display: block;
		width: 100%;
	}
	.sidebar-date-icon {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content:flex-end;
		align-items:flex-end;
		width: 100%;
		height: 45px;
	}
	.sidebar-rank-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40px;
		height:45px;
	}
	.rank1 {
		background: url(../antil/assets/images/rank01.png) no-repeat center;
		background-size:contain;
	}
	.rank2 {
		background: url(../antil/assets/images/rank02.png) no-repeat center;
		background-size:contain;
	}
	.rank3 {
		background: url(../antil/assets/images/rank03.png) no-repeat center;
		background-size:contain;
	}
	.rank4 {
		background: url(../antil/assets/images/rank04.png) no-repeat center;
		background-size:contain;
	}
	.rank5 {
		background: url(../antil/assets/images/rank05.png) no-repeat center;
		background-size:contain;
	}
	.sidebar-date {
		font-size:14px;
		color: #b4b4b4;
		font-family: var(--secondary-font);
	}
	.sidebar-post-contents {
		display:flex;
		flex-flow:column wrap;
		justify-content:space-between;
		width: 100%;
		margin-top:15px;
		transition: all 0.3s linear;
	}
	.sidebar-post-contents:hover{
		opacity: 0.7;
	}
	.sidebar-thumbnail {
		display: block;
		width: 100%;
	}
	.sidebar-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.sidebar-post-title {
		display: -webkit-box;
		width: 100%;
		font-size: 14px;
		font-family: var(--secondary-font);
		text-align: justify;
		word-break: break-word;
		color: #000000;
		font-weight: 400;
		line-height:1.5;		
		-webkit-line-clamp: 4; 
						line-clamp: 4; 
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: hidden;
		margin-top: 15px;
	}
	/*date*/
	.post-date-wrapper {
		margin-top:50px;
	}
	.sidebar-main__date {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.sidebar-main__date > li {
		display: block;
		width: 100%;
		padding:10px 0;
		font-size: 14px;
		line-height:1.5;
		font-family: var(--secondary-font);
		color: #666666;
	}
	.sidebar-main__date > li > a,
	.sidebar-main__date-link {
		position: relative;
		display: inline-flex;
		align-items: center;
		width: auto;
		font-size: 14px;
		line-height:1.5;
		font-family: var(--secondary-font);
		padding-left: 20px;
		color: #666666;
		transition: all 0.3s linear;
	}
	.sidebar-main__date > li > a::before,
	.sidebar-main__date-link::before{
		content: "●";
		position:absolute;
		left: 0;
		font-size: 6px;
		color: #666666;
	}
	.sidebar-main__date-link:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width:992px) {
	.sidebar-block {
		display: block;
		width: 100%;
	}
	.sidebar-header {
		display: flex;
		flex-flow:row nowrap;
		justify-content:center;
		align-items:center;
		width:100%;
		height: 60px;
		border: 1px solid #c4b286;
	}
	.sidebar-title {
		line-height: 30px;
		font-size: 24px;
		text-align: center;
		color:#c4b286;
	}
	.sidebar-main__post {
		display: block;
		width: 100%;
		margin-top: 10px;
	}
	.sidebar-main__post > li {
		display: block;
		width: 100%;
		padding:20px 0 10px 0;
		border-bottom:1px solid #e6e6e6;
	}
	.sidebar-post-wrapper {
		display: block;
		width: 100%;
	}
	.sidebar-date-icon {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		justify-content:flex-end;
		align-items:flex-end;
		width: 100%;
		height: 45px;
	}
	.sidebar-rank-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40px;
		height:45px;
	}
	.rank1 {
		background: url(../antil/assets/images/rank01.png) no-repeat center;
		background-size:contain;
	}
	.rank2 {
		background: url(../antil/assets/images/rank02.png) no-repeat center;
		background-size:contain;
	}
	.rank3 {
		background: url(../antil/assets/images/rank03.png) no-repeat center;
		background-size:contain;
	}
	.rank4 {
		background: url(../antil/assets/images/rank04.png) no-repeat center;
		background-size:contain;
	}
	.rank5 {
		background: url(../antil/assets/images/rank05.png) no-repeat center;
		background-size:contain;
	}
	.sidebar-date {
		font-size:14px;
		color: #b4b4b4;
		font-family: var(--secondary-font);
	}
	.sidebar-post-contents {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top:15px;
		transition: all 0.3s linear;
	}
	.sidebar-post-contents:hover{
		opacity: 0.7;
	}
	.sidebar-thumbnail {
		display: block;
		width: 42.12963%;
	}
	.sidebar-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.sidebar-post-title {
		display: -webkit-box;
		width: 52.244444%;
		font-size: 14px;
		font-family: var(--secondary-font);
		text-align: justify;
		word-break: break-word;
		color: #000000;
		font-weight: 400;
		line-height:1.5;		
		-webkit-line-clamp: 4; 
						line-clamp: 4; 
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: hidden;
	}
	/*date*/
	.post-date-wrapper {
		margin-top:50px;
	}
	.sidebar-main__date {
		display: block;
		width: 100%;
		margin-top: 20px;
	}
	.sidebar-main__date > li {
		display: block;
		width: 100%;
		padding:10px 0;
		font-size: 18px;
		line-height:1.5;
		font-family: var(--secondary-font);
		padding-left: 20px;
		color: #666666;
	}
	.sidebar-main__date > li > a,
	.sidebar-main__date-link {
		position: relative;
		display: inline-flex;
		align-items: center;
		width: auto;
		font-size: 18px;
		line-height:1.5;
		font-family: var(--secondary-font);
		padding-left: 20px;
		color: #666666;
		transition: all 0.3s linear;
	}
	.sidebar-main__date > li > a::before,
	.sidebar-main__date-link::before{
		content: "●";
		position:absolute;
		left: 0;
		font-size: 6px;
		color: #666666;
	}
	.sidebar-main__date > li > a:hover,
	.sidebar-main__date-link:hover{
		opacity: 0.7;
	}
}
/*single*/
@media screen and (max-width:767px) {
	.specialist-single-container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
		margin:30px 0 65px 0;
	}
	.single-post-taxonomy-wrapper {
		display:flex;
		flex-direction: column;
		align-items:flex-end;
		width: 100%;
	}
	.single-post-date {
		font-size:13px;
		color:#8f8f8f;
		line-height:1.5;
	}
	.single-post-category {
		display: flex;
		justify-content:center;
		align-items:center;
		min-width: 120px;
		width: auto;
		height:23px;
		border-radius: 15px;
		background:#9e9e9e;
		color:#FFFFFF;
		padding:0 15px;
		font-size: 14px;
		font-family: var(--secondary-font);
		margin-top: 5px;
	}
	.single-post-title {
		display: block;
		width: 100%;
		font-size:18px;
		font-family: var(--default-font);
		font-weight: 500;
		line-height:1.5;
		margin-top:15px;
	}
	.single-post-column-title {
		display: block;
		width: 100%;
		font-size:18px;
		font-family: var(--default-font);
		font-weight: 500;
		line-height:1.5;
		margin-top:15px;
	}
	
	.single-post-specialist {
		display: block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		font-family: var(--secondary-font);
	}
	.single-post-specialist > span {
		padding-right: 10px;
	}
	.single-post-thumbnail {
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		max-width: 600px;
		width: 100%;
		margin:30px auto 0 auto;
	}
	.single-post-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.single-post-contents {
		display: block;
		width: 100%;
		padding-bottom: 40px;
		border-bottom: 1px solid #e6e6e6;
	}
	.single-post-contents > p {
		display: block;
		width: 100%;
		font-size: 16px;
		font-family: var(--secondary-font);
		line-height:1.5;
		text-align: justify;
		word-break: break-all;
		margin-top:30px;
	}
	.button-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 20px;
	}
	.single-post-btn {
		position: relative;
		display: flex;
		justify-content:center;
		align-items:center;
		max-width: 390px;
		width: calc(100% - 20px);
		height:45px;
		border: 1px solid #9a9a9a;
		transition: all 0.3s linear;
		margin:10px auto 10px auto;
		padding: 0 20px 0 5px;
	}
	.single-post-btn:hover{
		opacity: 0.7;
	}
	.single-post-btn::after{
		content: " ";
		position:absolute;
		top: 0;
		right: 5px;
		display: block;
		width:20px;
		height:45px;
		background: url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size:10px 16px;
	}
	.single-post-btn > span {
		font-size:14px;
		line-height: 1;
		color: #555555;
		font-family: var(--secondary-font);
	}
	.btn-wrapper__single {
		margin-top:20px;
		
	}
}
@media screen and (min-width:768px) {
	.specialist-single-container {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
		margin:40px 0 65px 0;
	}
	.single-post-taxonomy-wrapper {
		display:flex;
		flex-direction: column;
		align-items:flex-end;
		width: 100%;
	}
	.single-post-date {
		font-size:13px;
		color:#8f8f8f;
		line-height:1.5;
	}
	.single-post-category {
		display: flex;
		justify-content:center;
		align-items:center;
		min-width: 120px;
		width: auto;
		height:23px;
		border-radius: 15px;
		background:#9e9e9e;
		color:#FFFFFF;
		padding:0 15px;
		font-size: 14px;
		font-family: var(--secondary-font);
		margin-top: 5px;
	}
	.single-post-title {
		display: block;
		width: 100%;
		font-size:18px;
		font-family: var(--default-font);
		font-weight: 500;
		line-height:1.5;
		margin-top:15px;
	}
	.single-post-column-title {
		display: block;
		width: 100%;
		font-size:18px;
		font-family: var(--default-font);
		font-weight: 500;
		line-height:1.5;
		margin-top:15px;
	}
	.single-post-specialist {
		display: block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		font-family: var(--secondary-font);
	}
	.single-post-specialist > span {
		padding-right: 10px;
	}
	.single-post-thumbnail {
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		max-width: 600px;
		width: 100%;
		margin:30px auto 0 auto;
	}
	.single-post-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.single-post-contents {
		display: block;
		width: 100%;
		padding-bottom: 40px;
		border-bottom: 1px solid #e6e6e6;
	}
	.single-post-contents > p {
		display: block;
		width: 100%;
		font-size: 16px;
		font-family: var(--secondary-font);
		line-height:1.5;
		text-align: justify;
		word-break: break-all;
		margin-top:30px;
	}
	.button-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 50px;
	}
	.single-post-btn {
		position: relative;
		display: flex;
		justify-content:center;
		align-items:center;
		max-width: 392px;
		width: 100%;
		height:45px;
		border: 1px solid #9a9a9a;
		transition: all 0.3s linear;
		margin:10px auto 10px auto;
		padding: 0 25px 0 5px;
	}
	.single-post-btn:hover{
		opacity: 0.7;
	}
	.single-post-btn::after{
		content: " ";
		position:absolute;
		top: 0;
		right: 10px;
		display: block;
		width:20px;
		height:45px;
		background: url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size:10px 16px;
	}
	.single-post-btn > span {
		font-size:16px;
		line-height: 1;
		color: #555555;
		font-family: var(--secondary-font);
	}
	.btn-wrapper__single {
		margin-top:55px;
		min-height: 64px;
	}
}
@media screen and (min-width:992px) {	
	.single-post-taxonomy-wrapper {
		display:flex;
		flex-direction: column;
		align-items:flex-end;
		width: 100%;
	}
	.single-post-date {
		font-size:13px;
		color:#8f8f8f;
		line-height:1.5;
	}
	.single-post-category {
		display: flex;
		justify-content:center;
		align-items:center;
		min-width: 120px;
		width: auto;
		height:23px;
		border-radius: 15px;
		background:#9e9e9e;
		color:#FFFFFF;
		padding:0 15px;
		font-size: 14px;
		font-family: var(--secondary-font);
		margin-top: 5px;
	}
	.single-post-title {
		display: block;
		width: 100%;
		font-size:26px;
		font-family: var(--default-font);
		font-weight: 500;
		line-height:1.5;
		margin-top:15px;
	}
	.single-post-column-title {
		display: block;
		width: 100%;
		font-size:26px;
		font-family: var(--default-font);
		font-weight: 500;
		line-height:1.5;
		margin-top:15px;
	}
	.single-post-specialist {
		display: block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		font-family: var(--secondary-font);
	}
	.single-post-specialist > span {
		padding-right: 10px;
	}
	.single-post-thumbnail {
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		max-width: 600px;
		width: 100%;
		margin:30px auto 0 auto;
	}
	.single-post-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.single-post-contents {
		display: block;
		width: 100%;
		padding-bottom: 40px;
		border-bottom: 1px solid #e6e6e6;
	}
	.single-post-contents > p {
		display: block;
		width: 100%;
		font-size: 16px;
		font-family: var(--secondary-font);
		line-height:1.5;
		text-align: justify;
		word-break: break-all;
		margin-top:30px;
	}
	.button-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 60px;
	}
	.single-post-btn {
		position: relative;
		display: flex;
		justify-content:center;
		align-items:center;
		width: calc(50% - 15px );
		height:45px;
		border: 1px solid #9a9a9a;
		transition: all 0.3s linear;
		padding: 0 20px 0 5px;		
	}
	.single-post-btn:hover{
		opacity: 0.7;
	}
	.single-post-btn::after{
		content: " ";
		position:absolute;
		top: 0;
		right: 3px;
		display: block;
		width:20px;
		height:45px;
		background: url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size:10px 16px;
	}
	.single-post-btn > span {
		font-size:14px;
		color: #555555;
		font-family: var(--secondary-font);
	}
	.single-post-button {
		margin-top:55px;
	}
}
@media screen and (min-width:1200px) {
	.single-post-btn > span {
		font-size:16px;
	}
}
/*single post template*/
@media screen and (max-width:767px) {
	.single-post-contents > h2 {
		display: block;
		width: 100%;
		font-size:23px;
		font-weight: bold;
		color: #000000;
		padding:60px 0;
		font-family: var(--secondary-font);
	}
	.single-post-contents > h3 {
		display: block;
		width: 100%;
		font-size:22px;
		font-weight: bold;
		color: #c5627e;
		font-family: var(--secondary-font);
		padding:10px 0;
		border-bottom: 1px solid #c5627e;
		margin-bottom: 35px;
	}
	.single-post-contents > h4 {
		display: block;
		width: 100%;
		font-size:20px;
		font-weight: bold;
		color: #000000;
		padding:10px 0;
		border-bottom: 1px dotted #000000;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.single-post-contents > h5 {
		position: relative;
		display: block;
		width: 100%;
		font-size:20px;
		font-weight: bold;
		color: #8f8f8f;
		padding-left: 15px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.single-post-contents > h5::before{
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		display: block;
		width: 8px;
		height:8px;
		border-radius: 4px;
		background: #8f8f8f;
	}
	.single-post-contents > h6 {
		display: block;
		width: 100%;
		font-size:20px;
		font-weight: 600;
		color: #8f8f8f;
		padding-left: 20px;
		border: 1px solid #8f8f8f;
		padding:8.75px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.single-post-contents > ul {
		display:block;
		width: 100%;
		margin-bottom: 30px;
	}
	.single-post-contents > ul > li {
		position: relative;
		display: block;
		font-size:16px;
		line-height:1.5;
		padding:5px 0 5px 20px;
		font-family: var(--secondary-font);
	}
	.single-post-contents > ul > li::before {
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left:0;
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 2px;
		background:#666666;
	}

	.single-post-contents .style1,
	.single-post-contents .style1 tbody,
	.single-post-contents .style1 tr, 
	.single-post-contents .style1 th, 
	.single-post-contents .style1 td {
		display: block;
		width: 100%;
		font-family: var(--secondary-font);
	}
	.single-post-contents .style1 {
		margin-bottom:30px;
	}
	.single-post-contents .style1 th {
		background:#e6e6e6;
		text-align: left;
		font-size: 15px;
		padding:15px;
	}
	.single-post-contents .style1 td {
		text-align: left;
		font-size: 16px;
		padding:15px;
	}

	.single-post-contents .style2,
	.single-post-contents .style2 tbody,
	.single-post-contents .style2 tr, 
	.single-post-contents .style2 th, 
	.single-post-contents .style2 td {
		display: block;
		width: 100%;
		font-family: var(--secondary-font);
	}
	.single-post-contents .style2 {
		margin-bottom:30px;
	}
	.single-post-contents .style2 th {
		text-align: left;
		font-size: 16px;
		padding:15px;
		border-bottom: 1px solid #e6e6e6;
		border-top: 2px solid #e6e6e6;
	}
	.single-post-contents .style2 td {
		text-align: left;
		font-size: 16px;
		padding:15px;
		border-bottom: 2px solid #e6e6e6;
	}
}
@media screen and (min-width:768px) {
	.single-post-contents > h2 {
		display: block;
		width: 100%;
		font-size:18px;
		font-weight: bold;
		color: #000000;
		padding:60px 0;
		font-family: var(--secondary-font);
	}
	.single-post-contents > h3 {
		display: block;
		width: 100%;
		font-size:17px;
		font-weight: bold;
		color: #c5627e;
		font-family: var(--secondary-font);
		padding:10px 0;
		border-bottom: 1px solid #c5627e;
		margin-bottom: 35px;
	}
	.single-post-contents > h4 {
		display: block;
		width: 100%;
		font-size:16px;
		font-weight: bold;
		color: #000000;
		padding:10px 0;
		border-bottom: 1px dotted #000000;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.single-post-contents > h5 {
		position: relative;
		display: block;
		width: 100%;
		font-size:16px;
		font-weight: bold;
		color: #8f8f8f;
		padding-left: 15px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.single-post-contents > h5::before{
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		display: block;
		width: 8px;
		height:8px;
		border-radius: 4px;
		background: #8f8f8f;
	}
	.single-post-contents > h6 {
		display: block;
		width: 100%;
		font-size:15px;
		font-weight: 600;
		color: #8f8f8f;
		padding-left: 20px;
		border: 1px solid #8f8f8f;
		padding:8.75px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.single-post-contents > ul {
		display:block;
		width: 100%;
		margin-bottom: 30px;
	}
	.single-post-contents > ul > li {
		position: relative;
		display: block;
		font-size:16px;
		line-height:1.5;
		padding:5px 0 5px 20px;
		font-family: var(--secondary-font);
	}
	.single-post-contents > ul > li::before {
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left:0;
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 2px;
		background:#666666;
	}
	.single-post-contents table.style1 {		
		width: 100%;
		border-collapse: collapse;
		font-family: var(--secondary-font);
		font-size: 16px;
		border: 1px solid #e6e6e6;
		margin-bottom: 30px;
	}
	.single-post-contents table.style1 tr th {
		width: 180px;
		padding:15px 10px;
		line-height:20px;
		text-align: left;
		vertical-align: top;
		background:#e6e6e6;
		border-top: 1px solid #FFFFFF;
	}
	.single-post-contents table.style1 tr td {
		width: calc(100% - 180px);
		padding:15px 10px 15px 20px;
		line-height:20px;
		text-align: left;
		vertical-align: top;
		border-bottom: 1px solid #e6e6e6;
	}
	.single-post-contents table.style1 tr:first-child th:first-child {
		border-top-color: #e6e6e6;
	}

	.single-post-contents table.style2 {		
		width: 100%;
		border-collapse: collapse;
		font-family: var(--secondary-font);
		font-size: 16px;
		border-top: 2px solid #e6e6e6;
		border-bottom: 2px solid #e6e6e6;
		margin-bottom: 30px;
	}
	.single-post-contents table.style2 tr th {
		width: 195px;
		padding:15px 10px;
		line-height:20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
	.single-post-contents table.style2 tr td {
		width: calc(100% - 195px);
		padding:15px 10px 15px 20px;
		line-height:20px;
		text-align: left;
		vertical-align: top;
		border-top: 1px solid #e6e6e6;
		border-bottom: 1px solid #e6e6e6;
	}
}
@media screen and (min-width: 0px) {
	.single-post-contents table {
		border-collapse: collapse;
	}
	.single-post-contents table tr th,
	.single-post-contents table tr td {
		font-size: 15px;
		line-height:1.5em;
		padding:5px;
		border:1px solid #e6e6e6;
		vertical-align:top;
	}
}

/*pagination*/
@media screen and (max-width:767px) {
	.pagination {
		display: block;
		width: 100%;
	}
	.archive-pagination-wrapper {
		position: relative;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width:100%;
		margin-top:30px;
		font-family: var(--secondary-font);
		padding: 0 31px;
	}
	.archive-pagination-wrapper > .page-number,
	.archive-pagination-wrapper > .pagination-omission {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		width: 25px;
		height: 25px;
		border: 1px solid #4e4d4e;
		margin:0 6px;
		font-size: 15px;
		color: #4e4d4e;
	}
	.archive-pagination-wrapper > .pagination-omission {
		border: none;
		margin:0;
	}
	.pagination-previous {
		position:absolute;
		top: 0;
		left: 0;
	}
	.pagination-next {
		position:absolute;
		top: 0;
		right: 0;
	}
	.archive-pagination-wrapper > .active {
		background-color: #4e4d4e;
		color: #FFFFFF;
	} 
}
@media screen and (min-width:768px) {
	.pagination {
		display: block;
		width: 100%;
	}
	.archive-pagination-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width:100%;
		margin-top:60px;
		font-family: var(--secondary-font);
	}
	.archive-pagination-wrapper > .page-number,
	.archive-pagination-wrapper > .pagination-omission {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		width: 32px;
		height: 32px;
		border: 1px solid #4e4d4e;
		margin:0 7px;
		color: #4e4d4e;
		font-size: 18px;
	}
	.archive-pagination-wrapper > .pagination-omission {
			border: none;
			margin:0;
	}
	.archive-pagination-wrapper > .active {
		background-color: #4e4d4e;
		color: #FFFFFF;
	} 
}
@media screen and (max-width:767px) {
	.pagination {
		display: block;
		width: 100%;
	}
	.pagination-wrapper {
		position: relative;
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width:100%;
		margin-top:30px;
		font-family: var(--secondary-font);
		padding: 0 31px;
	}
	.pagination-wrapper .page-numbers {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		width: 25px;
		height: 25px;
		border: 1px solid #4e4d4e;
		margin:0 6px;
		font-size: 15px;
		color: #4e4d4e;
	}
	.pagination-wrapper .dots {
			border: none !important;
			margin:0;
	}
	.pagination-wrapper .current {
		background-color: #4e4d4e;
		color: #FFFFFF;
	} 
	.pagination-wrapper .prev {
		position:absolute;
		top: 0;
		left: 0;
	}
	.pagination-wrapper .next {
		position:absolute;
		top: 0;
		right: 0;
	}
}
@media screen and (min-width:768px) {
	.pagination {
		display: block;
		width: 100%;
	}
	.pagination-wrapper {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		width:100%;
		margin-top:60px;
		font-family: var(--secondary-font);
	}
	.pagination-wrapper .page-numbers {
		display:flex;
		flex-flow:row wrap;
		justify-content:center;
		align-items:center;
		width: 32px;
		height: 32px;
		border: 1px solid #4e4d4e;
		margin:0 7px;
		color: #4e4d4e;
		font-size: 18px;
	}
	.pagination-wrapper .dots {
			border: none !important;
			margin:0;
	}
	.pagination-wrapper .current {
		background-color: #4e4d4e;
		color: #FFFFFF;
	} 
}

/*
エステサロン情報
-----------------------------------------*/
@media screen and (max-width:767px){
	.saloninfo-archive-wrapper {
		display:block;
		width:100%;
		margin-top:15px;
		margin-bottom: 30px;
	}
	.saloninfo-search-title {
		width: 140px;
		min-height: 40px;
		background-size: 140px 41px;
	}
	.saloninfo-form-wrapper {
		display: block;
		width:100%;
		margin-top:15px;
		padding:15px;
		clear: both;
		background:#f8f6f6;
	}
	.saloninfo-search-form,
	.saloninfo-search-body {
		display: block;
		width: 100%;
	}
	.saloninfo-search-body > li {
		display: block;
		width: 100%;
		padding-bottom: 15px;
		
	}
	.saloninfo-search-body > li:not(:first-child) {
		padding-top: 15px;
	}
	.saloninfo-search-body > li:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}
	.field-block {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.field-title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:32px;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.field-box {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.todofuken {
		width: 100%;
		height:32px;
		font-size:14px;
		padding:3px 5px;
		background:#FFFFFF;
		border-radius: none;
		border: 1px solid #b3b3b3;
		font-family: var(--secondary-font);
	}
	.field-box > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:32px;
		margin-right: 20px;
	}
	.field-box > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.field-box > span > label {
		font-size: 14px;
		font-family: var(--secondary-font);
		padding-left: 5px;
	}
	.filter-more-wrapper,
	.filter-more {
		display: block;
		width:100%;
		margin-top: 15px;
	}
	.filter-more__title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:32px;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.filter-more__fields {
		display:flex;
		flex-flow:row wrap;
		width: 100%;		
	}
	.filter-more__fields > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:32px;
		margin-right: 20px;
	}
	.filter-more__fields > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.filter-more__fields > span > label {
		font-size: 14px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.other-filter {
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.other-filter > a {
		position: relative;
		width: auto;
		font-size:14px;
		list-style: 1.5;
		color: var(--main-color);
		font-family: var(--secondary-font);
		padding-right: 30px;
		font-weight: 600;
	}
	.other-filter > a::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
	}
	.saloninfo-result-container {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.result-number {
		display: block;
		width: 100%;
		clear: both;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.saloninfo-search-list {
		display: block;
		width: 100%;
	}
	.saloninfo-search-list > li {
		display: block;
		width: 100%;
		padding:20px 0 30px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.salon-information-wrapper {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-top: 40px;
	}
	.salon-thumbnail {
		display: block;
		min-width: 200px;
		width: 56.338028%;
		margin: 0 auto;
	}
	.salon-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.salon-information {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.salon-taxonomy-wrapper {
		position:absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.salon-address {
		display: block;
		width: auto;
		line-height:1.5;
		font-size:14px;
		font-family: var(--secondary-font);
	}
	.salon-category {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:100px;
		width: auto;
		height: 20px;
		border-radius:10px;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		font-family: var(--secondary-font);
		letter-spacing:-0.05rem;
		transition: all 0.3s linear;
	}
	.salon-category:hover{
		opacity: 0.7;
	}
	.beauty-salon {
		background:#d39aa6;
	}
	.salon-name {
		display: block;
		width: 100%;
		margin-top:20px;
		font-family: var(--default-font);
		font-size: 16px;
		font-weight:500;
	}
	.salon-detail  {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top:20px;
		border: 1px solid #e6e6e6;
		font-family: var(--secondary-font);
		font-size: 14px;
		line-height:1.5;
	}
	.salon-link-wrapper {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-top:30px;
	}
	.salon-link-btn {
		position: relative;
		display:flex;
		flex-direction: row nowrap;
		justify-content:center;
		align-items:center;
		width: 205px;
		height:40px;
		border:1px solid #c5627e;
		transition: all 0.3s linear;
	}
	.salon-link-btn > span {
		font-family: var(--secondary-font);
		font-size: 16px;
		color:#c5627e;
	}
	.salon-link-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 16px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.salon-link-btn:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.saloninfo-archive-wrapper {
		display:block;
		width:100%;
		margin-top:60px;
		margin-bottom: 60px;
	}
	.saloninfo-search-title {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.saloninfo-form-wrapper {
		display: block;
		width:100%;
		margin-top:30px;
		padding:20px;
		clear: both;
		background:#f8f6f6;
	}
	.saloninfo-search-form,
	.saloninfo-search-body {
		display: block;
		width: 100%;
	}
	.saloninfo-search-body > li {
		display: block;
		width: 100%;
		padding-bottom: 30px;
		
	}
	.saloninfo-search-body > li:not(:first-child) {
		padding-top: 30px;
	}
	.saloninfo-search-body > li:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}
	.field-block {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.field-title {
		display:flex;
		flex-flow:row nowrap;
		width: 90px;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.field-box {
		display:flex;
		flex-flow:row wrap;
		width: calc(100% - 90px);
	}
	.todofuken {
		width: 290px;
		height:44px;
		padding:5px 10px;
		background:#FFFFFF;
		border-radius: none;
		border: 1px solid #b3b3b3;
		font-family: var(--secondary-font);
	}
	.field-box > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.field-box > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.field-box > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.filter-more-wrapper,
	.filter-more {
		display: block;
		width:100%;
		margin-top: 50px;
	}
	.filter-more__title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.filter-more__fields {
		display:flex;
		flex-flow:row wrap;
		width: 100%;		
	}
	.saloninfo-search-btn {
		min-height:64px;
	}
	.filter-more__fields > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.filter-more__fields > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.filter-more__fields > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.other-filter {
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.other-filter > a {
		position: relative;
		width: auto;
		font-size:15px;
		list-style: 1.5;
		color: var(--main-color);
		font-family: var(--secondary-font);
		padding-right: 30px;
		font-weight: 600;
	}
	.other-filter > a::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
	}
	.saloninfo-result-container {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.result-number {
		display: block;
		width: 100%;
		clear: both;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.saloninfo-search-list {
		display: block;
		width: 100%;
	}
	.saloninfo-search-list > li {
		display: block;
		width: 100%;
		padding:30px 0 50px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.salon-information-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.salon-thumbnail {
		display: block;
		width: 28.301887%;
	}
	.salon-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.salon-information {
		display: flex;
		flex-direction: column;
		width: 68.867925%;
	}
	.salon-taxonomy-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.salon-address {
		display: block;
		width: auto;
		line-height:1.5;
		font-size:16px;
		font-family: var(--secondary-font);
	}
	.salon-category {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius:15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing:-0.05rem;
		transition: all 0.3s linear;
	}
	.salon-category:hover{
		opacity: 0.7;
	}
	.beauty-salon {
		background:#d39aa6;
	}
	.salon-name {
		display: block;
		width: 100%;
		margin-top:20px;
		font-family: var(--default-font);
		font-size: 26px;
		font-weight:500;
	}
	.salon-detail  {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top:20px;
		border: 1px solid #e6e6e6;
		font-family: var(--secondary-font);
		font-size: 16px;
		line-height:1.5;
	}
	.salon-link-wrapper {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin-top:30px;
	}
	.salon-link-btn {
		position: relative;
		display:flex;
		flex-direction: row nowrap;
		justify-content:center;
		align-items:center;
		width: 205px;
		height:40px;
		border:1px solid #c5627e;
		transition: all 0.3s linear;
	}
	.salon-link-btn > span {
		font-family: var(--secondary-font);
		font-size: 16px;
		color:#c5627e;
	}
	.salon-link-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 16px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.salon-link-btn:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width:992px){
	.saloninfo-archive-wrapper {
		display:block;
		width:100%;
		margin-top:60px;
		margin-bottom: 60px;
	}
	.saloninfo-search-title {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.saloninfo-form-wrapper {
		display: block;
		width:100%;
		margin-top:30px;
		padding:20px;
		clear: both;
		background:#f8f6f6;
	}
	.saloninfo-search-form,
	.saloninfo-search-body {
		display: block;
		width: 100%;
	}
	.saloninfo-search-body > li {
		display: block;
		width: 100%;
		padding-bottom: 30px;
		
	}
	.saloninfo-search-body > li:not(:first-child) {
		padding-top: 30px;
	}
	.saloninfo-search-body > li:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}
	.field-block {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.field-title {
		display:flex;
		flex-flow:row nowrap;
		width: 90px;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.field-box {
		display:flex;
		flex-flow:row wrap;
		width: calc(100% - 90px);
	}
	.todofuken {
		width: 290px;
		height:44px;
		padding:5px 10px;
		background:#FFFFFF;
		border-radius: none;
		border: 1px solid #b3b3b3;
		font-family: var(--secondary-font);
	}
	.field-box > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.field-box > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.field-box > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.filter-more-wrapper,
	.filter-more {
		display: block;
		width:100%;
		margin-top: 50px;
	}
	.filter-more__title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.filter-more__fields {
		display:flex;
		flex-flow:row wrap;
		width: 100%;		
	}
	.filter-more__fields > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.filter-more__fields > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.filter-more__fields > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.other-filter {
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.other-filter > a {
		position: relative;
		width: auto;
		font-size:15px;
		list-style: 1.5;
		color: var(--main-color);
		font-family: var(--secondary-font);
		padding-right: 30px;
		font-weight: 600;
	}
	.other-filter > a::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
	}
	.saloninfo-result-container {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.result-number {
		display: block;
		width: 100%;
		clear: both;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.saloninfo-search-list {
		display: block;
		width: 100%;
	}
	.saloninfo-search-list > li {
		display: block;
		width: 100%;
		padding:30px 0 50px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.salon-information-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.salon-thumbnail {
		display: block;
		width: 28.301887%;
	}
	.salon-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.salon-information {
		display: flex;
		flex-direction: column;
		width: 68.867925%;
	}
	.salon-taxonomy-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.salon-address {
		display: block;
		width: auto;
		line-height:1.5;
		font-size:16px;
		font-family: var(--secondary-font);
	}
	.salon-category {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius:15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing:-0.05rem;
		transition: all 0.3s linear;
	}
	.salon-category:hover{
		opacity: 0.7;
	}
	.beauty-salon {
		background:#d39aa6;
	}
	.salon-name {
		display: block;
		width: 100%;
		margin-top:20px;
		font-family: var(--default-font);
		font-size: 26px;
		font-weight:500;
	}
	.salon-detail  {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top:20px;
		border: 1px solid #e6e6e6;
		font-family: var(--secondary-font);
		font-size: 16px;
		line-height:1.5;
	}
	.salon-link-wrapper {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin-top:30px;
	}
	.salon-link-btn {
		position: relative;
		display:flex;
		flex-direction: row nowrap;
		justify-content:center;
		align-items:center;
		width: 205px;
		height:40px;
		border:1px solid #c5627e;
		transition: all 0.3s linear;
	}
	.salon-link-btn > span {
		font-family: var(--secondary-font);
		font-size: 16px;
		color:#c5627e;
	}
	.salon-link-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 16px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.salon-link-btn:hover{
		opacity: 0.7;
	}
}
/*
クリニック情報
-----------------------------------------*/
@media screen and (max-width:767px){
	.clinicinfo-archive-wrapper {
		display:block;
		width:100%;
		margin-top:15px;
		margin-bottom: 30px;
	}
	.clinicinfo-search-title {
		width: 140px;
		min-height: 40px;
		background-size: 140px 41px;
	}
	.clinicinfo-form-wrapper {
		display: block;
		width:100%;
		margin-top:15px;
		padding:15px;
		clear: both;
		background:#f8f6f6;
	}
	.clinicinfo-search-form,
	.clinicinfo-search-body {
		display: block;
		width: 100%;
	}
	.clinicinfo-search-body > li {
		display: block;
		width: 100%;
		padding-bottom: 15px;
		
	}
	.clinicinfo-search-body > li:not(:first-child) {
		padding-top: 15px;
	}
	.clinicinfo-search-body > li:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}
	.field-block {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.field-title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:32px;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.field-box {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.todofuken {
		width: 100%;
		height:32px;
		font-size:14px;
		padding:3px 5px;
		background:#FFFFFF;
		border-radius: none;
		border: 1px solid #b3b3b3;
		font-family: var(--secondary-font);
	}
	.field-box > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:32px;
		margin-right: 20px;
	}
	.field-box > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.field-box > span > label {
		font-size: 14px;
		font-family: var(--secondary-font);
		padding-left: 5px;
	}
	.filter-more-wrapper,
	.filter-more {
		display: block;
		width:100%;
		margin-top: 15px;
	}
/*	.filter-more-wrapper{
		border-bottom: 1px solid #e6e6e6;
	}*/
	.filter-more__title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:32px;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.filter-more__fields {
		flex-flow:row wrap;
		width: 100%;		
	}
	.show {
		display:flex;
	}
	.hide {
		display:none;
	}
	.filter-more__fields > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:32px;
		margin-right: 20px;
	}
	.filter-more__fields > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.filter-more__fields > span > label {
		font-size: 14px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.other-filter {
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.other-filter-trigger {
		position: relative;
		width: auto;
		font-size:14px;
		list-style: 1.5;
		color: var(--main-color);
		font-family: var(--secondary-font);
		padding-right: 30px;
		font-weight: 600;
	}
	.trigger-down::before,
	.trigger-down::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
		transition: all 0.5s linear;
	}
	.trigger-down::before{	
		transform: translateY(-50%) rotate(90deg);
	}
	.trigger-down::after{	
		transform: translateY(-50%);		
	}
	.trigger-up::before,
	.trigger-up::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
		transition: all 0.5s linear;
	}
	.clinicinfo-result-container {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.result-number {
		display: block;
		width: 100%;
		clear: both;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.clinicinfo-search-list {
		display: block;
		width: 100%;
	}
	.clinicinfo-search-list > li {
		display: block;
		width: 100%;
		padding:20px 0 30px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.clinic-information-wrapper {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		padding-top: 40px;
	}
	.clinic-thumbnail {
		display: block;
		min-width: 200px;
		width: 56.338028%;
		margin: 0 auto;
	}
	.clinic-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.clinic-information {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.clinic-taxonomy-wrapper {
		position:absolute;
		top: 0;
		left: 0;
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.clinic-address {
		display: block;
		width: auto;
		line-height:1.5;
		font-size:14px;
		font-family: var(--secondary-font);
	}
	.clinic-category {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:100px;
		width: auto;
		height: 20px;
		border-radius:10px;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		font-family: var(--secondary-font);
		letter-spacing:-0.05rem;
		transition: all 0.3s linear;
	}
	.clinic-category:hover{
		opacity: 0.7;
	}
	.clinic {
		background:#d8acde;
	}
	.clinic-name {
		display: block;
		width: 100%;
		margin-top:20px;
		font-family: var(--default-font);
		font-size: 16px;
		font-weight:500;
	}
	.clinic-detail  {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top:20px;
		border: 1px solid #e6e6e6;
		font-family: var(--secondary-font);
		font-size: 14px;
		line-height:1.5;
	}
	.clinic-link-wrapper {
		display: flex;
		justify-content: center;
		width: 100%;
		margin-top:30px;
	}
	.clinic-link-btn {
		position: relative;
		display:flex;
		flex-direction: row nowrap;
		justify-content:center;
		align-items:center;
		width: 205px;
		height:40px;
		border:1px solid #c5627e;
		transition: all 0.3s linear;
	}
	.clinic-link-btn > span {
		font-family: var(--secondary-font);
		font-size: 16px;
		color:#c5627e;
	}
	.clinic-link-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 16px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.clinic-link-btn:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.clinicinfo-archive-wrapper {
		display:block;
		width:100%;
		margin-top:60px;
		margin-bottom: 60px;
	}
	.clinicinfo-search-title {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.clinicinfo-form-wrapper {
		display: block;
		width:100%;
		margin-top:30px;
		padding:20px;
		clear: both;
		background:#f8f6f6;
	}
	.clinicinfo-search-form,
	.clinicinfo-search-body {
		display: block;
		width: 100%;
	}
	.clinicinfo-search-body > li {
		display: block;
		width: 100%;
		padding-bottom: 30px;
		
	}
	.clinicinfo-search-body > li:not(:first-child) {
		padding-top: 30px;
	}
	.clinicinfo-search-body > li:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}
	.field-block {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.field-title {
		display:flex;
		flex-flow:row nowrap;
		width: 90px;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.field-box {
		display:flex;
		flex-flow:row wrap;
		width: calc(100% - 90px);
	}
	.todofuken {
		width: 290px;
		height:44px;
		padding:5px 10px;
		background:#FFFFFF;
		border-radius: none;
		border: 1px solid #b3b3b3;
		font-family: var(--secondary-font);
	}
	.field-box > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.field-box > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.field-box > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.clinicinfo-search-btn {
		min-height: 64px;
	}
	.filter-more-wrapper,
	.filter-more {
		display: block;
		width:100%;
		margin-top: 50px;
	}
	
	.filter-more__title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.filter-more__fields {
		display: flex;
		flex-flow:row wrap;
		width: 100%;		
	}
	.filter-more__fields > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.filter-more__fields > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.filter-more__fields > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.other-filter {
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.other-filter-trigger {
		position: relative;
		width: auto;
		font-size:15px;
		list-style: 1.5;
		color: var(--main-color);
		font-family: var(--secondary-font);
		padding-right: 30px;
		font-weight: 600;
	}
	.trigger-down::before,
	.trigger-down::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
		transition: all 0.5s linear;
	}
	.trigger-down::before{	
		transform: translateY(-50%) rotate(90deg);
	}
	.trigger-down::after{	
		transform: translateY(-50%);		
	}
	.trigger-up::before,
	.trigger-up::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
		transition: all 0.5s linear;
	}
	.clinicinfo-result-container {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.result-number {
		display: block;
		width: 100%;
		clear: both;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.clinicinfo-search-list {
		display: block;
		width: 100%;
	}
	.clinicinfo-search-list > li {
		display: block;
		width: 100%;
		padding:30px 0 50px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.clinic-information-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.clinic-thumbnail {
		display: block;
		width: 28.301887%;
	}
	.clinic-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.clinic-information {
		display: flex;
		flex-direction: column;
		width: 68.867925%;
	}
	.clinic-taxonomy-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.clinic-address {
		display: block;
		width: auto;
		line-height:1.5;
		font-size:16px;
		font-family: var(--secondary-font);
	}
	.clinic-category {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius:15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing:-0.05rem;
		transition: all 0.3s linear;
	}
	.clinic-category:hover{
		opacity: 0.7;
	}
	.clinic {
		background:#d8acde;
	}
	.clinic-name {
		display: block;
		width: 100%;
		margin-top:20px;
		font-family: var(--default-font);
		font-size: 20px;
		font-weight:500;
	}
	.clinic-detail  {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top:20px;
		border: 1px solid #e6e6e6;
		font-family: var(--secondary-font);
		font-size: 16px;
		line-height:1.5;
	}
	.clinic-link-wrapper {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin-top:30px;
	}
	.clinic-link-btn {
		position: relative;
		display:flex;
		flex-direction: row nowrap;
		justify-content:center;
		align-items:center;
		width: 205px;
		height:40px;
		border:1px solid #c5627e;
		transition: all 0.3s linear;
	}
	.clinic-link-btn > span {
		font-family: var(--secondary-font);
		font-size: 16px;
		color:#c5627e;
	}
	.clinic-link-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 16px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.clinic-link-btn:hover{
		opacity: 0.7;
	}
}
@media screen and (min-width:992px){
	.clinicinfo-archive-wrapper {
		display:block;
		width:100%;
		margin-top:60px;
		margin-bottom: 60px;
	}
	.clinicinfo-search-title {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.clinicinfo-form-wrapper {
		display: block;
		width:100%;
		margin-top:30px;
		padding:20px;
		clear: both;
		background:#f8f6f6;
	}
	.clinicinfo-search-form,
	.clinicinfo-search-body {
		display: block;
		width: 100%;
	}
	.clinicinfo-search-body > li {
		display: block;
		width: 100%;
		padding-bottom: 30px;
		
	}
	.clinicinfo-search-body > li:not(:first-child) {
		padding-top: 30px;
	}
	.clinicinfo-search-body > li:not(:last-child) {
		border-bottom: 1px solid #e6e6e6;
	}
	.field-block {
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.field-title {
		display:flex;
		flex-flow:row nowrap;
		width: 90px;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.field-box {
		display:flex;
		flex-flow:row wrap;
		width: calc(100% - 90px);
	}
	.todofuken {
		width: 290px;
		height:44px;
		padding:5px 10px;
		background:#FFFFFF;
		border-radius: none;
		border: 1px solid #b3b3b3;
		font-family: var(--secondary-font);
	}
	.field-box > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.field-box > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.field-box > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.filter-more-wrapper,
	.filter-more {
		display: block;
		width:100%;
		margin-top: 50px;
	}
	
	.filter-more__title {
		display:flex;
		flex-flow:row nowrap;
		width: 100%;
		line-height:44px;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:600;
	}
	.filter-more__fields {		
		display:flex;
		flex-flow:row wrap;
		width: 100%;
	}
	.filter-more__fields > span {
		display:flex;
		flex-flow: row wrap;
		align-items:center;
		width:auto;
		height:44px;
		margin-right: 50px;
	}
	.filter-more__fields > span > input[type="checkbox"] {
		border: 1px solid #b3b3b3;
	}
	.filter-more__fields > span > label {
		font-size: 16px;
		font-family: var(--secondary-font);
		padding-left: 10px;
	}
	.other-filter {
		display:flex;
		flex-flow:row nowrap;
		justify-content: flex-end;
		width: 100%;
		margin-bottom: 15px;
	}
	.other-filter-trigger {
		position: relative;
		width: auto;
		height: 17.5px;
		font-size:15px;
		list-style: 1.5;
		color: var(--main-color);
		font-family: var(--secondary-font);
		padding-right: 30px;
		font-weight: 600;		
	}
	.other-filter-trigger:hover{
		opacity: 0.7;
		cursor: pointer;
	}
	.trigger-down::before,
	.trigger-down::after {
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
		transition: all 0.5s linear;
	}
	.trigger-down::before{	
		transform: translateY(-50%) rotate(90deg);
	}
	.trigger-down::after{	
		transform: translateY(-50%);		
	}
	.trigger-up::before,
	.trigger-up::after{
		content: "";
		position:absolute;
		top: 50%;
		right: 0px;
		transform: translateY(-50%);
		display: block;
		width: 13px;
		height: 2px;
		background:var(--main-color);
		transition: all 0.5s linear;
	}
	.clinicinfo-result-container {
		display: block;
		width: 100%;
		margin-top:30px;
	}
	.result-number {
		display: block;
		width: 100%;
		clear: both;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.clinicinfo-search-list {
		display: block;
		width: 100%;
	}
	.clinicinfo-search-list > li {
		display: block;
		width: 100%;
		padding:30px 0 50px 0;
		border-bottom: 1px solid #e6e6e6;
	}
	.clinic-information-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.clinic-thumbnail {
		display: block;
		width: 28.301887%;
	}
	.clinic-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.clinic-information {
		display: flex;
		flex-direction: column;
		width: 68.867925%;
	}
	.clinic-taxonomy-wrapper {
		display: flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
	}
	.clinic-address {
		display: block;
		width: auto;
		line-height:1.5;
		font-size:16px;
		font-family: var(--secondary-font);
	}
	.clinic-category {
		display: flex;
		justify-content: center;
		align-items: center;
		min-width:120px;
		width: auto;
		height: 23px;
		border-radius:15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing:-0.05rem;
		transition: all 0.3s linear;
	}
	.clinic-category:hover{
		opacity: 0.7;
	}
	.clinic {
		background:#d8acde;
	}
	.clinic-name {
		display: block;
		width: 100%;
		margin-top:20px;
		font-family: var(--default-font);
		font-size: 26px;
		font-weight:500;
	}
	.clinic-detail  {
		display: block;
		width: 100%;
		padding: 10px;
		margin-top:20px;
		border: 1px solid #e6e6e6;
		font-family: var(--secondary-font);
		font-size: 16px;
		line-height:1.5;
	}
	.clinic-link-wrapper {
		display: flex;
		justify-content: flex-end;
		width: 100%;
		margin-top:30px;
	}
	.clinic-link-btn {
		position: relative;
		display:flex;
		flex-direction: row nowrap;
		justify-content:center;
		align-items:center;
		width: 205px;
		height:40px;
		border:1px solid #c5627e;
		transition: all 0.3s linear;
	}
	.clinic-link-btn > span {
		font-family: var(--secondary-font);
		font-size: 16px;
		color:#c5627e;
	}
	.clinic-link-btn::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 16px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.clinic-link-btn:hover{
		opacity: 0.7;
	}
}
/*
総合ランキング
-----------------------------------------*/
@media screen and (min-width:0px){
	.rank6 {
		background: url(../antil/assets/images/rank06.png) no-repeat center;
		background-size: contain;
	}
	.rank7 {
		background: url(../antil/assets/images/rank07.png) no-repeat center;
		background-size: contain;
	}
	.rank8 {
		background: url(../antil/assets/images/rank08.png) no-repeat center;
		background-size: contain;
	}
	.rank9 {
		background: url(../antil/assets/images/rank09.png) no-repeat center;
		background-size: contain;
	}
	.rank10 {
		background: url(../antil/assets/images/rank10.png) no-repeat center;
		background-size: contain;
	}
}
@media screen and (max-width:767px) {
	.ranking-archive-wrapper {
		display: block;
		width: 100%;
		margin-top:15px;
	}
	.ranking-header-wrapper {
		display: block;
		width: 100%;	
	}
	.ranking-archive-title {
		width: 140px;
		min-height: 40px;
		background-size: 140px 41px;
	}
	.ranking-archive-container {
		display:flex;
		flex-flow: column;
		width: 100%;
		margin-top: -30px;
		padding:0 20px;
	}
	.ranking-content {
		position:relative;
		display: flex;
		flex-direction: column;
		width: 100%;
		margin-top:60px;
		transition: opacity 0.3s ease-out;
	}
	.ranking-content:hover{
		opacity: 0.7;
	}
	.rank-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40px;
		height:43px;
	}
	.ranking-content-thumbnail {
		display: block;
		width: 56.338028%;
		margin:0 auto;
	}
	.ranking-content-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ranking-content-category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 110px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 13px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top:10px;
	}
	.ranking-content-title {
		display:block;
		width: 100%;
		font-size: 14px;
		font-family: var(--secondary-font);
		font-weight:400;
		text-align: justify;
		word-break: break-all;
		margin-top: 10px;
		color: #000000;
	}
	.ranking-content-btn {
		display: flex;
		flex-flow: row nowrap;
		justify-content:flex-end;
		align-items:flex-end;
		width: 100%;
		height:20px;
		margin-top: 5px;
	}
	.ranking-content-btn > span {
		position: relative;
		display: block;
		width: auto;
		padding-right:20px;
		font-size: 13px;
		line-height:20px;
		font-family: var(--secondary-font);
		color: #555555;
		transition: all 0.3s linear;
	}
	
	.ranking-content-btn > span::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 15px;
		height: 20px;
		background:url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size:8px 12px;
	}
	.ranking-categories-container {
		display:flex;
		flex-flow: row wrap;
		justify-content: space-between;
		width: 100%;
		margin-top: 10px;
		padding:0 20px;
	}
	.ranking-categories-container > li {
		display:block;
		width: calc(50% - 5px);
		margin-top:10px;
	}
	.ranking-categories-container > li > a {
		position: relative;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:40px;
		border: 1px solid #c5627e;
		font-size: 14px;
		color: #c5627e;	
	}
	.ranking-categories-container > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.ranking-categories-container > li > span {
		position: relative;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:40px;
		border: 1px solid #c5627e;
		font-size: 14px;
		color: #FFFFFF;
		background: #c5627e;
	}
	.ranking-categories-container > li > span::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.rank-current {
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:40px;
		font-size: 14px;
		color: #FFFFFF !important;
		background: #c5627e;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.ranking-archive-wrapper {
		display: block;
		width: 100%;
		margin-top:60px;
	}
	.ranking-header-wrapper {
		display: block;
		width: 100%;	
	}
	.ranking-archive-title {
		width: 254px;
		min-height: 50px;
		background-size: 254px 51px;
	}
	.ranking-archive-container {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: -30px;
	}
	.ranking-content {
		position:relative;
		display: flex;
		flex-direction: column;
		width: 18.545455%;
		margin-right: 1.818182%;
		margin-top:60px;
		transition: opacity 0.3s ease-out;
	}
	.ranking-content:hover{
		opacity: 0.7;
	}
	.ranking-content:nth-child(5n) {
		margin-right:0px;
	}
	.rank-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 31px;
		height:33px;
	}
	.ranking-content-thumbnail {
		display: block;
		width: 100%;
		height: 79px;
		margin:0 auto;
		overflow: hidden;
	}
	.ranking-content-thumbnail > img {
		display: block;
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: center;
	}
	.ranking-content-category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 110px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 13px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top:10px;
	}
	.ranking-content-title {
		display:block;
		width: 100%;
		font-size: 14px;
		font-family: var(--secondary-font);
		font-weight:400;
		text-align: justify;
		word-break: break-all;
		margin-top: 10px;
		color: #000000;
	}
	.ranking-content-btn {
		display: flex;
		flex-flow: row nowrap;
		justify-content:flex-end;
		align-items:flex-end;
		width: 100%;
		height:20px;
		margin-top: 5px;
	}
	.ranking-content-btn > span {
		position: relative;
		display: block;
		width: auto;
		padding-right:20px;
		font-size: 13px;
		line-height:20px;
		font-family: var(--secondary-font);
		color: #555555;
		transition: all 0.3s linear;
	}
	.ranking-content-btn > span::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 15px;
		height: 20px;
		background:url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size:8px 12px;
	}
	.ranking-categories-container {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: 30px;
	}
	.ranking-categories-container > li {
		display:block;
		width: 24.545455%;
		margin-right: 0.606061%;
		margin-top:6.666667px;
	}
	.ranking-categories-container > li:nth-child(4n){
		margin-right:0px;
	}
	.ranking-categories-container > li > a {
		position: relative;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:40px;
		border: 1px solid #c5627e;
		font-size: 16px;
		color: #c5627e;	
	}
	.ranking-categories-container > li > a::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.ranking-categories-container > li > span {
		position: relative;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:50px;
		border: 1px solid #c5627e;
		font-size: 20px;
		color: #FFFFFF;
		background: #c5627e;
	}
	.ranking-categories-container > li > span::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.rank-current {
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:40px;
		font-size: 16px;
		color: #FFFFFF !important;
		background: #c5627e;
	}
}
@media screen and (min-width:992px) {
	.ranking-archive-wrapper {
		display: block;
		width: 100%;
		margin-top:60px;
	}
	.ranking-header-wrapper {
		display: block;
		width: 100%;
		
	}
	.ranking-archive-title {
		width: 254px;
		min-height: 50px;
		background-size: 254px 51px;
	}
	.ranking-archive-container {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: -40px;
	}
	.ranking-content {
		position:relative;
		display: flex;
		flex-direction: column;
		width: 18.545455%;
		margin-right: 1.818182%;
		margin-top:80px;
		color: #000000;
		transition: opacity 0.3s ease-out;
	}
	.ranking-content:hover{
		opacity: 0.8;
	}
	.ranking-content:nth-child(5n) {
		margin-right:0px;
	}
	.ranking-content-thumbnail {
		display: block;
		width: 100%;
		margin:0 auto;
	}
	.ranking-content-thumbnail > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.rank-icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 51px;
		height:53px;
	}
	.ranking-content-category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top:20px;
	}
	.ranking-content-title {
		display:block;
		width: 100%;
		font-size: 16px;
		font-family: var(--secondary-font);
		font-weight:400;
		text-align: justify;
		word-break: break-all;
		margin-top: 20px;
		color: #000000;
	}
	.ranking-content-btn {
		display: flex;
		flex-flow: row nowrap;
		justify-content:flex-end;
		align-items:flex-end;
		width: 100%;
		height:20px;
		margin-top: 5px;
	}
	.ranking-content-btn > span {
		position: relative;
		display: block;
		width: auto;
		padding-right:20px;
		font-size: 15px;
		line-height:20px;
		font-family: var(--secondary-font);
		color: #555555;
		transition: all 0.3s linear;
	}
	
	.ranking-content-btn > span::after{
		content: "";
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 15px;
		height: 20px;
		background:url(../antil/assets/images/cheveron-grey-icon.png) no-repeat center;
		background-size:8px 12px;
	}
	.ranking-body {
		display: block;
		width: 100%;
	}
	.ranking-categories-container {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: 40px;
	}
	.ranking-categories-container > li {
		display:block;
		width: 24.545455%;
		margin-right: 0.606061%;
		margin-top:6.666667px;
	}
	.ranking-categories-container > li:nth-child(4n){
		margin-right:0px;
	}
	.ranking-categories-container > li > a {
		position: relative;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:50px;
		border: 1px solid #c5627e;
		font-size: 20px;
		color: #c5627e;	
	}
	.ranking-categories-container > li > .ranking-category-link::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.ranking-categories-container > li > span {
		position: relative;
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:50px;
		border: 1px solid #c5627e;
		font-size: 20px;
		color: #FFFFFF;
		background: #c5627e;
	}
	.ranking-categories-container > li > span::after {
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.rank-current {
		display:flex;
		flex-flow: row nowrap;
		justify-content:center;
		align-items:center;
		width: 100%;
		height:50px;
		font-size: 20px;
		color: #FFFFFF !important;
		background: #c5627e;
	}
	
}
/*
メンズケアランキング
-----------------------------------------*/
@media screen and (max-width: 767px) {
	.mens-care-ranking-title {
		width: 230px;
		min-height: 40px;
		background-size: 230px 41px;
	}
}
@media screen and (min-width: 768px) {
	.mens-care-ranking-title {
		width: 342px;
		min-height: 50px;
		background-size: 342px 51px;
	}
}
@media screen and (min-width: 992px) {
	.mens-care-ranking-title {
		width: 342px;
		min-height: 50px;
		background-size: 342px 51px;
	}
}
/*
コラム
-----------------------------------------*/
@media screen and (max-width: 767px) {
	.column-archive-container {
		display: flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
		margin: 30px 0 65px 0;
		padding: 0 15px;
	}
	.column-archive {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.column-archive-header {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.column-archive-wrapper {
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.column-single-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.single-post-column {
		display: block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		font-family: var(--secondary-font);
	}
}
@media screen and (min-width: 768px) {
	.column-archive-container {
		display: flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
		margin: 40px 0 65px 0;
	}
	.column-archive {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.column-archive-header {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.column-archive-wrapper {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.column-single-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.single-post-column {
		display: block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		font-family: var(--secondary-font);
	}
}
@media screen and (min-width: 992px) {
	.column-archive-container {
		display: flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
		margin: 40px 0 65px 0;
	}
	.column-archive {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.column-archive-header {
		width: 198px;
		min-height: 50px;
		background-size: 198px 51px;
	}
	.column-archive-wrapper {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.column-single-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
	}
	.single-post-column {
		display: block;
		width: 100%;
		margin-top: 15px;
		font-size: 16px;
		font-family: var(--secondary-font);
	}
}
/*
美容なんでもQ&A
-----------------------------------------*/
/*
@media screen and (min-width: 0px) {
	.qa-content-body > li:first-child{
		background:#fff6f8;
	}
}*/
@media screen and (max-width:767px) {
	.qa-archive-wrapper {
		display: block;
		width: 100%;
		margin-top: 30px;
		padding:0 20px;
	}
	.qa-show-all-catagories {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.qa-show-all-catagories > a{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		background: var(--main-color);
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.qa-show-all-catagories > a:hover {
		opacity: 0.7;
	}
	.qa-show-all-catagories > a > span {
		position: relative;
		width: auto;
		color: #FFFFFF;
		font-size: 15px;
		line-height: 18px;
	}
	.qa-show-all-catagories > a::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 20px;
		transform: translateY(-50%);
		display: block;
		width: 8px;
		height: 15px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: auto;
		background-size: contain;
	}
	.qa-categories-container {
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width:100%;
	}
	.qa-categories-container > li {
		display: block;
		width: calc(50% - 5px);
		margin-top: 10px;
	}
	.qa-category-link{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		border: 1px solid #c5627e;
		font-size: 15px;
		color: #c5627e;
	}
	.qa-category-link::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 8px;
		height: 15px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.qa-category-nolink{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		border: 1px solid #c5627e;
		font-size: 15px;
		color: #FFFFFF;
		background: #c5627e;
	}
	.qa-category-nolink::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 8px;
		height: 15px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.qa-archive-container {
		display: block;
		width:100%;
		margin-top: 20px;
		padding:0 20px;
	}
	.qa-content-body {
		display: block;
		width: 100%;
	}
	.qa-content-body > li {
		position: relative;
		display: block;
		width: 100%;
		margin-top:10px;
		border: 1px solid #e6e6e6;
	}
	.qa-content-detail {
		display: block;
		width: 100%;
		padding:50px 20px 20px 20px;
		text-decoration: none;
		transition: all 0.3s linear;
	}
	.qa-content-detail:hover {
		background:#fff6f8;
	}
	.qa-content-wrapper {
		display: block;
		width: 100%;
		font-family: var(--secondary-font);
	}
	.qa-content-question {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 100%;
		min-height: 30px;
		padding: 5px 0 5px 40px;
	}
	.qa-content-question::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: url(../antil/assets/images/q-icon.png) no-repeat center;
			background-size: auto;
		background-size: 30px 30px;
	}
	.qa-content-question > span {
		font-size: 15px;
		line-height: 20px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.aq-content-answer {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 100%;
		min-height: 30px;
		padding: 0 0 5px 40px;
		margin: 0;
	}
	.aq-content-answer > span {
		/*display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;*/
		display: block;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 14px;
		font-weight: 400;
		text-align: justify;
		color: #000000;
		line-height:1.5;
	}
	.qa-content-category {
		position: absolute;
		right: 10px;
		top: 20px;
		display: flex;
		flex-flow: row nowrap;
		justify-content:flex-end;
		width: 100%;
	}
	.qa-content-category-link {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		min-width: 120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding: 0 10px;
		letter-spacing: -0.05rem;
	}
}
@media screen and (min-width:768px) and (max-width:991px) {
	.qa-archive-wrapper {
		display: block;
		width: 100%;
		margin-top: 40px;
	}
	.qa-show-all-catagories {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.qa-show-all-catagories > a{
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		background: var(--main-color);
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.qa-show-all-catagories > a:hover {
		opacity: 0.7;
	}
	.qa-show-all-catagories > a > span {
		position: relative;
		width: auto;
		padding-right: 40px;
		color: #FFFFFF;
		font-size: 18px;
		line-height: 18px;
	}
	.qa-show-all-catagories > a > span::after{
		content: "";
		position: absolute;
		top: 2px;
		right: 0;
		display: block;
		width: 8px;
		height: 15px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: auto;
		background-size: contain;
	}
	.qa-categories-container {
		display:flex;
		flex-flow: row wrap;
		width:100%;
	}
	.qa-categories-container > li {
		display: block;
		width: 24.545455%;
		margin-right: 0.606061%;
		margin-top: 6.666667px;
	}
	.qa-categories-container > li:nth-child(4n) {
		margin-right:0px;
	}	
	.qa-category-link{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		border: 1px solid #c5627e;
		font-size: 18px;
		color: #c5627e;
	}
	.qa-category-link::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 8px;
		height: 15px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: contain;
	}
	.qa-category-nolink{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 40px;
		border: 1px solid #c5627e;
		font-size: 18px;
		color: #FFFFFF;
		background: #c5627e;
	}
	.qa-category-nolink::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 8px;
		height: 15px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: contain;
	}
	.qa-archive-container {
		display: block;
		width:100%;
		margin-top: 40px;
	}
	.qa-content-body {
		display: block;
		width: 100%;
	}
	.qa-content-body > li {
		display: block;
		width: 100%;
		margin-top:20px;		
		border: 1px solid #e6e6e6;
	}
	.qa-content-detail {
		display: block;
		width: 100%;
		padding:20px;
		text-decoration: none;
		transition: all 0.3s linear;
	}
	.qa-content-detail:hover {
		background: #fff6f8;
	}
	.qa-content-wrapper {
		display: block;
		width: 100%;
		font-family: var(--secondary-font);
	}
	.qa-content-question {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 100%;
		min-height: 40px;
		padding: 7px 0 7px 60px;
	}
	.qa-content-question::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 40px;
		height: 40px;
		background: url(../antil/assets/images/q-icon.png) no-repeat center;
			background-size: auto;
		background-size: 40px 40px;
	}
	.qa-content-question > span {
		font-size: 18px;
		line-height: 26px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.aq-content-answer {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 100%;
		min-height: 40px;
		padding: 0 0 7px 60px;
		margin: 0;
	}
	.aq-content-answer > span {
		/*display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;*/
		display: block;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 15px;
		font-weight: 400;
		text-align: justify;
		color: #000000;
		line-height:1.5;
	}
	.qa-content-category {
		display: flex;
		flex-flow: row nowrap;
		justify-content:flex-end;
		width: 100%;
	}
	.qa-content-category-link {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		min-width: 120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding: 0 10px;
		letter-spacing: -0.05rem;
	}
}
@media screen and (min-width:992px) {
	.qa-archive-wrapper {
		display: block;
		width: 100%;
		margin-top: 60px;
	}
	.qa-show-all-catagories {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
	}
	.qa-show-all-catagories > a {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		background: var(--main-color);
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.qa-show-all-catagories > a:hover {
		opacity: 0.7;
	}
	.qa-show-all-catagories > a > span {
		position: relative;
		width: auto;
		padding-right: 60px;
		color: #FFFFFF;
		font-size: 20px;
		line-height: 23px;
	}
	.qa-show-all-catagories > a > span::after{
		content: "";
		position: absolute;
		top: 3px;
		right: 0;
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: auto;
		background-size: contain;
	}
	.qa-categories-container {
		display:flex;
		flex-flow: row wrap;
		width:100%;
	}
	.qa-categories-container > li {
		display: block;
		width: 24.545455%;
		margin-right: 0.606061%;
		margin-top: 6.666667px;
	}
	.qa-categories-container > li:nth-child(4n) {
		margin-right:0px;
	}	
	.qa-category-link{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		border: 1px solid #c5627e;
		font-size: 20px;
		color: #c5627e;
	}
	.qa-category-link::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-rd-icon.png) no-repeat center;
		background-size: auto;
		background-size: auto;
		background-size: contain;
	}
	.qa-category-nolink{
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		width: 100%;
		height: 50px;
		border: 1px solid #c5627e;
		font-size: 20px;
		color: #FFFFFF;
		background: #c5627e;
	}
	.qa-category-nolink::after{
		content: "";
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%);
		display: block;
		width: 10px;
		height: 17px;
		background: url(../antil/assets/images/category-wh-icon.png) no-repeat center;
		background-size: auto;
		background-size: auto;
		background-size: contain;
	}
	.qa-archive-container {
		display: block;
		width:100%;
		margin-top: 40px;
	}
	.qa-content-body {
		display: block;
		width: 100%;
	}
	.qa-content-body > li {
		display: block;
		width: 100%;
		margin-top:20px;		
		border: 1px solid #e6e6e6;
	}
	.qa-content-detail {
		display: block;
		width: 100%;
		padding:20px;
		text-decoration: none;
		transition: all 0.3s linear;
	}
	.qa-content-detail:hover {
		background: #fff6f8;
	}
	.qa-content-wrapper {
		display: block;
		width: 100%;
		font-family: var(--secondary-font);
	}
	.qa-content-question {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 100%;
		min-height: 50px;
		padding: 12px 0 12px 70px;
	}
	.qa-content-question::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background: url(../antil/assets/images/q-icon.png) no-repeat center;
		background-size: auto;
		background-size: 50px 50px;
	}
	.qa-content-question > span {
		font-size: 18px;
		line-height: 26px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.aq-content-answer {
		position: relative;
		display: flex;
		flex-flow: row nowrap;
		align-items: center;
		width: 100%;
		min-height: 50px;
		padding: 0 0 12px 70px;
		margin: 0;
	}
	.aq-content-answer > span {
	/*display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		overflow: hidden;
		text-overflow: ellipsis;*/
		display: block;
		width: 100%;
		overflow: hidden;
		font-family: var(--secondary-font);
		font-size: 15px;
		font-weight: 400;
		text-align: justify;
		color: #000000;
		line-height:1.5;
	}
	.qa-content-category {
		display: flex;
		flex-flow: row nowrap;
		justify-content:flex-end;
		width: 100%;
	}
	.qa-content-category-link {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		min-width: 120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding: 0 10px;
		letter-spacing: -0.05rem;
	}
}
/*detail*/
@media screen and (max-width:767px) {
	.qa-detail-container {
		display: block;
		width: 100%;
		margin-top: 30px;
	}
	.qa-detail-body {
		display: block;
		width: 100%;
		margin-top: 20px;
		padding: 20px 20px 50px 20px;
		border: 1px solid #e6e6e6;
	}
	.qa-detail-category {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		min-height:20px;
		margin:10px 0;
	}
	.qa-detail-category-link {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		min-width: 120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding: 0 10px;
		letter-spacing: -0.05rem;
	}
	.qa-detail {
		display: block;
		width: 100%;
	}
	.qa-detail-question {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		min-height: 30px;
		padding: 7px 0 7px 40px;
	}
	.qa-detail-question::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: url(../antil/assets/images/q-icon.png) no-repeat center;
		background-size: auto;
		background-size: 30px 30px;
	}
	.qa-detail-question > span {
		font-size: 15px;
		line-height: 16px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.detail-question {
		font-size: 14px;
		line-height: 1.5;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
	.aq-detail-answer {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		min-height: 30px;
		padding: 7px 0 7px 40px;
		margin-top: 10px;
	}
	.aq-detail-answer::before {
		content: "";
		position: absolute;
		top: 15px;
		left: 0;
		display: block;
		width: 30px;
		height: 30px;
		background: url(../antil/assets/images/a-icon.png) no-repeat center;
		background-size: auto;
		background-size: 30px 30px;
	}
	.aq-detail-answer p {
		font-size: 14px;
		line-height: 1.5;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
}
@media screen and (min-width:768px) {
	.qa-detail-container {
		display: block;
		width: 100%;
		margin-top: 40px;
	}
	.qa-detail-body {
		display: block;
		width: 100%;
		margin-top: 20px;
		padding: 20px 20px 50px 20px;
		border: 1px solid #e6e6e6;
	}
	.qa-detail-category {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		min-height:60px;
	}
	.qa-detail-category-link {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		min-width: 120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding: 0 10px;
		letter-spacing: -0.05rem;
	}
	.qa-detail {
		display: block;
		width: 100%;
	}
	.qa-detail-question {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		min-height: 50px;
		padding: 12px 0 12px 70px;
	}
	.qa-detail-question::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background: url(../antil/assets/images/q-icon.png) no-repeat center;
		background-size: auto;
		background-size: 50px 50px;
	}
	.qa-detail-question > span {
		font-size: 18px;
		line-height: 26px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.detail-question {
		font-size: 16px;
		line-height: 1.5;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
	.aq-detail-answer {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		min-height: 50px;
		padding: 12px 0 12px 70px;
		margin-top: 20px;
	}
	.aq-detail-answer::before {
		content: "";
		position: absolute;
		top: 12px;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background: url(../antil/assets/images/a-icon.png) no-repeat center;
		background-size: auto;
		background-size: 50px 50px;
	}
	.aq-detail-answer p {
		font-size: 16px;
		line-height: 1.5;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
}
@media screen and (min-width:992px) {
	.qa-detail-container {
		display: block;
		width: 100%;
		margin-top: 40px;
	}
	.qa-detail-body {
		display: block;
		width: 100%;
		margin-top: 20px;
		padding: 20px 20px 50px 20px;
		border: 1px solid #e6e6e6;
	}
	.qa-detail-category {
		display: flex;
		flex-flow: row nowrap;
		justify-content: flex-end;
		align-items: center;
		width: 100%;
		min-height:60px;
	}
	.qa-detail-category-link {
		display: flex;
		flex-flow: row nowrap;
		justify-content: center;
		align-items: center;
		min-width: 120px;
		width: auto;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		font-size: 13px;
		font-family: var(--secondary-font);
		padding: 0 10px;
		letter-spacing: -0.05rem;
	}
	.qa-detail {
		display: block;
		width: 100%;
	}
	.qa-detail-question {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		min-height: 50px;
		padding: 12px 0 12px 70px;
	}
	.qa-detail-question::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background: url(../antil/assets/images/q-icon.png) no-repeat center;
		background-size: auto;
		background-size: 50px 50px;
	}
	.qa-detail-question > span {
		font-size: 18px;
		line-height: 26px;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 700;
	}
	.detail-question {
		font-size: 16px;
		line-height: 1.5;
		color: #c05272;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
	.aq-detail-answer {
		position: relative;
		display: flex;
		flex-flow: row wrap;
		align-items: center;
		width: 100%;
		min-height: 50px;
		padding: 12px 0 12px 70px;
		margin-top: 20px;
	}
	.aq-detail-answer::before {
		content: "";
		position: absolute;
		top: 12px;
		left: 0;
		display: block;
		width: 50px;
		height: 50px;
		background: url(../antil/assets/images/a-icon.png) no-repeat center;
		background-size: auto;
		background-size: 50px 50px;
	}
	.aq-detail-answer p {
		font-size: 16px;
		line-height: 1.5;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
}
/*
動画一覧
-----------------------------------------*/
@media screen  and (max-width:767px){
	.movie-wrapper {
		display: block;
		width: 100%;
		margin:30px 0 60px 0;
	}
	.movie-ranking-body {
		display: block;
		width: 100%;
		padding: 0 20px;
	}
	.movie-ranking__title {
		width: 140px;
		min-height: 40px;
		background-size: 140px 41px;
	}
	.movie-ranking-container {
		display: block;
		width: 100%;
		padding-top:10px;
	}
	.movie-ranking__icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 41px;
		height: 43px;
	}
	.movie-ranking__content {
		position: relative;
		display:flex;
		flex-direction: column;
		align-items:center;
		width: 100%;
		border: 1px solid #e6e6e6;
		padding:30px 15px 30px 15px;
		margin-top:30px;
	}
	.movie-ranking__thumbnail {
		display: block;
		width:58.823529%;
		margin:0 auto;
	}
	.movie-ranking__thumbnail > .movie {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.movie-ranking__desc_wrapper {
		display:flex;
		flex-direction: column;
		justify-content:space-between;
		width: 100%;
		margin-top:20px
	}
	.movie-ranking__desc {
		display:flex;
		flex-direction: column;
		width: 100%;
	}
	.movie-ranking__name {
		display: block;
		width: 100%;
		font-size:14px;
		font-family: var(--secondary-font);
		font-weight:700;
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
	}
	.movie-ranking__text {
		display: block;
		width: 100%;
		font-size:14px;
		font-family: var(--secondary-font);
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
		margin-top:10px;
	}
	.movie-ranking__category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top: 20px;
	}
	.movie-list-body {
		display: block;
		width: 100%;
		margin-top: 60px;
		padding:0 20px;
	}
	.movie-list__title {
		width: 120px;
		min-height: 40px;
		background-size: 120px 41px;
	}
	.movie-list__container {
		display: flex;
		flex-direction: column;
		width: 100%;
	}
	.movie-list__block {
		position: relative;
		display: flex;
		flex-flow:row wrap;
		justify-content:space-between;
		width: 100%;
		margin-top: 30px;
	}	
	.movie-list__block_thumbnail {
		display: block;
		width: 36.619718%;
	}
	.movie-list__block_contents {
		display: flex;
		flex-direction: column;
		align-items:flex-end;
		width: 59.154929%;
	}
	.movie-list__block_thumbnail > .movie-list__block_movie {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.movie-list__block_name {
		display: block;
		width: 100%;
		font-size:14px;
		line-height:1.25;
		font-family: var(--secondary-font);
		font-weight: 400;
		text-align: justify;
		word-break: break-all;
	}
	.movie-list__block_category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 12px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top: 10px;
	}
}
@media screen  and (min-width:768px) and (max-width:991px){
	.movie-wrapper {
		display: block;
		width: 100%;
		margin:60px 0 110px 0;
	}
	.movie-ranking-body {
		display: block;
		width: 100%;
	}
	.movie-ranking__title {
		width: 235px;
		min-height: 50px;
		background-size: 235px 51px;
	}
	.movie-ranking-container {
		display: block;
		width: 100%;
		padding-top:10px;
	}
	.movie-ranking__icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 51px;
		height: 53px;
	}
	.movie-ranking__content {
		position: relative;
		display:flex;
		flex-direction: column;
		align-items:center;
		width: 100%;
		border: 1px solid #e6e6e6;
		padding:30px 40px 30px 75px;
		margin-top:30px;
	}
	.movie-ranking__thumbnail {
		display: block;
		max-width:400px;
		width:100%;
		margin:0 auto;
	}
	.movie-ranking__thumbnail > .movie {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.movie-ranking__desc_wrapper {
		display:flex;
		flex-direction: column;
		justify-content:space-between;
		width: 100%;
		margin-top:30px
	}
	.movie-ranking__desc {
		display:flex;
		flex-direction: column;
		width: 100%;
	}
	.movie-ranking__name {
		display: block;
		width: 100%;
		font-size:15px;
		font-family: var(--secondary-font);
		font-weight:700;
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
	}
	.movie-ranking__text {
		display: block;
		width: 100%;
		font-size:15px;
		font-family: var(--secondary-font);
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
		margin-top:20px;
	}
	.movie-ranking__category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top: 20px;
	}
	.movie-list-body {
		display: block;
		width: 100%;
		margin-top: 100px;
	}
	.movie-list__title {
		width: 161px;
		min-height: 50px;
		background-size: 161px 51px;
	}
	.movie-list__container {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: -40px;
	}
	.movie-list__block {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 18.545455%;
		margin-right: 1.818182%;
		margin-top: 80px;
	}
	.movie-list__block:nth-child(5n){
		margin-right:0;
	}
	.movie-list__block_thumbnail {
		display: block;
		width: 100%;
	}
	.movie-list__block_thumbnail > .movie-list__block_movie {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.movie-list__block_name {
		display: block;
		width: 100%;
		font-size:15px;
		line-height:1.5;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
	.movie-list__block_category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top: 20px;
	}
}
@media screen  and (min-width:992px){
	.movie-wrapper {
		display: block;
		width: 100%;
		margin:60px 0 110px 0;
	}
	.movie-ranking-body {
		display: block;
		width: 100%;
	}
	.movie-ranking__title {
		width: 235px;
		min-height: 50px;
		background-size: 235px 51px;
	}
	.movie-ranking-container {
		display: block;
		width: 100%;
		padding-top:10px;
	}
	.movie-ranking__icon {
		position: absolute;
		top: 0;
		left: 0;
		display: block;
		width: 51px;
		height: 53px;
	}
	.movie-ranking__content {
		position: relative;
		display:flex;
		flex-flow: row wrap;
		justify-content:space-between;
		width: 100%;
		border: 1px solid #e6e6e6;
		padding:30px 40px 30px 75px;
		margin-top:30px;
	}
	.movie-ranking__thumbnail {
		display: block;
		width: 40.609137%;
	}
	.movie-ranking__thumbnail > .movie {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.movie-ranking__desc_wrapper {
		display:flex;
		flex-direction: column;
		justify-content:space-between;
		width: 56.345178%;
	}
	.movie-ranking__desc {
		display:flex;
		flex-direction: column;
		width: 100%;
	}
	.movie-ranking__name {
		display: block;
		width: 100%;
		font-size:16px;
		font-family: var(--secondary-font);
		font-weight:700;
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
	}
	.movie-ranking__text {
		display: block;
		width: 100%;
		font-size:16px;
		font-family: var(--secondary-font);
		line-height:1.5;
		text-align:justify;
		word-break: break-all;
		margin-top:20px;
	}
	.movie-ranking__category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top: 20px;
	}
	.movie-list-body {
		display: block;
		width: 100%;
		margin-top: 100px;
	}
	.movie-list__title {
		width: 161px;
		min-height: 50px;
		background-size: 161px 51px;
	}
	.movie-list__container {
		display: flex;
		flex-flow: row wrap;
		width: 100%;
		margin-top: -40px;
	}
	.movie-list__block {
		position: relative;
		display: flex;
		flex-direction: column;
		width: 18.545455%;
		margin-right: 1.818182%;
		margin-top: 80px;
	}
	.movie-list__block:nth-child(5n){
		margin-right:0;
	}
	.movie-list__block_thumbnail {
		display: block;
		width: 100%;
	}
	.movie-list__block_thumbnail > .movie-list__block_movie {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.movie-list__block_name {
		display: block;
		width: 100%;
		font-size:16px;
		line-height:1.5;
		font-family: var(--secondary-font);
		font-weight: 400;
		margin-top: 10px;
		text-align: justify;
		word-break: break-all;
	}
	.movie-list__block_category {
		display: flex;
		justify-content: center;
		align-items: center;
		width: 120px;
		height: 23px;
		border-radius: 15px;
		color: #FFFFFF;
		text-align: center;
		font-size: 14px;
		font-family: var(--secondary-font);
		letter-spacing: -0.05rem;
		transition: all 0.3s linear;
		margin-top: 20px;
	}
}
/*
About
-----------------------------------------*/
@media screen and (max-width:767px){
	.about-wrapper {
		display: block;
		width: 100%;
		margin:30px 0 60px 0;
	}
	.about-body {
		display:flex;
		flex-direction:column;
		width: 100%;
	}
	.about-img {
		display: block;
		width: 77.464789%;
		margin: 0 auto;
	}
	.about-img > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.about-contents{
		display: flex;
		flex-direction: column;
		width: 100%;
		font-family: var(--secondary-font);
		font-size: 14px;
		margin-top: 30px;
	}
	.about-contents__text {
		display: block;
		width: 100%;
		line-height:1.85;
		text-align: justify;
		word-break: break-all;
	}
	.about-contents__text:nth-child(2) {
		margin-top:30px;
	}
	.about-contents__team {
		display: block;
		width: 100%;
		text-align: right;
		margin-top:30px;
	}
}
@media screen and (min-width:768px) and (max-width:991px){
	.about-wrapper {
		display: block;
		width: 100%;
		margin:50px 0 90px 0;
	}
	.about-body {
		display:flex;
		flex-direction:column;
		width: 100%;
	}
	.about-img {
		display: block;
		width: 77.464789%;
		margin: 0 auto;
	}
	.about-img > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.about-contents{
		display: flex;
		flex-direction: column;
		width: 100%;
		font-family: var(--secondary-font);
		font-size: 16px;
		margin-top: 30px;
	}
	.about-contents__text {
		display: block;
		width: 100%;
		line-height:1.85;
		text-align: justify;
		word-break: break-all;
	}
	.about-contents__text:nth-child(2) {
		margin-top:30px;
	}
	.about-contents__team {
		display: block;
		width: 100%;
		text-align: right;
		margin-top:30px;
	}
}
@media screen and (min-width:992px){
	.about-wrapper {
		display: block;
		width: 100%;
		margin:60px 0 110px 0;
	}
	.about-body {
		display:flex;
		flex-flow:row-reverse wrap;
		justify-content:space-between;
		width: 100%;
	}
	.about-img {
		display: block;
		width: 47.169811%;
	}
	.about-img > img {
		display: block;
		width: 100%;
		object-fit: cover;
		object-position: center;
	}
	.about-contents{
		display: flex;
		flex-direction: column;
		width: 49.056634%;
		font-family: var(--secondary-font);
		font-size: 16px;
	}
	.about-contents__text {
		display: block;
		width: 100%;
		line-height:1.85;
		text-align: justify;
		word-break: break-all;
	}
	.about-contents__text:nth-child(2) {
		margin-top:30px;
	}
	.about-contents__team {
		display: block;
		width: 100%;
		text-align: right;
		margin-top:30px;
	}
}
/*
404
-----------------------------------------*/
@media screen and (max-width:767px) {
	.page-not-found-wrapper {
		display: block;
		width: 100%;
		margin:30px 0 50px 0;
	}
	.page-not-found__body {
		display: block;
		width: 100%;
		margin:0 auto;
	}
	.page-not-found__title {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 40px;
		line-height:1.5
	}
	.page-not-found__subtile {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 16px;
		line-height:1.5
	}
	.page-not-found__text {
		display: block;
		width: 100%;
		font-size: 14px;
		line-height:2;
		font-family: var(--secondary-font);
		margin:30px 0;
		text-align:justify;
		word-break: break-word;
	}
}
@media screen and (min-width:768px) {
	.page-not-found-wrapper {
		display: block;
		width: 100%;
		margin:60px 0 100px 0;
	}
	.page-not-found__body {
		display: block;
		width: 90%;
		margin:0 auto;
	}
	.page-not-found__title {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 50px;
		line-height:1.5
	}
	.page-not-found__subtile {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 18px;
		line-height:1.5
	}
	.page-not-found__text {
		display: block;
		width: 100%;
		font-size: 15px;
		line-height:2;
		font-family: var(--secondary-font);
		margin:30px 0;
		text-align:justify;
		word-break: break-word;
	}
}
@media screen and (min-width:992px) {
	.page-not-found-wrapper {
		display: block;
		width: 100%;
		margin:60px 0 100px 0;
	}
	.page-not-found__body {
		display: block;
		width: 80%;
		margin:0 auto;
	}
	.page-not-found__title {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 50px;
		line-height:1.5
	}
	.page-not-found__subtile {
		display: block;
		width: 100%;
		text-align: center;
		font-size: 18px;
		line-height:1.5
	}
	.page-not-found__text {
		display: block;
		width: 100%;
		font-size: 16px;
		line-height:2;
		font-family: var(--secondary-font);
		margin:30px 0;
		padding: 0 5%;
	}
}
/*
footer
-----------------------------------------*/
@media screen and (max-width:767px){
	footer{
		position: relative;
		width:100%;
		padding-top: 50px;
		border-top: 1px solid #f8f6f6;
	}
	.scroll-top {
		position:absolute;
		top: -20px;
		right:10px;
		display:block;
		width: 40px;
		height: 40px;
		background:url(../antil/assets/images/top-icon.png) no-repeat center;
		background-size:40px 40px;
		cursor: pointer;
		transition: all 0.3s linear;
	}
	
	.footer-title-wrapper {
		display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
	}
	.title-wrapper__logo {
    display: block;
    width: 105px;
	}
	.title-wrapper__logo > img {
    display: block;
    max-width: 105px;
    object-fit: cover;
    object-position: center;
	}
	.footer-container {
		display:flex;
		flex-flow: column wrap;
		width: 100%;
		margin-top:10px;
	}
	.footer-menu-wrapper {
		display: block;
		width: 100%;
	}
	.footer-menu__header {
		font-size: 14px;
		font-family: var(--secondary-font);
		font-weight: 700;
		line-height:2;
		margin-top:20px;
	}
	.footer-menu {
		display: flex;
    flex-flow: column nowrap;
    width: 100%;
	}
	.footer-menu > li {
		display: block;
		width:100%;
		padding:2px 0;
	}
	.footer-menu > li > a {
		display: block;
		width: auto;
		font-size: 13px;
		line-height:1.5;
		color: #000000;
		font-family: var(--secondary-font);
	}	
	.footer-nav {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
		padding:20px 0;
	}
	.footer-nav > li {
		display: block;
		width:auto;
		height:12px;
		padding:0 5px;
	}
	.footer-nav > li:not(:first-child){
		border-left:1px solid #000000;
	}
	.footer-nav > li > a {
		display: block;
		width:auto;
		height:12px;
		line-height:12px;
		font-size:12px;
		font-family: var(--secondary-font);
		color: #000000;
	}
	.footer-nav > li > a:hover{
		opacity: 0.7;
	}
	.rights-outer {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
		align-items:center;
		width:100%;
		height:40px;
		background: #c05373;
	}
	.rights-outer span {
		color:#FFFFFF;
		font-size: 10px;
		font-family: var(--secondary-font);
	}
}
@media screen and (min-width:768px){
	footer{
		position: relative;
		width:100%;
		padding-top: 50px;
		border-top: 1px solid #f8f6f6;
	}
	.scroll-top {
		position:absolute;
		top: -50px;
		right:10px;
		display:block;
		width: 40px;
		height: 40px;
		background:url(../antil/assets/images/top-icon.png) no-repeat center;
		background-size:40px 40px;
		cursor: pointer;
		transition: all 0.3s linear;
	}
	.scroll-top:hover {
		opacity: 0.7;
	}
	.footer-title-wrapper {
		display: flex;
    flex-flow: row nowrap;
    justify-content: center;
    width: 100%;
	}
	.title-wrapper__logo {
    display: block;
    width: auto;
	}
	.title-wrapper__logo > img {
    display: block;
    max-width: 170px;
    object-fit: cover;
    object-position: center;
	}
	.footer-container {
		display:flex;
		flex-flow: row wrap;
		width: 100%;
		margin-left: -10px;
		margin-right: -10px;
		margin-top:10px;
	}
	.footer-menu-wrapper {
		display: block;
		width: 25%;
		padding: 0 10px;
	}
	.footer-menu__header {
		font-size: 15px;
		font-family: var(--secondary-font);
		font-weight: 700;
		line-height:2;
		margin-bottom: 5px;
	}
	.footer-menu {
		display: flex;
    flex-flow: column nowrap;
    width: 100%;
	}
	.footer-menu > li {
		display: block;
		width:100%;
		padding:2px 0;
	}
	.footer-menu > li > a {
		display: block;
		width: auto;
		font-size: 14px;
		line-height:1.5;
		color: #000000;
		transition: all 0.3s linear;
		font-family: var(--secondary-font);
	}
	.footer-menu > li > a:hover{
		opacity: 0.7;
	}
	.footer-nav {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
    width: 100%;
		padding:30px 0;
	}
	.footer-nav > li {
		display: block;
		width:auto;
		height:14px;
		padding:0 30px;
	}
	.footer-nav > li:not(:first-child){
		border-left:1px solid #000000;
	}
	.footer-nav > li > a {
		display: block;
		width:auto;
		height:14px;
		line-height:14px;
		font-size:13px;
		font-family: var(--secondary-font);
		transition: all 0.3s linear;
		color: #000000;
	}
	.footer-nav > li > a:hover{
		opacity: 0.7;
	}
	.rights-outer {
		display: flex;
    flex-flow: row wrap;
    justify-content: center;
		align-items:center;
		width:100%;
		height:50px;
		background: #c05373;
	}
	.rights-outer span {
		color:#FFFFFF;
		font-size: 14px;
		font-family: var(--secondary-font);
	}	
}
/*
clinic
-----------------------------------------*/
@media screen and (max-width:767px) {
	.clinic-content-wrapper {
		display: block;
		width: 100%;
		margin: 30px 0 50px 0;
	}
	.content-freespace > h2 {
		display: block;
		width: 100%;
		font-size:23px;
		font-weight: bold;
		color: #000000;
		padding:60px 0;
		font-family: var(--secondary-font);
	}
	.content-freespace > h3 {
		display: block;
		width: 100%;
		font-size:22px;
		font-weight: bold;
		color: #c5627e;
		font-family: var(--secondary-font);
		padding:10px 0;
		border-bottom: 1px solid #c5627e;
		margin-bottom: 35px;
	}
	.content-freespace > h4 {
		display: block;
		width: 100%;
		font-size:20px;
		font-weight: bold;
		color: #000000;
		padding:10px 0;
		border-bottom: 1px dotted #000000;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.content-freespace > h5 {
		position: relative;
		display: block;
		width: 100%;
		font-size:20px;
		font-weight: bold;
		color: #8f8f8f;
		padding-left: 15px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.content-freespace > h5::before{
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		display: block;
		width: 8px;
		height:8px;
		border-radius: 4px;
		background: #8f8f8f;
	}
	.content-freespace > h6 {
		display: block;
		width: 100%;
		font-size:20px;
		font-weight: 600;
		color: #8f8f8f;
		padding-left: 20px;
		border: 1px solid #8f8f8f;
		padding:8.75px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.content-freespace > ul {
		display:block;
		width: 100%;
		margin-bottom: 30px;
	}
	.content-freespace > ul > li {
		position: relative;
		display: block;
		font-size:16px;
		line-height:1.5;
		padding:5px 0 5px 10px;
		font-family: var(--secondary-font);
	}
	.content-freespace > ul > li::before {
		content: "";
		position:absolute;
		top: 15px;
		left:0;
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 2px;
		background:#666666;
	}
	.single-clinic-info,
	.single-clinic-info tbody,
	.single-clinic-info tr, 
	.single-clinic-info th, 
	.single-clinic-info td {
		display: block;
		width: 100%;
		font-family: var(--secondary-font);
	}
	.single-clinic-info {
		border-collapse: collapse;
		margin: 30px 0;
	}
	.single-clinic-info tr th,
	.single-clinic-info tr td {
		padding: 5px;
		line-height: 2;
		vertical-align: top;
		font-size: 16px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.single-clinic-info tr th {
		background: #e6e6e6;
		border: 1px solid;
		border-color: #e6e6e6;
		padding-left: 15px;
		text-align: left;
	}
	.single-clinic-info tr td {
		background: #FFFFFF;
		border: 1px solid;
		border-color: #e6e6e6;
		padding-left: 15px;
	}
	.single-clinic-info tr td a {
		color: #000000;
		transition: opacity 0.7s linear;
	}
	.single-clinic-info tr td a:hover {
		opacity: 0.7;
	}
	
}
@media screen and (min-width:768px) {
	.clinic-content-wrapper {
		display: block;
		width: 100%;
		margin: 60px 0 100px 0;
	}
	.content-freespace {
		display: block;
		width: 100%;
		width: 100%;
		font-size: 16px;
    font-family: var(--secondary-font);
    line-height: 1.5;
    text-align: justify;
    word-break: break-all;
	}
	.content-freespace > p {
    display: block;
    width: 100%;
    font-size: 16px;
    font-family: var(--secondary-font);
    line-height: 1.5;
    text-align: justify;
    word-break: break-all;
    margin-top: 30px;
	}
	.content-freespace > h2 {
		display: block;
		width: 100%;
		font-size:18px;
		font-weight: bold;
		color: #000000;
		padding:60px 0;
		font-family: var(--secondary-font);
	}
	.content-freespace > h3 {
		display: block;
		width: 100%;
		font-size:17px;
		font-weight: bold;
		color: #c5627e;
		font-family: var(--secondary-font);
		padding:10px 0;
		border-bottom: 1px solid #c5627e;
		margin: 30px 0;
	}
	.content-freespace > h4 {
		display: block;
		width: 100%;
		font-size:16px;
		font-weight: bold;
		color: #000000;
		padding:10px 0;
		border-bottom: 1px dotted #000000;
		font-family: var(--secondary-font);
		margin: 30px 0;
	}
	.content-freespace > h5 {
		position: relative;
		display: block;
		width: 100%;
		font-size:16px;
		font-weight: bold;
		color: #8f8f8f;
		padding-left: 15px;
		font-family: var(--secondary-font);
		margin: 30px 0;
	}
	.content-freespace > h5::before{
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		display: block;
		width: 8px;
		height:8px;
		border-radius: 4px;
		background: #8f8f8f;
	}
	.content-freespace > h6 {
		display: block;
		width: 100%;
		font-size:15px;
		font-weight: 600;
		color: #8f8f8f;
		padding-left: 20px;
		border: 1px solid #8f8f8f;
		padding:8.75px;
		font-family: var(--secondary-font);
		margin-bottom: 30px;
	}
	.content-freespace > ul {
		display:block;
		width: 100%;
		margin: 30px 0;
	}
	.content-freespace > ul > li {
		position: relative;
		display: block;
		font-size:16px;
		line-height:1.5;
		padding:5px 0 5px 20px;
		font-family: var(--secondary-font);
	}
	.content-freespace > ul > li::before {
		content: "";
		position:absolute;
		top: 50%;
		transform: translateY(-50%);
		left:0;
		display: block;
		width: 4px;
		height: 4px;
		border-radius: 2px;
		background:#666666;
	}	
	.single-clinic-info {
		width: 100%;
		border-collapse: collapse;
		margin: 30px 0;
	}
	.single-clinic-info tr th,
	.single-clinic-info tr td {
		padding: 5px;
		line-height: 2 !important;
		vertical-align: top;
		font-size: 16px;
		font-family: var(--secondary-font);
		font-weight: 600;
	}
	.single-clinic-info tr th {
		width: 180px;
		background: #e6e6e6;
		border: 1px solid;
		border-color: #e6e6e6;
		padding-left: 10px;
	}
	.single-clinic-info tr:not(:last-child) th {
		border-bottom-color: #FFFFFF;
	}
	.single-clinic-info tr td {
		width: calc(100% - 180px);
		background: #FFFFFF;
		border: 1px solid;
		border-color: #e6e6e6;
		padding-left: 20px;
	}
	.single-clinic-info tr td a {
		color: #000000;
		transition: opacity 0.7s linear;
	}
	.single-clinic-info tr td a:hover {
		opacity: 0.7;
	}
}
@media screen and (min-width: 0px) {
	.content-freespace table {
		border-collapse: collapse;
	}
	.content-freespace table tr th,
	.content-freespace table tr td {
		font-size: 15px;
		line-height:1.5em;
		padding:5px 5px 5px 15px;
		border:1px solid #e6e6e6;
		vertical-align:top;
	}

}