@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Barlow+Semi+Condensed:600&display=swap);
/************************************************************
 * RESET
 ************************************************************/
body,
h1,
h2,
h3,
p,
ul,
dl,
dd {
	margin: 0;
	padding: 0;
}

ul {
	list-style: none;
}

h1,
h2,
h3,
em {
	font: inherit;
}
/************************************************************
 * BASE
 ************************************************************/
* {
	box-sizing: border-box;
}
body {
	color: #222222;
	font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
	font-size: calc(15 / 1140 * 100vw);
	-webkit-font-smoothing: antialiased;
	line-height: 1.5;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
}
a {
	color: inherit;
	text-decoration: none;
}
img {
	vertical-align: middle;
	width: 100%;
}
.section[data-bgc="gray"] {
	background-color: #EDEDED;
}
/************************************************************
 * PC
 ************************************************************/
@media (max-width: 1240px) {
	.contentList > li {
		align-items: center;
		display: flex;
		text-align: center;
	}
	.contentList > li > a > br {
		display: block;
	}
}
@media (min-width: 768px) {
	/* common */
	a:hover {
		opacity: 0.7;
	}
	.pcdn {
		display: none;
	}
	.spdn {
		display: block;
	}
	.inner {
		margin: 0 auto;
		max-width: 1140px;
		width: 100%;
	}
	.sectionHead {
		font-size: calc(32 / 1140 * 100vw);
		font-weight: bold;
		line-height: 1;
		position: relative;
		text-align: center;
	}
	.sectionHead::before {
		background-color: #AD2F5B;
		content: "";
		display: block;
		height: 2px;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
	.sectionHead span {
		padding: 0 calc(20 / 1140 * 100vw);
		position: relative;
	}
	.section[data-bgc="white"] .sectionHead span {
		background-color: #FFFFFF;
	}
	.section[data-bgc="gray"] .sectionHead span {
		background-color: #EDEDED;
	}
	.troubleHead em::before,
	.troubleHead em::after,
	.intro em::before,
	.intro em::after {
		font-family: 游明朝, "Yu Mincho", YuMincho, serif;
	}
	.troubleHead em::before,
	.intro em::before {
		content: "\201C";
	}
	.troubleHead em::after,
	.intro em::after {
		content: "\201D";
	}
	/* header */
	.header {
		overflow: hidden;
		position: relative;
	}
	.header::before,
	.header::after {
		content: "";
		display: block;
		height: 100%;
		position: absolute;
		top: 0;
		width: 100%;
	}
	.header::before {
		background-color: #9D244F;
		left: -50%;
	}
	.header::after {
		background-color: #AD2F5B;
		left: 50%;
	}
	.kv {
		position: relative;
		z-index: 1;
	}
	/* trouble */
	.section[data-content="trouble"] .inner {
		padding: calc(123 / 1140 * 100vw) calc(30 / 1140 * 100vw) calc(60 / 1140 * 100vw);
	}
	.troubleHead {
		font-size: calc(34 / 1140 * 100vw);
		font-weight: bold;
		text-align: center;
	}
	.troubleHead em {
		color: #AD2F5B;
		font-size: calc(42 / 1140 * 100vw);
	}
	.troubleList {
		display: flex;
		justify-content: space-between;
		margin-top: calc(60 / 1140 * 100vw);
	}
	.troubleList > li {
		background-color: #FFFFFF;
		border-radius: 50%;
		cursor: pointer;
		font-weight: bold;
		max-width: 242px;
		position: relative;
		text-align: center;
		width: calc(242 / 1140 * 100vw);
	}
	.troubleList > li:hover {
		background-color: #AD2F5B;
		color: #FFFFFF;
	}
	.troubleList > li::before {
		content: "";
		display: block;
		padding-top: 100%;
	}
	.troubleList > li::after {
		background: center / contain no-repeat;
		content: "";
		display: block;
		height: calc(128 / 1140 * 100vw);
		left: 0;
		max-height: 128px;
		position: absolute;
		top: calc((30 / 1140 * 100vw) * -1);
		width: 100%;
	}
	.troubleList > li:first-child::after {
		background-image: url(images/trouble_item_1.png);
	}
	.troubleList > li:first-child:hover::after {
		background-image: url(images/trouble_item_1s.png);
	}
	.troubleList > li:nth-child(2)::after {
		background-image: url(images/trouble_item_2.png);
	}
	.troubleList > li:nth-child(2):hover::after {
		background-image: url(images/trouble_item_2s.png);
	}
	.troubleList > li:nth-child(3)::after {
		background-image: url(images/trouble_item_3.png);
	}
	.troubleList > li:nth-child(3):hover::after {
		background-image: url(images/trouble_item_3s.png);
	}
	.troubleList > li:last-child::after {
		background-image: url(images/trouble_item_4.png);
	}
	.troubleList > li:last-child:hover::after {
		background-image: url(images/trouble_item_4s.png);
	}
	.troubleList p {
		left: 0;
		margin-top: calc(110 / 1140 * 100vw);
		position: absolute;
		top: 0;
		width: 100%;
	}
	.troubleList em {
		color: #AD2F5B;
		font-size: calc(21 / 1140 * 100vw);
	}
	.afterTxt {
		font-size: calc(20 / 1140 * 100vw);
	}
	.afterTxt span {
		letter-spacing: calc((3 / 1140 * 100vw) * -1);
	}
	.afterTxt::after {
		background: url(images/trouble_arrow.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(18 / 1140 * 100vw);
		left: 50%;
		max-height: 18px;
		max-width: 32px;
		position: absolute;
		top: calc(100% + (27 / 1140 * 100vw));
		transform: translateX(-50%);
		width: calc(32 / 1140 * 100vw);
	}
	.troubleList > li:hover .beforeTxt,
	.afterTxt {
		display: none;
	}
	.troubleList > li:hover .afterTxt {
		display: block;
	}
	.intro {
		background: #9D244F url(images/trouble_bg_intro.png) center / auto 100% no-repeat;
		color: #FFFFFF;
		font-size: calc(30 / 1140 * 100vw);
		font-weight: bold;
		padding: calc(45 / 1140 * 100vw) 0;
		position: relative;
		text-align: center;
	}
	.intro::before {
		background-color: #EDEDED;
		content: "";
		display: block;
		height: calc(36 / 1140 * 100vw);
		left: 50%;
		max-height: 36px;
		max-width: 36px;
		position: absolute;
		top: calc((18 / 1140 * 100vw) * -1);
		transform: translateX(-50%) rotate(45deg);
		width: calc(36 / 1140 * 100vw);
	}
	/* point */
	.section[data-content="point"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
	}
	.pointList > li {
		margin-top: calc(60 / 1140 * 100vw);
	}
	.pointList > li:nth-child(4) {
		position: relative;
	}
	.pointHead {
		align-items: center;
		display: flex;
		font-weight: bold;
		justify-content: center;
	}
	.pointHead::after {
		background: url(images/point_ttl_item.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(132 / 1140 * 100vw);
		margin-left: calc(30 / 1140 * 100vw);
		max-height: 132px;
		max-width: 73px;
		width: calc(73 / 1140 * 100vw);
	}
	.pointHeadImg {
		max-width: 323px;
		width: calc(323 / 1140 * 100vw);
	}
	.pointHeadChar {
		margin-left: calc(20 / 1140 * 100vw);
	}
	.pointHeadTtl {
		color: #AD2F5B;
		font-size: calc(27 / 1140 * 100vw);
	}
	.pointHeadDesc + .pointHeadTtl {
		margin-top: calc(10 / 1140 * 100vw);
	}
	.pointHeadDesc {
		font-size: calc(16 / 1140 * 100vw);
		line-height: 1.9;
	}
	.pointHeadTtl + .pointHeadDesc {
		margin-top: calc(10 / 1140 * 100vw);
	}
	.pointItemList {
		margin-top: calc(40 / 1140 * 100vw);
	}
	.pointList > li:first-child .pointItemList,
	.pointList > li:nth-child(2) .pointItemList,
	.pointList > li:nth-child(3) .pointItemList {
		display: flex;
	}
	.statistics,
	.explanation[data-img="illust"] {
		max-width: 340px;
		width: calc(340 / 1140 * 100vw);
	}
	.graph {
		max-width: 710px;
		width: calc(710 / 1140 * 100vw);
	}
	.pointFirst > .statistics,
	.explanation[data-img="photo"] {
		max-width: 525px;
		width: calc(525 / 1140 * 100vw);
	}
	.statistics + .statistics,
	.graph + .statistics,
	.explanation[data-img="photo"] + .explanation[data-img="photo"] {
		margin-left: calc(30 / 1140 * 100vw);
	}
	.explanation[data-img="illust"] + .explanation[data-img="illust"] {
		margin-top: calc(20 / 1140 * 100vw);
	}
	.pointItemList > div > dt {
		align-items: center;
		background-color: #AD2F5B;
		color: #FFFFFF;
		display: flex;
		font-size: calc(20 / 1140 * 100vw);
		font-weight: bold;
		height: calc(75 / 1140 * 100vw);
		justify-content: center;
		max-height: 75px;
		position: relative;
		text-align: center;
	}
	.pointItemList > div > dd {
		border: solid #AD2F5B;
		border-width: 0 2px 2px;
		height: calc(240 / 1140 * 100vw);
		max-height: 240px;
	}
	.statistics > dd {
		display: flex;
		flex-flow: column;
		justify-content: space-between;
		padding: calc(25 / 1140 * 100vw) 0;
	}
	.graph > dd {
		align-items: center;
		display: flex;
		justify-content: space-around;
	}
	.graph > dd > div {
		position: relative;
	}
	.explanation > dd {
		padding-top: calc(20 / 1140 * 100vw);
	}
	.pointItemImg {
		margin: 0 auto;
	}
	.statistics .pointItemImg,
	.explanation[data-img="illust"] .pointItemImg {
		max-width: 207px;
		width: calc(207 / 1140 * 100vw);
	}
	.graph .pointItemImg {
		height: calc(200 / 1140 * 100vw);
		max-height: 200px;
	}
	.graph .pointItemImg img {
		height: 100%;
		width: auto;
	}
	.explanation[data-img="photo"] .pointItemImg {
		max-width: 300px;
		width: calc(300 / 1140 * 100vw);
	}
	.pointItemNum {
		color: #AD2F5B;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: calc(16 / 1140 * 100vw);
		line-height: 1;
		text-align: center;
	}
	dl.pointItemNum {
		display: flex;
		justify-content: center;
	}
	.pointFirst dl.pointItemNum {
		margin: 0 auto;
	}
	.statistics .pointItemNum {
		width: 100%;
	}
	.pointFirst > .statistics .pointItemNum {
		max-width: calc(400 / 1140 * 100vw);
	}
	.graph .pointItemNum {
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
	}
	.graph .pointItemNum::after {
		background: url(images/point_item_2_1_1.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(13 / 1140 * 100vw);
		margin-top: calc(8 / 1140 * 100vw);
		max-height: 13px;
		max-width: 77px;
		position: absolute;
		right: 0;
		top: 100%;
		width: calc(77 / 1140 * 100vw);
	}
	.graph .pointItemNum > div > dd {
		margin-right: 8px;
	}
	dl.pointItemNum > div {
		flex: 1;
	}
	dl.pointItemNum > div > dd,
	p.pointItemNum {
		font-weight: bold;
	}
	.pointTextEm {
		font-size: calc(20 / 1140 * 100vw);
	}
	.pointTextEm > em {
		font-size: calc(34 / 1140 * 100vw);
	}
	.pointTextEm > em + em {
		font-size: calc(28 / 1140 * 100vw);
	}
	.pointItemDesc {
		margin-top: calc(20 / 1140 * 100vw);
		text-align: center;
		width: 100%;
	}
	.explanation[data-img="photo"] .pointItemDesc {
		font-size: calc(16 / 1140 * 100vw);
	}
	.explanation[data-img="illust"] .pointItemDesc {
		font-size: calc(17 / 1140 * 100vw);
	}
	.pointCatch {
		height: calc(100 / 1140 * 100vw);
		max-height: 100px;
		max-width: 100px;
		position: absolute;
		right: calc((25 / 1140 * 100vw) * -1);
		top: calc((25 / 1140 * 100vw) * -1);
		width: calc(100 / 1140 * 100vw);
	}
	.em-ls {
		letter-spacing: 2px;
	}
	.sb {
		position: absolute;
		right: 0;
		top: calc(192 / 1140 * 100vw);
		z-index: 1;
	}
	.sbImg {
		max-width: 782px;
		width: calc(782 / 1140 * 100vw);
	}
	.sbTxt {
		color: #AD2F5B;
		display: flex;
		font-size: calc(21 / 1140 * 100vw);
		font-weight: bold;
		justify-content: flex-end;
		margin-top: calc((7 / 1140 * 100vw) * -1);
		text-align: center;
	}
	.pointSuppl {
		align-items: flex-end;
		display: flex;
		margin-top: calc(25 / 1140 * 100vw);
	}
	.pointList > li:first-child .pointSuppl {
		justify-content: space-between;
	}
	.pointList > li:nth-child(4) .pointSuppl {
		justify-content: flex-end;
	}
	.noteMark {
		font-size: calc(10 / 1140 * 100vw);
		vertical-align: super;
	}
	.noteList {
		color: #999999;
		font-size: calc(10 / 1140 * 100vw);
	}
	.noteList > li {
		padding-left: 2em;
		text-indent: -2em;
	}
	.leadLink {
		color: #4C4C80;
		font-size: calc(12 / 1140 * 100vw);
		font-weight: bold;
	}
	.leadLink a {
		align-items: center;
		display: flex;
	}
	.leadLink a::after {
		background: url(images/icn_link_purple.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(13 / 1140 * 100vw);
		margin-left: calc(3 / 1140 * 100vw);
		max-height: 13px;
		max-width: 15px;
		width: calc(15 / 1140 * 100vw);
	}
	.functionList {
		display: flex;
		flex-wrap: wrap;
		text-align: center;
	}
	.pointList > li:nth-child(2) .functionList {
		margin-top: calc(30 / 1140 * 100vw);
	}
	.pointList > li:nth-child(4) .functionList {
		margin-top: calc(60 / 1140 * 100vw);
		position: relative;
	}
	.pointList > li:nth-child(4) .functionList::after {
		border-top: 3px dotted #DDDDDD;
		content: "";
		display: block;
		left: 0;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
	.functionList > li {
		align-items: center;
		display: flex;
		font-size: calc(20 / 1140 * 100vw);
		font-weight: bold;
		justify-content: center;
		padding: calc(10 / 1140 * 100vw) 0;
	}
	.functionList > li,
	.functionList > div {
		max-width: 360px;
		width: calc(1 / 3 * 100%);
	}
	.functionList > div {
		padding: calc(10 / 1140 * 100vw) 0 calc(30 / 1140 * 100vw);
	}
	.functionList > li:not(:nth-child(3n + 1)),
	.functionList > div:not(:nth-child(3n + 1)) {
		border-left: 3px dotted #DDDDDD;
	}
	.functionList > div:nth-child(n + 4) {
		margin-top: calc(30 / 1140 * 100vw);
		padding: calc(30 / 1140 * 100vw) 0 calc(10 / 1140 * 100vw);
	}
	.functionList > div::before {
		background: center / contain no-repeat;
		content: "";
		display: block;
		height: calc(144 / 1140 * 100vw);
		max-height: 72px;
		width: 100%;
	}
	.functionList > div:first-child::before {
		background-image: url(images/point_img_4_f_1.png);
	}
	.functionList > div:nth-child(2)::before {
		background-image: url(images/point_img_4_f_2.png);
	}
	.functionList > div:nth-child(3)::before {
		background-image: url(images/point_img_4_f_3.png);
	}
	.functionList > div:nth-child(4)::before {
		background-image: url(images/point_img_4_f_4.png);
	}
	.functionList > div:nth-child(5)::before {
		background-image: url(images/point_img_4_f_5.png);
	}
	.functionList > div:last-child::before {
		background-image: url(images/point_img_4_f_6.png);
	}
	.functionList span {
		font-size: calc(14 / 1140 * 100vw);
	}
	.functionList > div > dt {
		color: #AD2F5B;
		font-size: calc(18 / 1140 * 100vw);
		font-weight: bold;
		margin-top: calc(30 / 1140 * 100vw);
	}
	.functionList > div > dd {
		font-size: calc(16 / 1140 * 100vw);
		margin-top: calc(15 / 1140 * 100vw);
	}
	/* industry */
	.section[data-content="industry"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
	}
	.industryList {
		background-color: #FFFFFF;
		border-radius: 20px;
		margin-top: calc(50 / 1140 * 100vw);
		padding: calc(30 / 1140 * 100vw);
	}
	.industryList > li > .industryName {
		font-size: calc(18 / 1140 * 100vw);
		font-weight: bold;
		padding-left: calc(18 / 1140 * 100vw);
		position: relative;
	}
	.industryList > li > .industryName::before {
		background: #AD2F5B;
		border-radius: 50%;
		content: "";
		display: block;
		height: calc(8 / 1140 * 100vw);
		left: 0;
		position: absolute;
		top: calc(10 / 1140 * 100vw);
		width: calc(8 / 1140 * 100vw);
	}
	.industryList > li + li {
		margin-top: calc(20 / 1140 * 100vw);
	}
	.industryList > li > .industryExample {
		font-size: calc(16 / 1140 * 100vw);
		margin-left: calc(18 / 1140 * 100vw);
		margin-top: calc(5 / 1140 * 100vw);
	}
	/* step */
	.section[data-content="step"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
		position: relative;
	}
	.stepList {
		display: flex;
		justify-content: space-between;
		margin: calc(70 / 1140 * 100vw) auto 0;
		max-width: 860px;
		width: calc(860 / 1140 * 100vw);
	}
	.stepList::after {
		background: url(images/step_item.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(189 / 1140 * 100vw);
		left: 0;
		max-height: 189px;
		max-width: 180px;
		position: absolute;
		top: calc(177 / 1140 * 100vw);
		width: calc(180 / 1140 * 100vw);
	}
	.stepList > div {
		height: calc(304 / 1140 * 100vw);
		max-height: 304px;
		max-width: 212px;
		position: relative;
		width: calc(212 / 1140 * 100vw);
	}
	.stepList > div::after {
		background: center / contain no-repeat;
		content: "";
		display: block;
		height: calc(74 / 1140 * 100vw);
		left: calc((16 / 1140 * 100vw) * -1);
		max-height: 74px;
		max-width: 58px;
		position: absolute;
		top: calc((16 / 1140 * 100vw) * -1);
		width: calc(58 / 1140 * 100vw);
	}
	.stepList > div:first-child::after {
		background-image: url(images/step_num_1.png);
	}
	.stepList > div:nth-child(2)::after {
		background-image: url(images/step_num_2.png);
	}
	.stepList > div:nth-child(3)::after {
		background-image: url(images/step_num_3.png);
	}
	.stepList > div:not(:last-child) > dt::after {
		background: url(images/step_arrow.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(34 / 1140 * 100vw);
		left: calc(100% + (46 / 1140 * 100vw));
		max-height: 34px;
		max-width: 20px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: calc(20 / 1140 * 100vw);
	}
	.stepList > div > dt {
		background-color: #FBF5F5;
		border-radius: 50%;
		font-weight: bold;
		max-width: 212px;
		position: relative;
		position: relative;
		text-align: center;
		width: calc(212 / 1140 * 100vw);
	}
	.stepList > div > dt::before,
	.stepList > div > dt span::before {
		content: "";
		display: block;
	}
	.stepList > div > dt::before {
		padding-top: 100%;
	}
	.stepList > div > dt span::before {
		background: center / contain no-repeat;
		bottom: calc(56 / 1140 * 100vw);
		content: "";
		display: block;
		height: calc(62 / 1140 * 100vw);
		left: 0;
		max-height: 62px;
		position: absolute;
		width: 100%;
	}
	.stepList > div:first-child > dt span::before {
		background-image: url(images/step_img_1.png);
	}
	.stepList > div:nth-child(2) > dt span::before {
		background-image: url(images/step_img_2.png);
	}
	.stepList > div:nth-child(3) > dt span::before {
		background-image: url(images/step_img_3.png);
	}
	.stepList > div > dt span {
		color: #AD2F5B;
		font-size: calc(24 / 1140 * 100vw);
		left: 0;
		margin-top: calc(130 / 1140 * 100vw);
		position: absolute;
		top: 0;
		width: 100%;
	}
	.stepList > div > dd {
		font-size: calc(16 / 1140 * 100vw);
		font-weight: bold;
		left: 50%;
		margin-top: calc(20 / 1140 * 100vw);
		position: absolute;
		text-align: center;
		transform: translateX(-50%);
		white-space: nowrap;
	}
	/* faq */
	.section[data-content="faq"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
	}
	.faqList {
		font-size: calc(20 / 1140 * 100vw);
		margin-top: calc(50 / 1140 * 100vw);
	}
	.faqList > div {
		background-color: #FFFFFF;
		border-radius: 20px;
		padding: calc(30 / 1140 * 100vw);
		position: relative;
	}
	.faqList > div + div {
		margin-top: calc(20 / 1140 * 100vw);
	}
	.faqList > div::before {
		color: #AD2F5B;
		content: "Q";
		font-family: Arial;
		font-size: calc(30 / 1140 * 100vw);
		font-weight: normal;
		left: calc(30 / 1140 * 100vw);
		line-height: 1;
		position: absolute;
		top: calc(31 / 1140 * 100vw);
	}
	.faqList > div > dt {
		font-weight: bold;
		padding-left: calc(40 / 1140 * 100vw);
	}
	.faqList > div > dt + dd {
		margin-left: calc(40 / 1140 * 100vw);
		margin-top: calc(10 / 1140 * 100vw);
	}
	/* case */
	.section[data-content="case"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
	}
	.caseList {
		margin-top: calc(50 / 1140 * 100vw);
	}
	.caseList > div {
		display: flex;
		justify-content: center;
	}
	.caseList > div:nth-child(even) {
		flex-direction: row-reverse;
	}
	.caseList > div + div {
		margin-top: calc(50 / 1140 * 100vw);
	}
	.caseList > div > dt {
		text-align: center;
	}
	.caseList > div > dt::before {
		background-size: contain;
		content: "";
		display: block;
		height: calc(100 / 1140 * 100vw);
		margin: 0 auto calc(11 / 1140 * 100vw);
		max-height: 100px;
		max-width: 100px;
		width: calc(100 / 1140 * 100vw);
	}
	.caseList > div:nth-child(1) > dt::before {
		background-image: url(images/case_person01.png);
	}
	.caseList > div:nth-child(2) > dt::before {
		background-image: url(images/case_person02.png);
	}
	.caseList > div:nth-child(3) > dt::before {
		background-image: url(images/case_person03.png);
	}
	.salonName {
		font-size: calc(11 / 1140 * 100vw);
	}
	.salonName span {
		display: block;
		font-size: calc(10 / 1140 * 100vw);
		transform: scale(0.9);
	}
	.publisherName {
		font-size: calc(14 / 1140 * 100vw);
		font-weight: bold;
		margin-top: calc(3 / 1140 * 100vw);
	}
	.salonDetail {
		border-top: 2px dotted #E5C0CD;
		display: inline-block;
		font-size: calc(10 / 1140 * 100vw);
		margin-top: calc(7 / 1140 * 100vw);
		padding-top: calc(8 / 1140 * 100vw);
	}
	.caseList > div > dd {
		background-color: #F6F6F6;
		border-radius: 14px;
		font-size: calc(16 / 1140 * 100vw);
		line-height: 1.9;
		max-width: 698px;
		padding: calc(30 / 1140 * 100vw);
		position: relative;
		width: calc(698 / 1140 * 100vw);
	}
	.caseList > div:nth-child(1) > dd,
	.caseList > div:nth-child(3) > dd {
		margin-left: calc(38 / 1140 * 100vw);
	}
	.caseList > div:nth-child(2) > dd {
		margin-right: calc(22 / 1140 * 100vw);
	}
	.caseList > div > dd::before {
		content: "";
		display: block;
		float: right;
	}
	.caseList > div:nth-child(1) > dd::before {
		height: calc(114 / 1140 * 100vw);
		max-height: 114px;
	}
	.caseList > div:nth-child(3) > dd::before {
		height: calc(84 / 1140 * 100vw);
		max-height: 84px;
	}
	.caseList > div > dd::after {
		border-style: solid;
		border-width: calc(10 / 1140 * 100vw) calc(15 / 1140 * 100vw);
		box-sizing: border-box;
		content: "";
		height: 0;
		position: absolute;
		top: calc(44 / 1140 * 100vw);
		width: 0;
	}
	.caseList > div:nth-child(odd) > dd::after {
		border-color: transparent #F6F6F6 transparent transparent;
		right: 100%;
	}
	.caseList > div:nth-child(even) > dd::after {
		border-color: transparent transparent transparent #F6F6F6;
		left: 100%;
	}
	.caseImg {
		clear: both;
		height: calc(130 / 1140 * 100vw);
		max-height: 130px;
		max-width: 170px;
		width: calc(170 / 1140 * 100vw);
	}
	.caseList > div:nth-child(odd) .caseImg {
		float: right;
		margin: calc(16 / 1140 * 100vw) 0 0 calc(20 / 1140 * 100vw);
	}
	.caseList > div:nth-child(even) .caseImg {
		float: left;
		margin: 0 calc(20 / 1140 * 100vw) calc(15 / 1140 * 100vw) 0;
	}
	.caseList > div > dd em {
		color: #AD2F5B;
		font-weight: bold;
	}
	/* contact */
	.section[data-content="contact"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
	}
	.contact {
		background-color: #FFFFFF;
		border-radius: 20px;
		box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
		padding: calc(24 / 1140 * 100vw) 0;
		text-align: center;
	}
	.contactHead {
		align-items: center;
		color: #AD2F5B;
		display: flex;
		font-size: calc(40 / 1140 * 100vw);
		font-weight: bold;
		justify-content: center;
	}
	.contactHead::before {
		background: url(images/contact_item.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(67 / 1140 * 100vw);
		margin-right: calc(20 / 1140 * 100vw);
		max-height: 67px;
		max-width: 62px;
		width: calc(62 / 1140 * 100vw);
	}
	.contactTxt {
		font-size: calc(30 / 1140 * 100vw);
		font-weight: bold;
		margin-top: calc(40 / 1140 * 100vw);
	}
	.contactLinkWrap {
		margin: 0 auto;
		max-width: 812px;
		width: calc(812 / 1140 * 100vw);
	}
	.contact .contactLink {
		align-items: flex-end;
		display: flex;
		gap: calc(24 / 1140 * 100vw);
		margin-top: calc(20 / 1140 * 100vw);
		text-align: left;
	}
	.contact .contactLink > * {
		flex: 1;
	}
	.contactClinicLink {
		display: flex;
		justify-content: flex-end;
		margin-top: calc(20 / 1140 * 100vw);
	}
	.contactClinicLink .leadLink a::after {
		height: calc(13 / 1140 * 100vw);
		margin-left: calc(5 / 1140 * 100vw);
		max-height: 13px;
		max-width: 16px;
		width: calc(16 / 1140 * 100vw);
	}
	/* attention */
	.section[data-content="attention"] .inner {
		padding: calc(60 / 1140 * 100vw) calc(30 / 1140 * 100vw);
	}
	.attention {
		display: flex;
		font-size: calc(14 / 1140 * 100vw);
		margin-left: calc(130 / 1140 * 100vw);
	}
	.attentionHead {
		flex-shrink: 0;
		font-weight: bold;
	}
	.attentionBody {
		margin-left: calc(45 / 1140 * 100vw);
		margin-right: calc(222 / 1140 * 100vw);
	}
	.attentionBody p + p {
		margin-top: 1.5em;
	}
	.attentionBody a {
		text-decoration: underline;
	}
	/* footer */
	.footer .inner {
		display: flex;
		flex-direction: row-reverse;
		justify-content: space-between;
		padding: calc(50 / 1140 * 100vw) calc(30 / 1140 * 100vw) calc(80 / 1140 * 100vw);
	}
	.footer {
		border-top: 1px solid #DDDDDD;
	}
	.imgLink {
		height: 27px;
	}
	.imgLink > a {
		display: block;
		height: 100%;
	}
	.imgLink > a > img {
		height: inherit;
		width: auto;
	}
	.txtLink {
		color: #333333;
		font-size: calc(12 / 1140 * 100vw);
		margin-top: calc(10 / 1140 * 100vw);
	}
	.footerMenu {
		align-items: flex-start;
		color: #333333;
		display: flex;
		font-size: calc(12 / 1140 * 100vw);
	}
	.footerMenu > li + li {
		border-left: 1px solid #DDDDDD;
		margin-left: calc(10 / 1140 * 100vw);
		padding-left: calc(10 / 1140 * 100vw);
	}
	.footerMenu > li > a {
		color: #4C4C80;
	}
	/* navi */
	.navi {
		align-items: center;
		background-color: #FFFFFF;
		display: flex;
		justify-content: space-between;
		padding: calc(10 / 1140 * 100vw) calc(16 / 1140 * 100vw);
	}
	.contentList {
		display: flex;
		font-size: calc(13 / 1140 * 100vw);
		font-weight: bold;
	}
	.contentList > li + li {
		border-left: 1px solid #DDDDDD;
		margin-left: calc(10 / 1140 * 100vw);
		padding-left: calc(10 / 1140 * 100vw);
	}
	.navi .contactLink {
		align-items: center;
		display: flex;
		gap: calc(8 / 1140 * 100vw);
	}
	.navi .tel a,
	.navi .mail a {
		align-items: center;
		border-radius: 6px;
		display: flex;
		height: calc(50 / 1140 * 100vw);
		justify-content: center;
		max-height: 50px;
		max-width: 196px;
		width: calc(196 / 1140 * 100vw);
	}
	.navi .tel a {
		background-color: #FFFFFF;
		border: 1px solid #DB4E0D;
		color: #DB4E0D;
		flex-direction: column;
	}
	.navi .telNum {
		background: url(images/icn_tel.png) left / calc(16 / 1140 * 100vw) no-repeat;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: calc(20 / 1140 * 100vw);
		line-height: 1;
		padding-left: calc(20 / 1140 * 100vw);
	}
	.navi .telSubTxt {
		font-size: calc(10 / 1140 * 100vw);
		line-height: 1;
		margin-top: calc(4 / 1140 * 100vw);
	}
	.navi .mail a {
		background-color: #F26829;
		color: #FFFFFF;
	}
	.navi .mail span {
		background: url(images/icn_mail.png) left / calc(18 / 1140 * 100vw) no-repeat;
		font-size: calc(14 / 1140 * 100vw);
		font-weight: bold;
		padding-left: calc(26 / 1140 * 100vw);
	}
	.navi .clinic a {
		align-items: center;
		background-color: #EDEDED;
		border-radius: 3px;
		display: flex;
		font-size: calc(13 / 1140 * 100vw);
		font-weight: bold;
		height: calc(50 / 1140 * 100vw);
		line-height: 1.4;
		max-height: 50px;
		padding: 0 calc(10 / 1140 * 100vw);
	}
	.navi .clinic a::after {
		background: url(images/icn_link_black.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(10 / 1140 * 100vw);
		margin-left: calc(3 / 1140 * 100vw);
		max-height: 10px;
		max-width: 12px;
		width: calc(12 / 1140 * 100vw);
	}
	/* cta */
	.cta {
		align-items: flex-end;
		border-radius: 20px;
		display: flex;
		gap: calc(24 / 1140 * 100vw);
		justify-content: space-between;
		margin: 0 auto;
		max-width: 950px;
		padding: calc(24 / 1140 * 100vw) calc(69 / 1140 * 100vw);
		width: calc(950 / 1140 * 100vw);
	}
	.cta[data-bgc="white"] {
		background-color: #FFFFFF;
		box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
		left: 50%;
		position: absolute;
		transform: translate(-50%, -50%);
		z-index: 1;
	}
	.cta[data-bgc="orange"] {
		background-color: #FFF6F2;
	}
	.cta > * {
		flex: 1;
	}
	.cta .tel a,
	.cta .mail a,
	.contact .tel a,
	.contact .mail a {
		align-items: center;
		border-radius: 6px;
		display: flex;
		height: calc(89 / 1140 * 100vw);
		justify-content: center;
		max-height: 89px;
	}
	.cta .tel a,
	.contact .tel a {
		background-color: #FFFFFF;
		border: 1px solid #DB4E0D;
		color: #DB4E0D;
		flex-direction: column;
	}
	.cta .telNum,
	.contact .telNum {
		background: url(images/icn_tel.png) left / calc(32 / 1140 * 100vw) no-repeat;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: calc(36 / 1140 * 100vw);
		line-height: 1;
		padding-left: calc(36 / 1140 * 100vw);
	}
	.cta .telSubTxt,
	.contact .telSubTxt {
		font-size: calc(14 / 1140 * 100vw);
		margin-top: calc(4 / 1140 * 100vw);
	}
	.cta .mail,
	.contact .mail {
		padding-top: calc(20/ 1140 * 100vw);
		position: relative;
	}
	.cta .mail a,
	.contact .mail a {
		background-color: #F26829;
		color: #FFFFFF;
	}
	.cta .mail span,
	.contact .mail span {
		background: url(images/icn_mail.png) left / calc(36 / 1140 * 100vw) no-repeat;
		font-size: calc(26 / 1140 * 100vw);
		font-weight: bold;
		padding-left: calc(48 / 1140 * 100vw);
	}
	.ctaMailBaloon {
		left: 0;
		margin: 0 auto;
		max-width: 238px;
		position: absolute;
		right: 0;
		top: 0;
		width: calc(238 / 1140 * 100vw);
	}
	.section[data-content="point"] .cta,
	.section[data-content="step"] .cta {
		margin-top: calc(60 / 1140 * 100vw);
	}
	/* stickyNavi */
	.stickyNavi {
		align-items: center;
		background-color: #FFFFFF;
		bottom: 0;
		box-shadow: 0 -4px 4px 0 rgba(51, 51, 51, 0.2);
		display: flex;
		justify-content: center;
		opacity: 0;
		padding: calc(16 / 1140 * 100vw) 0;
		position: sticky;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		visibility: hidden;
		z-index: 1000;
	}
	.stickyNavi.isActive {
		opacity: 1;
		visibility: visible;
	}
	.stickyNaviCta {
		align-items: center;
		display: flex;
	}
	.stickyNavi .tel a,
	.stickyNavi .mail a {
		align-items: center;
		border-radius: 6px;
		display: flex;
		height: calc(62 / 1140 * 100vw);
		justify-content: center;
		max-height: 62px;
		max-width: 342px;
		width: calc(342 / 1140 * 100vw);
	}
	.stickyNavi .tel a {
		background-color: #FFFFFF;
		border: 1px solid #DB4E0D;
		color: #DB4E0D;
		flex-direction: column;
	}
	.stickyNavi .telNum {
		background: url(images/icn_tel.png) left / calc(20 / 1140 * 100vw) no-repeat;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: calc(24 / 1140 * 100vw);
		line-height: 1;
		padding-left: calc(24 / 1140 * 100vw);
	}
	.stickyNavi .telSubTxt {
		font-size: calc(12 / 1140 * 100vw);
		line-height: 1;
		margin-top: calc(4 / 1140 * 100vw);
	}
	.stickyNavi .mail {
		margin-left: calc(16 / 1140 * 100vw);
	}
	.stickyNavi .mail a {
		background-color: #F26829;
		color: #FFFFFF;
	}
	.stickyNavi .mail span {
		background: url(images/icn_mail.png) left / calc(26 / 1140 * 100vw) no-repeat;
		font-size: calc(20 / 1140 * 100vw);
		font-weight: bold;
		padding-left: calc(38 / 1140 * 100vw);
	}
	.stickyNavi .clinic {
		margin-left: calc(16 / 1140 * 100vw);
	}
	.stickyNavi .clinic a {
		align-items: center;
		background: #EDEDED url(images/icn_link_black.png) right calc(20 / 1140 * 100vw) center / calc(20 / 1140 * 100vw) no-repeat;
		border-radius: 6px;
		display: flex;
		font-size: calc(16 / 1140 * 100vw);
		font-weight: bold;
		height: calc(62 / 1140 * 100vw);
		max-height: 62px;
		padding: 0 calc(50 / 1140 * 100vw) 0 calc(20 / 1140 * 100vw);
	}
}
@media (min-width: 768px) and (max-width: 850px) {
	/* navi */
	.contentList {
		font-size: 10px;
		line-height: 1.4;
	}
	.contentList > li + li {
		margin-left: 6px;
		padding-left: 6px;
	}
	.navi .clinic a {
		font-size: 10px;
		height: 35px;
		padding: 0 8px;
	}
	.navi .clinic a::after {
		height: 10px;
		margin-left: 2px;
		width: 13px;
	}
}
@media (min-width: 1141px) {
	/* common */
	body {
		font-size: 15px;
	}
	.sectionHead {
		font-size: 32px;
	}
	.sectionHead span {
		padding: 0 20px;
	}
	/* trouble */
	.section[data-content="trouble"] .inner {
		padding: 123px 30px 60px;
	}
	.troubleHead {
		font-size: 34px;
	}
	.troubleHead em {
		font-size: 42px;
	}
	.troubleList {
		margin-top: 60px;
	}
	.troubleList > li::after {
		top: -30px;
	}
	.troubleList p {
		margin-top: 110px;
	}
	.troubleList em {
		font-size: 21px;
	}
	.afterTxt {
		font-size: 20px;
	}
	.afterTxt span {
		letter-spacing: -3px;
	}
	.afterTxt::after {
		top: calc(100% + 27px);
	}
	.intro {
		background-size: auto 100%;
		font-size: 30px;
		padding: 45px 0;
	}
	.intro::before {
		top: -18px;
	}
	/* point */
	.section[data-content="point"] .inner {
		padding: 60px 30px;
	}
	.pointList > li {
		margin-top: 60px;
	}
	.pointHead::after {
		margin-left: 30px;
	}
	.pointHeadChar {
		margin-left: 20px;
	}
	.pointHeadTtl {
		font-size: 27px;
	}
	.pointHeadDesc + .pointHeadTtl {
		margin-top: 10px;
	}
	.pointHeadDesc {
		font-size: 16px;
	}
	.pointHeadTtl + .pointHeadDesc {
		margin-top: 10px;
	}
	.pointItemList {
		margin-top: 40px;
	}
	.statistics + .statistics,
	.graph + .statistics,
	.explanation[data-img="photo"] + .explanation[data-img="photo"] {
		margin-left: 30px;
	}
	.explanation[data-img="illust"] + .explanation[data-img="illust"] {
		margin-top: 20px;
	}
	.pointItemList > div > dt {
		font-size: 20px;
	}
	.statistics > dd {
		padding: 25px 0;
	}
	.explanation > dd {
		padding-top: 20px;
	}
	.pointItemNum {
		font-size: 16px;
	}
	.pointFirst > .statistics .pointItemNum {
		max-width: 400px;
	}
	.graph .pointItemNum {
		right: 10px;
	}
	.graph .pointItemNum::after {
		margin-top: 8px;
	}
	.pointTextEm {
		font-size: 20px;
	}
	.pointTextEm > em {
		font-size: 34px;
	}
	.pointTextEm > em + em {
		font-size: 28px;
	}
	.pointItemDesc {
		margin-top: 20px;
	}
	.explanation[data-img="photo"] .pointItemDesc {
		font-size: 16px;
	}
	.explanation[data-img="illust"] .pointItemDesc {
		font-size: 17px;
	}
	.pointCatch {
		right: -25px;
		top: -25px;
	}
	.sb {
		top: 192px;
	}
	.sbTxt {
		font-size: 21px;
		margin-top: -7px;
	}
	.pointSuppl {
		margin-top: 25px;
	}
	.noteMark {
		font-size: 10px;
	}
	.noteList {
		font-size: 10px;
	}
	.leadLink {
		font-size: 12px;
	}
	.leadLink a::after {
		margin-left: 3px;
	}
	.pointList > li:nth-child(2) .functionList {
		margin-top: 30px;
	}
	.pointList > li:nth-child(4) .functionList {
		margin-top: 60px;
	}
	.functionList > li {
		font-size: 20px;
		padding: 10px 0;
	}
	.functionList > div {
		padding: 10px 0 30px;
	}
	.functionList > div:nth-child(n + 4) {
		margin-top: 30px;
		padding: 30px 0 10px;
	}
	.functionList span {
		font-size: 14px;
	}
	.functionList > div > dt {
		font-size: 18px;
		margin-top: 30px;
	}
	.functionList > div > dd {
		font-size: 16px;
		margin-top: 15px;
	}
	/* industry */
	.section[data-content="industry"] .inner {
		padding: 60px 30px;
	}
	.industryList {
		margin-top: 50px;
		padding: 30px;
	}
	.industryList > li > .industryName {
		font-size: 18px;
		padding-left: 18px;
	}
	.industryList > li > .industryName::before {
		height: 8px;
		top: 10px;
		width: 8px;
	}
	.industryList > li > .industryExample {
		font-size: 16px;
		margin-left: 18px;
		margin-top: 5px;
	}
	.industryList > li + li {
		margin-top: 20px;
	}
	/* step */
	.section[data-content="step"] .inner {
		padding: 60px 30px;
	}
	.stepList {
		margin: 70px auto 0;
	}
	.stepList::after {
		top: 177px;
	}
	.stepList > div::after {
		left: -16px;
		top: -16px;
	}
	.stepList > div > dt::after {
		left: calc(100% + 47px);
	}
	.stepList > div::before {
		left: -20px;
		top: -25px;
	}
	.stepList > div:not(:last-child) > dt::after {
		left: calc(100% + 46px);
	}
	.stepList > div > dt span::before {
		bottom: 56px;
	}
	.stepList > div > dt span {
		font-size: 24px;
		margin-top: 130px;
	}
	.stepList > div > dd {
		font-size: 16px;
		margin-top: 20px;
	}
	/* faq */
	.section[data-content="faq"] .inner {
		padding: 60px 30px;
	}
	.faqList {
		font-size: 20px;
		margin-top: 50px;
	}
	.faqList > div {
		padding: 30px;
	}
	.faqList > div + div {
		margin-top: 20px;
	}
	.faqList > div::before {
		font-size: 30px;
		left: 30px;
		top: 31px;
	}
	.faqList > div > dt {
		padding-left: 40px;
	}
	.faqList > div > dt + dd {
		margin-left: 40px;
		margin-top: 10px;
	}
	/* case */
	.section[data-content="case"] .inner {
		padding: 60px 30px;
	}
	.caseList {
		margin-top: 50px;
	}
	.caseList > div + div {
		margin-top: 50px;
	}
	.caseList > div > dt::before {
		margin-bottom: 11px;
	}
	.salonName {
		font-size: 11px;
	}
	.salonName span {
		font-size: 10px;
	}
	.publisherName {
		font-size: 14px;
		margin-top: 3px;
	}
	.salonDetail {
		font-size: 10px;
		margin-top: 7px;
		padding-top: 8px;
	}
	.caseList > div > dd {
		font-size: 16px;
		padding: 30px;
	}
	.caseList > div:nth-child(1) > dd,
	.caseList > div:nth-child(3) > dd {
		margin-left: 38px;
	}
	.caseList > div:nth-child(2) > dd {
		margin-right: 22px;
	}
	.caseList > div > dd::after {
		border-width: 10px 15px;
		top: 44px;
	}
	.caseList > div:nth-child(odd) .caseImg {
		margin: 20px 0 0 20px;
	}
	.caseList > div:nth-child(even) .caseImg {
		margin: 0 20px 15px 0;
	}
	/* contact */
	.section[data-content="contact"] .inner {
		padding: 60px 30px;
	}
	.contact {
		padding: 24px 0;
	}
	.contactHead {
		font-size: 40px;
	}
	.contactHead::before {
		margin-right: 20px;
	}
	.contactTxt {
		font-size: 30px;
		margin-top: 40px;
	}
	.contact .contactLink {
		gap: 24px;
		margin-top: 20px;
	}
	.contactClinicLink {
		margin-top: 15px;
	}
	.contactClinicLink .leadLink {
		font-size: 14px;
	}
	.contactClinicLink .leadLink a::after {
		margin-left: 5px;
	}
	/* attention */
	.section[data-content="attention"] .inner {
		padding: 60px 30px;
	}
	.attention {
		font-size: 14px;
		margin-left: 130px;
	}
	.attentionBody {
		margin-left: 45px;
		margin-right: 222px;
	}
	/* footer */
	.footer .inner {
		padding: 50px 30px 80px;
	}
	.txtLink {
		font-size: 12px;
		margin-top: 10px;
	}
	.footerMenu {
		font-size: 12px;
	}
	.footerMenu > li + li {
		margin-left: 10px;
		padding-left: 10px;
	}
	/* navi */
	.navi {
		padding: 10px 16px;
	}
	.contentList {
		font-size: 13px;
	}
	.contentList > li + li {
		margin-left: 10px;
		padding-left: 10px;
	}
	.navi .contactLink {
		gap: 8px;
	}
	.navi .telNum {
		background-size: 16px;
		font-size: 20px;
		padding-left: 20px;
	}
	.navi .telSubTxt {
		font-size: 10px;
		margin-top: 4px;
	}
	.navi .mail span {
		background-size: 18px;
		font-size: 14px;
		padding-left: 26px;
	}
	.navi .clinic a {
		font-size: 13px;
		padding: 0 10px;
	}
	.navi .clinic a::after {
		margin-left: 3px;
	}
	/* stickyNavi */
	.stickyNavi {
		padding: 16px 0;
	}
	.stickyNavi .telNum {
		background-size: 20px;
		font-size: 24px;
		padding-left: 24px;
	}
	.stickyNavi .telSubTxt {
		font-size: 12px;
		margin-top: 4px;
	}
	.stickyNavi .mail {
		margin-left: 16px;
	}
	.stickyNavi .mail span {
		background-size: 26px;
		font-size: 20px;
		padding-left: 38px;
	}
	.stickyNavi .clinic {
		margin-left: 16px;
	}
	.stickyNavi .clinic a {
		background-position: right 20px center;
		background-size: 20px;
		font-size: 16px;
		padding: 0 50px 0 20px;
	}
	/* cta */
	.cta {
		gap: 24px;
		padding: 24px 69px;
	}
	.cta .telNum,
	.contact .telNum {
		background-size: 32px;
		font-size: 36px;
		padding-left: 36px;
	}
	.cta .telSubTxt,
	.contact .telSubTxt {
		font-size: 14px;
		margin-top: 4px;
	}
	.cta .mail,
	.contact .mail {
		padding-top: 20px;
	}
	.cta .mail span,
	.contact .mail span {
		background-size: 36px;
		font-size: 26px;
		padding-left: 48px;
	}
	.section[data-content="point"] .cta,
	.section[data-content="step"] .cta {
		margin-top: 60px;
	}
}
@media (min-width: 1241px) {
	.contentList > li > a > br {
		display: none;
	}
}
/************************************************************
 * SP
 ************************************************************/
@media (max-width: 767px) {
	/* common */
	body {
		font-size: calc(12 / 375 * 100vw);
	}
	.pcdn {
		display: block;
	}
	.spdn {
		display: none;
	}
	.sectionHead {
		font-size: calc(18 / 375 * 100vw);
		font-weight: bold;
		line-height: 1.5;
		position: relative;
		text-align: center;
	}
	.sectionHead::before {
		background-color: #AD2F5B;
		content: "";
		display: block;
		height: 2px;
		left: calc(20 / 375 * 100vw * -1);
		position: absolute;
		right: calc(20 / 375 * 100vw * -1);
		top: 50%;
		transform: translateY(-50%);
	}
	.sectionHead span {
		padding: 0 calc(7 / 375 * 100vw);
		position: relative;
	}
	.section[data-bgc="white"] .sectionHead span {
		background-color: #FFFFFF;
	}
	.section[data-bgc="gray"] .sectionHead span {
		background-color: #EDEDED;
	}
	.troubleHead em::before,
	.troubleHead em::after,
	.intro em::before,
	.intro em::after {
		font-family: 游明朝, "Yu Mincho", YuMincho, serif;
	}
	.troubleHead em::before,
	.intro em::before {
		content: "\201C";
	}
	.troubleHead em::after,
	.intro em::after {
		content: "\201D";
	}
	/* trouble */
	.section[data-content="trouble"] .inner {
		padding: calc(131 / 375 * 100vw) calc(20 / 375 * 100vw) calc(30 / 375 * 100vw);
	}
	.troubleHead {
		font-size: calc(18 / 375 * 100vw);
		font-weight: bold;
		text-align: center;
	}
	.troubleHead em {
		color: #AD2F5B;
		font-size: calc(24 / 375 * 100vw);
	}
	.troubleList {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: calc(35 / 375 * 100vw);
	}
	.troubleList > li {
		background-color: #FFFFFF;
		border-radius: 50%;
		font-weight: bold;
		position: relative;
		text-align: center;
		width: calc(158 / 375 * 100vw);
	}
	.troubleList > li:nth-child(n + 3) {
		margin-top: calc(30 / 375 * 100vw);
	}
	.troubleList > li::before {
		content: "";
		display: block;
		padding-top: 100%;
	}
	.troubleList > li::after {
		background: center / contain no-repeat;
		bottom: calc(98 / 375 * 100vw);
		content: "";
		display: block;
		height: calc(86 / 375 * 100vw);
		left: 0;
		position: absolute;
		width: 100%;
	}
	.troubleList > li:first-child::after {
		background-image: url(images/trouble_item_1.png);
	}
	.troubleList > li:nth-child(2)::after {
		background-image: url(images/trouble_item_2.png);
	}
	.troubleList > li:nth-child(3)::after {
		background-image: url(images/trouble_item_3.png);
	}
	.troubleList > li:last-child::after {
		background-image: url(images/trouble_item_4.png);
	}
	.troubleList p {
		font-size: calc(10 / 375 * 100vw);
		left: 0;
		margin-top: calc(70 / 375 * 100vw);
		position: absolute;
		top: 0;
		width: 100%;
	}
	.troubleList em {
		color: #AD2F5B;
		font-size: calc(14 / 375 * 100vw);
	}
	.intro {
		background: #9D244F url(images/sp/trouble_bg_intro.png) center / cover no-repeat;
		color: #FFFFFF;
		font-size: calc(18 / 375 * 100vw);
		font-weight: bold;
		padding: calc(20 / 375 * 100vw) 0;
		position: relative;
		text-align: center;
	}
	.intro::before {
		background-color: #EDEDED;
		content: "";
		display: block;
		height: calc(15 / 375 * 100vw);
		left: 50%;
		position: absolute;
		top: calc((8 / 375 * 100vw) * -1);
		transform: translateX(-50%) rotate(45deg);
		width: calc(15 / 375 * 100vw);
	}
	/* point */
	.section[data-content="point"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
	.pointList {
		margin-top: calc(25 / 375 * 100vw);
	}
	.pointList > li + li {
		margin-top: calc(40 / 375 * 100vw);
	}
	.pointHead {
		text-align: center;
	}
	.pointHeadImg {
		margin: 0 auto;
		width: calc(250 / 375 * 100vw);
	}
	.pointHeadChar {
		margin-top: calc(20 / 375 * 100vw);
	}
	.pointHeadTtl {
		color: #AD2F5B;
		font-size: calc(16 / 375 * 100vw);
		font-weight: bold;
	}
	.pointItemList {
		margin-top: calc(20 / 375 * 100vw);
	}
	.pointItemList > div + div {
		margin-top: calc(15 / 375 * 100vw);
	}
	.pointItemList > div > dt {
		align-items: center;
		background-color: #AD2F5B;
		color: #FFFFFF;
		display: flex;
		font-size: calc(14 / 375 * 100vw);
		font-weight: bold;
		justify-content: center;
		padding: calc(10 / 375 * 100vw) 0;
		position: relative;
		text-align: center;
	}
	.pointItemList > div > dd {
		border: solid #AD2F5B;
		border-width: 0 1px 1px;
	}
	.statistics > dd,
	.explanation[data-img="illust"] > dd {
		align-items: center;
		display: flex;
	}
	.statistics > dd {
		padding: calc(10 / 375 * 100vw) 0 calc(10 / 375 * 100vw) calc(10 / 375 * 100vw);
	}
	.explanation[data-img="illust"] > dd {
		padding: calc(10 / 375 * 100vw) 0 calc(10 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
	.graph > dd {
		padding: calc(20 / 375 * 100vw) calc(10 / 375 * 100vw) calc(25 / 375 * 100vw);
	}
	.explanation[data-img="photo"] > dd {
		padding: calc(15 / 375 * 100vw) 0;
		text-align: center;
	}
	.graph > dd > div {
		position: relative;
	}
	.graph > dd > div + div {
		margin-top: calc(35 / 375 * 100vw);
	}
	.statistics .pointItemImg,
	.explanation[data-img="illust"] .pointItemImg {
		width: calc(103 / 375 * 100vw);
	}
	.explanation[data-img="photo"] .pointItemImg {
		margin: 0 auto;
		width: calc(230 / 375 * 100vw);
	}
	.pointItemNum {
		color: #AD2F5B;
		font-family: "Barlow Semi Condensed", sans-serif;
		line-height: 1;
		text-align: center;
		white-space: nowrap;
	}
	dl.pointItemNum {
		display: flex;
		justify-content: center;
	}
	dl.pointItemNum > div + div {
		margin-left: calc(10 / 375 * 100vw);
	}
	.graph .pointItemNum {
		position: absolute;
		right: 0;
		text-align: right;
		top: 0;
	}
	.graph .pointItemNum::after {
		background: url(images/point_item_2_1_1.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(10 / 375 * 100vw);
		margin-top: calc(5 / 375 * 100vw);
		position: absolute;
		right: 0;
		top: 100%;
		width: calc(59 / 375 * 100vw);
	}
	dl.pointItemNum > div > dd,
	p.pointItemNum {
		font-weight: bold;
	}
	.pointTextEm {
		font-size: calc(11 / 375 * 100vw);
	}
	.pointTextEm > em {
		font-size: calc(20 / 375 * 100vw);
	}
	.pointTextEm > em + em {
		font-size: calc(16 / 375 * 100vw);
	}
	.graph .pointItemNum em {
		font-size: calc(26 / 375 * 100vw);
	}
	.explanation[data-img="photo"] .pointItemDesc {
		margin-top: calc(10 / 375 * 100vw);
	}
	.explanation[data-img="illust"] .pointItemDesc {
		margin-left: calc(14 / 375 * 100vw);
	}
	.pointCatch {
		height: calc(66 / 375 * 100vw);
		position: absolute;
		right: calc((16 / 375 * 100vw) * -1);
		top: calc((13 / 375 * 100vw) * -1);
		width: calc(66 / 375 * 100vw);
	}
	.em-ls {
		letter-spacing: 1px;
	}
	.sb {
		margin-top: calc(20 / 375 * 100vw);
		position: relative;
	}
	.sbTxt {
		bottom: calc(25 / 375 * 100vw);
		color: #AD2F5B;
		font-size: calc(18 / 375 * 100vw);
		font-weight: bold;
		left: calc(25 / 375 * 100vw);
		position: absolute;
		text-align: center;
	}
	.pointSuppl {
		display: flex;
		flex-direction: column;
		font-size: calc(8 / 375 * 100vw);
	}
	.pointList > li:first-child .pointSuppl {
		margin-top: calc(15 / 375 * 100vw);
	}
	.pointList > li:nth-child(2) .pointSuppl,
	.pointList > li:nth-child(4) .pointSuppl {
		margin-top: calc(25 / 375 * 100vw);
	}
	.pointList > li:nth-child(4) .pointSuppl {
		justify-content: flex-end;
	}
	.noteMark {
		font-size: calc(7 / 375 * 100vw);
		vertical-align: super;
	}
	.noteList {
		color: #999999;
	}
	.noteList > li {
		padding-left: 2em;
		text-indent: -2em;
	}
	.noteList + .leadLink {
		margin-top: calc(12 / 375 * 100vw);
	}
	.leadLink {
		color: #4C4C80;
		font-weight: bold;
	}
	.pointSuppl .leadLink {
		margin-left: auto;
	}
	.leadLink a {
		align-items: center;
		display: flex;
	}
	.leadLink a::after {
		background: url(images/icn_link_purple.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(10 / 375 * 100vw);
		margin-left: calc(2 / 375 * 100vw);
		width: calc(12 / 375 * 100vw);
	}
	.pointList > li:nth-child(2) .functionList {
		font-size: calc(13 / 375 * 100vw);
		font-weight: bold;
		margin-top: calc(25 / 375 * 100vw);
		text-align: center;
	}
	.pointList > li:nth-child(4) .functionList {
		margin-top: calc(30 / 375 * 100vw);
	}
	.functionList > li:first-child,
	.functionList > div:first-child {
		padding-bottom: calc(15 / 375 * 100vw);
	}
	.functionList > div {
		padding-left: calc(94 / 375 * 100vw);
		position: relative;
	}
	.functionList > li + li,
	.functionList > div + div {
		border-top: 1px dotted #DDDDDD;
		padding-bottom: calc(15 / 375 * 100vw);
		padding-top: calc(15 / 375 * 100vw);
	}
	.functionList > li:last-child,
	.functionList > div:last-child {
		padding-bottom: 0;
		padding-top: calc(15 / 375 * 100vw);
	}
	.functionList > div::before {
		background: center / contain no-repeat;
		content: "";
		display: block;
		height: calc(48 / 375 * 100vw);
		left: 10px;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		width: calc(64 / 375 * 100vw);
	}
	.functionList > div:first-child::before {
		background-image: url(images/point_img_4_f_1.png);
	}
	.functionList > div:nth-child(2)::before {
		background-image: url(images/point_img_4_f_2.png);
	}
	.functionList > div:nth-child(3)::before {
		background-image: url(images/point_img_4_f_3.png);
	}
	.functionList > div:nth-child(4)::before {
		background-image: url(images/point_img_4_f_4.png);
	}
	.functionList > div:nth-child(5)::before {
		background-image: url(images/point_img_4_f_5.png);
	}
	.functionList > div:last-child::before {
		background-image: url(images/point_img_4_f_6.png);
	}
	.functionList > div > dt {
		color: #AD2F5B;
		font-size: calc(13 / 375 * 100vw);
		font-weight: bold;
	}
	.functionList > div > dd {
		margin-top: calc(8 / 375 * 100vw);
	}
	/* industry */
	.section[data-content="industry"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
	.industryList {
		background-color: #FFFFFF;
		border-radius: 10px;
		margin-top: calc(25 / 375 * 100vw);
		padding: calc(20 / 375 * 100vw);
	}
	.industryList > li > .industryName {
		font-size: calc(13 / 375 * 100vw);
		font-weight: bold;
		padding-left: calc(14 / 375 * 100vw);
		position: relative;
	}
	.industryList > li > .industryName::before {
		background: #AD2F5B;
		border-radius: 50%;
		content: "";
		display: block;
		height: calc(4 / 375 * 100vw);
		left: 0;
		position: absolute;
		top: calc(8 / 375 * 100vw);
		width: calc(4 / 375 * 100vw);
	}
	.industryList > li + li {
		margin-top: calc(10 / 375 * 100vw);
	}
	.industryList > li > .industryExample {
		font-size: calc(12 / 375 * 100vw);
		margin-left: calc(14 / 375 * 100vw);
	}
	/* step */
	.section[data-content="step"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
	.stepList {
		margin-top: calc(25 / 375 * 100vw);
	}
	.stepList > div {
		display: flex;
	}
	.stepList > div + div {
		margin-top: calc(30 / 375 * 100vw);
	}
	.stepList > div > dt {
		background-color: #FBF5F5;
		border-radius: 50%;
		font-weight: bold;
		position: relative;
		position: relative;
		text-align: center;
		width: calc(106 / 375 * 100vw);
	}
	.stepList > div > dt::before,
	.stepList > div:not(:last-child) > dt::after,
	.stepList > div > dt span::before {
		content: "";
		display: block;
	}
	.stepList > div > dt::before {
		padding-top: 100%;
	}
	.stepList > div > dt::after {
		background: url(images/sp/step_arrow.png) center / contain no-repeat;
		height: calc(10 / 375 * 100vw);
		left: 50%;
		position: absolute;
		top: calc(100% + calc(10 / 375 * 100vw));
		transform: translateX(-50%);
		width: calc(17 / 375 * 100vw);
	}
	.stepList > div > dt span::before {
		background: center / contain no-repeat;
		bottom: calc(24 / 375 * 100vw);
		content: "";
		display: block;
		height: calc(31 / 375 * 100vw);
		left: 0;
		position: absolute;
		width: 100%;
	}
	.stepList > div:first-child > dt span::before {
		background-image: url(images/step_img_1.png);
	}
	.stepList > div:nth-child(2) > dt span::before {
		background-image: url(images/step_img_2.png);
	}
	.stepList > div:nth-child(3) > dt span::before {
		background-image: url(images/step_img_3.png);
	}
	.stepList > div > dt span {
		color: #AD2F5B;
		font-size: calc(14 / 375 * 100vw);
		left: 0;
		margin-top: calc(58 / 375 * 100vw);
		position: absolute;
		top: 0;
		width: 100%;
	}
	.stepList > div > dd {
		flex: 1;
		font-size: calc(13 / 375 * 100vw);
		margin-left: calc(15 / 375 * 100vw);
		margin-top: calc(10 / 375 * 100vw);
	}
	.stepList > div > dd::before {
		background: center / contain no-repeat;
		content: "";
		display: block;
		height: calc(20 / 375 * 100vw);
		margin-bottom: calc(10 / 375 * 100vw);
		width: calc(48 / 375 * 100vw);
	}
	.stepList > div:first-child > dd::before {
		background-image: url(images/sp/step_num_1.png);
	}
	.stepList > div:nth-child(2) > dd::before {
		background-image: url(images/sp/step_num_2.png);
	}
	.stepList > div:last-child > dd::before {
		background-image: url(images/sp/step_num_3.png);
	}
	/* faq */
	.section[data-content="faq"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
	.faqList {
		font-size: calc(13 / 375 * 100vw);
		margin-top: calc(25 / 375 * 100vw);
	}
	.faqList > div {
		background-color: #FFFFFF;
		border-radius: 10px;
		padding: calc(20 / 375 * 100vw);
		position: relative;
	}
	.faqList > div + div {
		margin-top: calc(15 / 375 * 100vw);
	}
	.faqList > div::before {
		color: #AD2F5B;
		content: "Q";
		font-family: Arial;
		font-size: calc(17 / 375 * 100vw);
		font-weight: normal;
		left: 20px;
		line-height: 1;
		position: absolute;
		top: calc(22 / 375 * 100vw);
	}
	.faqList > div > dt {
		font-weight: bold;
		padding-left: 20px;
	}
	.faqList > div > dt + dd {
		margin-left: calc(18 / 375 * 100vw);
		margin-top: calc(4 / 375 * 100vw);
	}
	/* case */
	.section[data-content="case"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw);
	}
	.caseList {
		margin-top: calc(25 / 375 * 100vw);
	}
	.caseList > div {
		display: flex;
		flex-direction: column;
	}
	.caseList > div + div {
		margin-top: calc(30 / 375 * 100vw);
	}
	.caseList > div > dt {
		align-items: center;
		display: flex;
		font-size: calc(10 / 375 * 100vw);
		margin-top: calc(18 / 375 * 100vw);
		order: 2;
	}
	.caseList > div:nth-child(even) > dt {
		flex-direction: row-reverse;
		text-align: right;
	}
	.caseList > div > dt::before {
		background-size: contain;
		content: "";
		display: block;
		height: calc(90 / 375 * 100vw);
		width: calc(90 / 375 * 100vw);
	}
	.caseList > div:nth-child(1) > dt::before {
		background-image: url(images/sp/case_person01.png);
	}
	.caseList > div:nth-child(2) > dt::before {
		background-image: url(images/sp/case_person02.png);
	}
	.caseList > div:nth-child(3) > dt::before {
		background-image: url(images/sp/case_person03.png);
	}
	.caseList > div:nth-child(odd) > dt::before {
		margin: 0 calc(15 / 375 * 100vw) 0 calc(-10 / 375 * 100vw);
	}
	.caseList > div:nth-child(even) > dt::before {
		margin: 0 calc(-10 / 375 * 100vw) 0 calc(15 / 375 * 100vw);
	}
	.salonName {
		font-size: calc(12 / 375 * 100vw);
	}
	.salonName span {
		font-size: calc(10 / 375 * 100vw);
	}
	.publisherName {
		font-size: calc(16 / 375 * 100vw);
		font-weight: bold;
	}
	.salonDetail {
		border-top: 2px dotted #E5C0CD;
		display: inline-block;
		font-size: calc(12 / 375 * 100vw);
		margin-top: calc(10 / 375 * 100vw);
		padding-top: calc(10 / 375 * 100vw);
	}
	.caseList > div > dd {
		background-color: #F6F6F6;
		border-radius: 14px;
		font-size: calc(13 / 375 * 100vw);
		line-height: 1.7;
		order: 1;
		padding: calc(20 / 375 * 100vw);
		position: relative;
	}
	.caseList > div > dd::before {
		content: "";
		display: block;
		float: right;
	}
	.caseList > div:nth-child(1) > dd::before {
		height: calc(200 / 375 * 100vw);
	}
	.caseList > div:nth-child(3) > dd::before {
		height: calc(176 / 375 * 100vw);
	}
	.caseList > div > dd::after {
		border-color: #F6F6F6 transparent transparent transparent;
		border-style: solid;
		border-width: calc(10 / 375 * 100vw) calc(6 / 375 * 100vw);
		box-sizing: border-box;
		content: "";
		height: 0;
		position: absolute;
		top: 100%;
		width: 0;
	}
	.caseList > div:nth-child(odd) > dd::after {
		left: calc(29 / 375 * 100vw);
	}
	.caseList > div:nth-child(even) > dd::after {
		right: calc(29 / 375 * 100vw);
	}
	.caseImg {
		clear: both;
		max-width: 130px;
		width: calc(130 / 375 * 100vw);
	}
	.caseList > div:nth-child(odd) .caseImg {
		float: right;
		margin-left: calc(15 / 375 * 100vw);
	}
	.caseList > div:nth-child(even) .caseImg {
		float: left;
		margin-right: calc(15 / 375 * 100vw);
	}
	.caseList > div:nth-child(1) .caseImg {
		margin-top: calc(30 / 375 * 100vw);
	}
	.caseList > div:nth-child(2) .caseImg {
		margin-bottom: calc(25 / 375 * 100vw);
	}
	.caseList > div:nth-child(3) .caseImg {
		margin-top: calc(9 / 375 * 100vw);
	}
	.caseList > div > dd em {
		color: #AD2F5B;
		font-weight: bold;
	}
	/* contact */
	.section[data-content="contact"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw) calc(30 / 375 * 100vw);
	}
	.contact {
		background-color: #FFFFFF;
		border-radius: 20px;
		box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
		padding: calc(16 / 375 * 100vw) 0;
	}
	.contactHead {
		align-items: end;
		color: #AD2F5B;
		display: flex;
		font-size: calc(22 / 375 * 100vw);
		font-weight: bold;
		justify-content: center;
	}
	.contactHead::before {
		background: url(images/contact_item.png) center / contain no-repeat;
		content: "";
		display: block;
		height: calc(37 / 375 * 100vw);
		margin-right: calc(6 / 375 * 100vw);
		width: calc(34 / 375 * 100vw);
	}
	.contactTxt {
		font-size: calc(14 / 375 * 100vw);
		font-weight: bold;
		margin-top: calc(20 / 375 * 100vw);
		text-align: center;
	}
	.contactLinkWrap {
		margin-top: calc(20 / 375 * 100vw);
	}
	.contactLink {
		align-items: center;
		display: flex;
		flex-direction: column;
	}
	.contact .mail {
		margin-top: calc(12 / 375 * 100vw);
	}
	.contactClinicLink {
		display: flex;
		font-size: calc(11 / 375 * 100vw);
		justify-content: center;
		margin-top: calc(10 / 375 * 100vw);
	}
	.contactClinicLink .leadLink a::after {
		margin-left: calc(3 / 375 * 100vw);
	}
	/* attention */
	.section[data-content="attention"] .inner {
		padding: calc(30 / 375 * 100vw) calc(20 / 375 * 100vw) calc(25 / 375 * 100vw);
	}
	.attentionHead {
		font-size: calc(13 / 375 * 100vw);
		font-weight: bold;
	}
	.attentionBody {
		font-size: calc(10 / 375 * 100vw);
	}
	.attentionBody,
	.attentionBody p + p {
		margin-top: 1.5em;
	}
	.attentionBody a {
		text-decoration: underline;
	}
	/* footer */
	.footer .inner {
		padding: calc(5 / 375 * 100vw) calc(20 / 375 * 100vw) calc(40 / 375 * 100vw);
	}
	.footer {
		border-top: 1px solid #DDDDDD;
	}
	.footerMenu > li {
		border-bottom: 1px solid #CCCCCC;
	}
	.footerMenu > li a {
		display: block;
		padding: calc(15 / 375 * 100vw) 0;
	}
	.corporateLink {
		margin-top: calc(20 / 375 * 100vw);
	}
	.imgLink {
		height: 27px;
	}
	.imgLink > a {
		display: inline-block;
		height: 100%;
	}
	.imgLink > a > img {
		height: inherit;
		width: auto;
	}
	.txtLink {
		color: #333333;
		font-size: calc(11 / 375 * 100vw);
		margin-top: calc(8 / 375 * 100vw);
	}
	/* stickyNavi */
	.stickyNavi {
		align-items: center;
		background-color: #FFFFFF;
		bottom: 0;
		box-shadow: 0 -4px 4px 0 rgba(51, 51, 51, 0.2);
		justify-content: space-between;
		margin-top: calc(20 / 375 * 100vw);
		opacity: 0;
		padding: calc(8 / 375 * 100vw) calc(16 / 375 * 100vw);
		position: sticky;
		transition: opacity 0.3s ease-in-out, visibility 0.3s ease-in-out;
		visibility: hidden;
		z-index: 1000;
	}
	.stickyNavi.isActive {
		opacity: 1;
		visibility: visible;
	}
	.stickyNaviCta {
		align-items: center;
		display: flex;
		gap: calc(11 / 375 * 100vw);
		justify-content: space-between;
		white-space: nowrap;
	}
	.stickyNaviCta > * {
		flex: 1;
	}
	.stickyNavi .tel a,
	.stickyNavi .mail a {
		align-items: center;
		border-radius: 6px;
		display: flex;
		height: calc(36 / 375 * 100vw);
		justify-content: center;
	}
	.stickyNavi .tel a {
		background-color: #FFFFFF;
		border: 1px solid #DB4E0D;
		color: #DB4E0D;
		flex-direction: column;
	}
	.stickyNavi .telNum {
		background: url(images/icn_tel.png) left / calc(14 / 375 * 100vw) no-repeat;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: calc(16 / 375 * 100vw);
		line-height: 1;
		padding-left: calc(18 / 375 * 100vw);
	}
	.stickyNavi .telSubTxt {
		font-size: calc(8 / 375 * 100vw);
		line-height: 1;
		margin-top: calc(4 / 375 * 100vw);
	}
	.stickyNavi .mail a {
		background-color: #F26829;
		color: #FFFFFF;
	}
	.stickyNavi .mail span {
		background: url(images/icn_mail.png) left / calc(14 / 375 * 100vw) no-repeat;
		font-size: calc(12 / 375 * 100vw);
		font-weight: bold;
		padding-left: calc(16 / 375 * 100vw);
	}
	.stickyNavi .clinic {
		border-top: 1px solid #E0E1E2;
		display: flex;
		justify-content: center;
		margin-top: calc(8 / 375 * 100vw);
		padding-top: calc(8 / 375 * 100vw);
		width: 100%;
	}
	.stickyNavi .clinic a {
		background: url(images/icn_link_black.png) right center / calc(12 / 375 * 100vw) no-repeat;
		font-size: calc(8 / 375 * 100vw);
		font-weight: bold;
		padding-right: calc(14 / 375 * 100vw);
	}
	/* cta */
	.cta {
		align-items: center;
		border-radius: 20px;
		display: flex;
		flex-direction: column;
		padding: calc(24 / 375 * 100vw) 0;
	}
	.cta[data-bgc="white"] {
		background-color: #FFFFFF;
		box-shadow: 0 4px 18px 0 rgba(0, 0, 0, 0.1);
		left: calc(20 / 375 * 100vw);
		position: absolute;
		right: calc(20 / 375 * 100vw);
		transform: translateY(-50%);
	}
	.cta[data-bgc="orange"] {
		background-color: #FFF6F2;
	}
	.cta .tel a,
	.cta .mail a,
	.contact .tel a,
	.contact .mail a {
		align-items: center;
		border-radius: 6px;
		display: flex;
		height: calc(63 / 375 * 100vw);
		justify-content: center;
		width: calc(246 / 375 * 100vw);
	}
	.cta .tel a,
	.contact .tel a {
		background-color: #FFFFFF;
		border: 1px solid #DB4E0D;
		color: #DB4E0D;
		flex-direction: column;
	}
	.cta .telNum,
	.contact .telNum {
		background: url(images/icn_tel.png) left / calc(20 / 375 * 100vw) no-repeat;
		font-family: "Barlow Semi Condensed", sans-serif;
		font-size: calc(24 / 375 * 100vw);
		line-height: 1;
		padding-left: calc(24 / 375 * 100vw);
	}
	.cta .telSubTxt,
	.contact .telSubTxt {
		font-size: calc(12 / 375 * 100vw);
		line-height: 1;
		margin-top: calc(8 / 375 * 100vw);
	}
	.cta .mail {
		margin-top: calc(16 / 375 * 100vw);
	}
	.cta .mail,
	.contact .mail {
		padding-top: calc(21 / 375 * 100vw);
		position: relative;
	}
	.cta .mail a,
	.contact .mail a {
		background-color: #F26829;
		color: #FFFFFF;
	}
	.cta .mail span,
	.contact .mail span {
		background: url(images/icn_mail.png) left / calc(20 / 375 * 100vw) no-repeat;
		font-size: calc(15 / 375 * 100vw);
		font-weight: bold;
		padding-left: calc(28 / 375 * 100vw);
	}
	.ctaMailBaloon {
		left: 0;
		margin: 0 auto;
		position: absolute;
		right: 0;
		top: 0;
		width: calc(187 / 375 * 100vw);
	}
	.section[data-content="point"] .cta {
		margin-top: calc(40 / 375 * 100vw);
	}
	.section[data-content="step"] .cta {
		margin-top: calc(30 / 375 * 100vw);
	}
}