@charset "utf-8";

html {
	width: 100%;
	font-size: 100%;
}

body {
	-webkit-text-size-adjust: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-family: "Noto Sans JP", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	line-height: 1.5;
	letter-spacing: 0;
}

* {
	max-width: 100%;
	max-height: 999999px;
	margin: 0;
	padding: 0;
	color: #333;
	font-size: 16px;
	font-family: inherit;
	font-weight: normal;
	font-style: normal;
	letter-spacing: inherit;
	line-height: inherit;
	outline: none;
	box-sizing: border-box;
}

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

* * {
	color: inherit;
	font-size: inherit;
}

a {
	color: #333;
	outline: none;
	text-decoration: none;
}

a:active, a:hover {
	text-decoration: underline;
}

a * {
	color: inherit;
}

input {
	border: none;
	vertical-align: bottom;
}

input[type="button"], input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: none;
}

input[type="checkbox"], input[type="radio"] {
	margin-right: 5px;
}

input[type="search"] {
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}

input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button {
	height: auto;
}

input[disabled] {
	cursor: default;
}

button {
	border: none;
	cursor: pointer;
	vertical-align: bottom;
	-webkit-appearance: button;
	background-color: transparent;
}

button[disabled] {
	cursor: default;
}

select, textarea {
	vertical-align: bottom;
}

@media (min-width: 769px) {
	a:hover img, input[type="submit"]:hover, input[type="reset"]:hover, button:hover {
		-webkit-font-smoothing: antialiased;
		text-decoration: none;
		opacity: 0.6;
	}
}

b, strong {
	font-weight: bold;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}

img[src*=".svg"], img[src*=".svgz"] {
	width: 100%;
}

ul, ol {
	list-style-type: none;
	list-style-image: none;
	list-style-position: outside;
}

ul li, ol li {
	list-style: none;
}

audio, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary, progress, video {
	display: block;
}

audio:not([controls]) {
	display: none;
	height: 0;
}

[hidden], template {
	display: none;
}

svg {
	width: auto;
	height: auto;
	vertical-align: bottom;
}

svg:not(:root) {
	overflow: hidden;
}

pre {
	overflow: auto;
}

code, kbd, pre, samp {
	font-family: monospace, monospace;
}

table {
	table-layout: fixed;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
}

table th, table td {
	text-align: left;
	font-weight: normal;
	vertical-align: top;
}

hr {
	display: block;
	width: 0;
	height: 0;
	border: 0;
}

.load a, .load img, .load input, .load svg, .load *:before, .load *:after {
	transition: opacity 0.7s;
}

.entry:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

.entry>* {
	margin-top: 1.5em;
}

.entry>*:first-child {
	margin-top: 0;
}

.entry ul, .entry ol {
	margin-top: 0.7em;
}

.entry .alignleft, .entry .alignright, .entry .aligncenter {
	margin-bottom: 5px;
}

.entry .alignleft {
	float: left;
	display: inline;
	margin-right: 10px;
	margin-top: 4px;
}

.entry .alignright {
	float: right;
	display: inline;
	margin-left: 10px;
	margin-top: 4px;
}

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

@media (min-width: 769px) {
	.sp {
		display: none !important;
	}
}

@media screen and (max-width: 768px) {
	body {
		min-width: inherit;
	}

	a {
		-webkit-touch-callout: none;
		-webkit-tap-highlight-color: transparent;
	}

	.pc {
		display: none !important;
	}
}

.maT0 {
	margin-top: 0 !important;
}

.maT5 {
	margin-top: 5px;
}

.maT10 {
	margin-top: 10px;
}

.maT15 {
	margin-top: 15px;
}

.maT20 {
	margin-top: 20px;
}

.maT25 {
	margin-top: 25px;
}

.maT30 {
	margin-top: 30px;
}

.maT35 {
	margin-top: 35px;
}

.maT40 {
	margin-top: 40px;
}

.maT45 {
	margin-top: 45px;
}

.maT50 {
	margin-top: 50px;
}

.maT55 {
	margin-top: 55px;
}

.maT60 {
	margin-top: 60px;
}

.maT65 {
	margin-top: 65px;
}

.maT70 {
	margin-top: 70px;
}

.maT75 {
	margin-top: 75px;
}

.maT80 {
	margin-top: 80px;
}

.maT85 {
	margin-top: 85px;
}

.maT90 {
	margin-top: 90px;
}

.maT95 {
	margin-top: 95px;
}

.maT100 {
	margin-top: 100px;
}

.maB0 {
	margin-bottom: 0 !important;
}

.maB5 {
	margin-bottom: 5px;
}

.maB10 {
	margin-bottom: 10px;
}

.maB15 {
	margin-bottom: 15px;
}

.maB20 {
	margin-bottom: 20px;
}

.maB25 {
	margin-bottom: 25px;
}

.maB30 {
	margin-bottom: 30px;
}

.maB35 {
	margin-bottom: 35px;
}

.maB40 {
	margin-bottom: 40px;
}

.maB45 {
	margin-bottom: 45px;
}

.maB50 {
	margin-bottom: 50px;
}

.maB55 {
	margin-bottom: 55px;
}

.maB60 {
	margin-bottom: 60px;
}

.maB65 {
	margin-bottom: 65px;
}

.maB70 {
	margin-bottom: 70px;
}

.maB75 {
	margin-bottom: 75px;
}

.maB80 {
	margin-bottom: 80px;
}

.maB85 {
	margin-bottom: 85px;
}

.maB90 {
	margin-bottom: 90px;
}

.maB95 {
	margin-bottom: 95px;
}

.maB100 {
	margin-bottom: 100px;
}

.maL0 {
	margin-left: 0 !important;
}

.maL5 {
	margin-left: 5px;
}

.maL10 {
	margin-left: 10px;
}

.maL15 {
	margin-left: 15px;
}

.maL20 {
	margin-left: 20px;
}

.maL25 {
	margin-left: 25px;
}

.maL30 {
	margin-left: 30px;
}

.maL35 {
	margin-left: 35px;
}

.maL40 {
	margin-left: 40px;
}

.maL45 {
	margin-left: 45px;
}

.maL50 {
	margin-left: 50px;
}

.maL55 {
	margin-left: 55px;
}

.maL60 {
	margin-left: 60px;
}

.maL65 {
	margin-left: 65px;
}

.maL70 {
	margin-left: 70px;
}

.maL75 {
	margin-left: 75px;
}

.maL80 {
	margin-left: 80px;
}

.maL85 {
	margin-left: 85px;
}

.maL90 {
	margin-left: 90px;
}

.maL95 {
	margin-left: 95px;
}

.maL100 {
	margin-left: 100px;
}

.maR0 {
	margin-right: 0 !important;
}

.maR5 {
	margin-right: 5px;
}

.maR10 {
	margin-right: 10px;
}

.maR15 {
	margin-right: 15px;
}

.maR20 {
	margin-right: 20px;
}

.maR25 {
	margin-right: 25px;
}

.maR30 {
	margin-right: 30px;
}

.maR35 {
	margin-right: 35px;
}

.maR40 {
	margin-right: 40px;
}

.maR45 {
	margin-right: 45px;
}

.maR50 {
	margin-right: 50px;
}

.maR55 {
	margin-right: 55px;
}

.maR60 {
	margin-right: 60px;
}

.maR65 {
	margin-right: 65px;
}

.maR70 {
	margin-right: 70px;
}

.maR75 {
	margin-right: 75px;
}

.maR80 {
	margin-right: 80px;
}

.maR85 {
	margin-right: 85px;
}

.maR90 {
	margin-right: 90px;
}

.maR95 {
	margin-right: 95px;
}

.maR100 {
	margin-right: 100px;
}

.maT0em {
	margin-top: 0em;
}

.maT1em {
	margin-top: 1em;
}

.maT2em {
	margin-top: 2em;
}

.maT3em {
	margin-top: 3em;
}

.maT4em {
	margin-top: 4em;
}

.maT5em {
	margin-top: 5em;
}

.maT6em {
	margin-top: 6em;
}

.maT7em {
	margin-top: 7em;
}

.maT8em {
	margin-top: 8em;
}

.maT9em {
	margin-top: 9em;
}

.maT10em {
	margin-top: 10em;
}

.maB0em {
	margin-bottom: 0em;
}

.maB1em {
	margin-bottom: 1em;
}

.maB2em {
	margin-bottom: 2em;
}

.maB3em {
	margin-bottom: 3em;
}

.maB4em {
	margin-bottom: 4em;
}

.maB5em {
	margin-bottom: 5em;
}

.maB6em {
	margin-bottom: 6em;
}

.maB7em {
	margin-bottom: 7em;
}

.maB8em {
	margin-bottom: 8em;
}

.maB9em {
	margin-bottom: 9em;
}

.maB10em {
	margin-bottom: 10em;
}

.maL0em {
	margin-left: 0em;
}

.maL1em {
	margin-left: 1em;
}

.maL2em {
	margin-left: 2em;
}

.maL3em {
	margin-left: 3em;
}

.maL4em {
	margin-left: 4em;
}

.maL5em {
	margin-left: 5em;
}

.maL6em {
	margin-left: 6em;
}

.maL7em {
	margin-left: 7em;
}

.maL8em {
	margin-left: 8em;
}

.maL9em {
	margin-left: 9em;
}

.maL10em {
	margin-left: 10em;
}

.maR0em {
	margin-right: 0em;
}

.maR1em {
	margin-right: 1em;
}

.maR2em {
	margin-right: 2em;
}

.maR3em {
	margin-right: 3em;
}

.maR4em {
	margin-right: 4em;
}

.maR5em {
	margin-right: 5em;
}

.maR6em {
	margin-right: 6em;
}

.maR7em {
	margin-right: 7em;
}

.maR8em {
	margin-right: 8em;
}

.maR9em {
	margin-right: 9em;
}

.maR10em {
	margin-right: 10em;
}

.paT0 {
	padding-top: 0 !important;
}

.paT5 {
	padding-top: 5px;
}

.paT10 {
	padding-top: 10px;
}

.paT15 {
	padding-top: 15px;
}

.paT20 {
	padding-top: 20px;
}

.paT25 {
	padding-top: 25px;
}

.paT30 {
	padding-top: 30px;
}

.paT35 {
	padding-top: 35px;
}

.paT40 {
	padding-top: 40px;
}

.paT45 {
	padding-top: 45px;
}

.paT50 {
	padding-top: 50px;
}

.paT55 {
	padding-top: 55px;
}

.paT60 {
	padding-top: 60px;
}

.paT65 {
	padding-top: 65px;
}

.paT70 {
	padding-top: 70px;
}

.paT75 {
	padding-top: 75px;
}

.paT80 {
	padding-top: 80px;
}

.paT85 {
	padding-top: 85px;
}

.paT90 {
	padding-top: 90px;
}

.paT95 {
	padding-top: 95px;
}

.paT100 {
	padding-top: 100px;
}

.paB0 {
	padding-bottom: 0 !important;
}

.paB5 {
	padding-bottom: 5px;
}

.paB10 {
	padding-bottom: 10px;
}

.paB15 {
	padding-bottom: 15px;
}

.paB20 {
	padding-bottom: 20px;
}

.paB25 {
	padding-bottom: 25px;
}

.paB30 {
	padding-bottom: 30px;
}

.paB35 {
	padding-bottom: 35px;
}

.paB40 {
	padding-bottom: 40px;
}

.paB45 {
	padding-bottom: 45px;
}

.paB50 {
	padding-bottom: 50px;
}

.paB55 {
	padding-bottom: 55px;
}

.paB60 {
	padding-bottom: 60px;
}

.paB65 {
	padding-bottom: 65px;
}

.paB70 {
	padding-bottom: 70px;
}

.paB75 {
	padding-bottom: 75px;
}

.paB80 {
	padding-bottom: 80px;
}

.paB85 {
	padding-bottom: 85px;
}

.paB90 {
	padding-bottom: 90px;
}

.paB95 {
	padding-bottom: 95px;
}

.paB100 {
	padding-bottom: 100px;
}

.paL0 {
	padding-left: 0 !important;
}

.paL5 {
	padding-left: 5px;
}

.paL10 {
	padding-left: 10px;
}

.paL15 {
	padding-left: 15px;
}

.paL20 {
	padding-left: 20px;
}

.paL25 {
	padding-left: 25px;
}

.paL30 {
	padding-left: 30px;
}

.paL35 {
	padding-left: 35px;
}

.paL40 {
	padding-left: 40px;
}

.paL45 {
	padding-left: 45px;
}

.paL50 {
	padding-left: 50px;
}

.paL55 {
	padding-left: 55px;
}

.paL60 {
	padding-left: 60px;
}

.paL65 {
	padding-left: 65px;
}

.paL70 {
	padding-left: 70px;
}

.paL75 {
	padding-left: 75px;
}

.paL80 {
	padding-left: 80px;
}

.paL85 {
	padding-left: 85px;
}

.paL90 {
	padding-left: 90px;
}

.paL95 {
	padding-left: 95px;
}

.paL100 {
	padding-left: 100px;
}

.paR0 {
	padding-right: 0 !important;
}

.paR5 {
	padding-right: 5px;
}

.paR10 {
	padding-right: 10px;
}

.paR15 {
	padding-right: 15px;
}

.paR20 {
	padding-right: 20px;
}

.paR25 {
	padding-right: 25px;
}

.paR30 {
	padding-right: 30px;
}

.paR35 {
	padding-right: 35px;
}

.paR40 {
	padding-right: 40px;
}

.paR45 {
	padding-right: 45px;
}

.paR50 {
	padding-right: 50px;
}

.paR55 {
	padding-right: 55px;
}

.paR60 {
	padding-right: 60px;
}

.paR65 {
	padding-right: 65px;
}

.paR70 {
	padding-right: 70px;
}

.paR75 {
	padding-right: 75px;
}

.paR80 {
	padding-right: 80px;
}

.paR85 {
	padding-right: 85px;
}

.paR90 {
	padding-right: 90px;
}

.paR95 {
	padding-right: 95px;
}

.paR100 {
	padding-right: 100px;
}

.paT0em {
	padding-top: 0em;
}

.paT1em {
	padding-top: 1em;
}

.paT2em {
	padding-top: 2em;
}

.paT3em {
	padding-top: 3em;
}

.paT4em {
	padding-top: 4em;
}

.paT5em {
	padding-top: 5em;
}

.paT6em {
	padding-top: 6em;
}

.paT7em {
	padding-top: 7em;
}

.paT8em {
	padding-top: 8em;
}

.paT9em {
	padding-top: 9em;
}

.paT10em {
	padding-top: 10em;
}

.paB0em {
	padding-bottom: 0em;
}

.paB1em {
	padding-bottom: 1em;
}

.paB2em {
	padding-bottom: 2em;
}

.paB3em {
	padding-bottom: 3em;
}

.paB4em {
	padding-bottom: 4em;
}

.paB5em {
	padding-bottom: 5em;
}

.paB6em {
	padding-bottom: 6em;
}

.paB7em {
	padding-bottom: 7em;
}

.paB8em {
	padding-bottom: 8em;
}

.paB9em {
	padding-bottom: 9em;
}

.paB10em {
	padding-bottom: 10em;
}

.paL0em {
	padding-left: 0em;
}

.paL1em {
	padding-left: 1em;
}

.paL2em {
	padding-left: 2em;
}

.paL3em {
	padding-left: 3em;
}

.paL4em {
	padding-left: 4em;
}

.paL5em {
	padding-left: 5em;
}

.paL6em {
	padding-left: 6em;
}

.paL7em {
	padding-left: 7em;
}

.paL8em {
	padding-left: 8em;
}

.paL9em {
	padding-left: 9em;
}

.paL10em {
	padding-left: 10em;
}

.paR0em {
	padding-right: 0em;
}

.paR1em {
	padding-right: 1em;
}

.paR2em {
	padding-right: 2em;
}

.paR3em {
	padding-right: 3em;
}

.paR4em {
	padding-right: 4em;
}

.paR5em {
	padding-right: 5em;
}

.paR6em {
	padding-right: 6em;
}

.paR7em {
	padding-right: 7em;
}

.paR8em {
	padding-right: 8em;
}

.paR9em {
	padding-right: 9em;
}

.paR10em {
	padding-right: 10em;
}

.bold {
	font-weight: bold;
}

.all {
	text-align: left;
}

.alr {
	text-align: right;
}

.alc {
	text-align: center;
}

.fcRed {
	color: #f00;
}

.fcBlue {
	color: #00f;
}

.fcBlack {
	color: #333;
}

.fcWhite {
	color: #fff;
}

.clearFix {
	display: block;
}

.clearFix:after {
	content: "";
	display: block;
	height: 0;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	clear: both;
}

.gradation01, main #detail .formulation>hr {
	background: #000;
	background: -moz-linear-gradient(left, #000 0%, #f0f 29%, #0ff 59%, #00f 81%, #0f0 100%);
	background: -webkit-linear-gradient(left, #000 0%, #f0f 29%, #0ff 59%, #00f 81%, #0f0 100%);
	background: linear-gradient(to right, #000 0%, #f0f 29%, #0ff 59%, #00f 81%, #0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#00ff00', GradientType=1);
}

.gradation02, main .ttl01:before, main #point01 .inner>p span:after, main #point02 .w1200 .inner>em span:after, main #voice .inner ul>li {
	background: #ff0015;
	background: -moz-linear-gradient(left, #ff0015 0%, #f0f 29%, #0ff 59%, #00f 81%, #0f0 100%);
	background: -webkit-linear-gradient(left, #ff0015 0%, #f0f 29%, #0ff 59%, #00f 81%, #0f0 100%);
	background: linear-gradient(to right, #ff0015 0%, #f0f 29%, #0ff 59%, #00f 81%, #0f0 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0015', endColorstr='#00ff00', GradientType=1);
}

.gradation03, main #paplal>div:before, main #detail .formulation:before, main #item:before {
	background: -moz-linear-gradient(left, #0ff 0%, rgba(0, 255, 255, 0.2) 50%, #0ff 100%);
	background: -webkit-linear-gradient(left, #0ff 0%, rgba(0, 255, 255, 0.2) 50%, #0ff 100%);
	background: linear-gradient(to right, #0ff 0%, rgba(0, 255, 255, 0.2) 50%, #0ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffff', endColorstr='#00ffff', GradientType=1);
}

.gradation04, main #evaluation:after {
	background: #e0feff;
	background: -moz-linear-gradient(-45deg, #e0feff 0%, #e3e6ff 100%);
	background: -webkit-linear-gradient(-45deg, #e0feff 0%, #e3e6ff 100%);
	background: linear-gradient(135deg, #e0feff 0%, #e3e6ff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0feff', endColorstr='#e3e6ff', GradientType=1);
}

html:not(.scroll) main {
	height: calc(100vh + 2px);
}

main {
	overflow: hidden;
}

@media (min-width: 769px) {
	main img[src*="SP"] {
		display: none;
	}
}

@media screen and (max-width: 768px) {
	main img[src*="PC"] {
		display: none;
	}
}

main .js-fadein {
	position: relative;
	top: 50px;
	opacity: 0;
}

main .js-fadein.in {
	top: 0;
	opacity: 1;
	transition: top 0.8s, left 0.8s, right 0.8s, opacity 0.8s;
}

main .js-fadein.left-in {
	top: 0;
	left: -100px;
}

main .js-fadein.left-in.in {
	left: 0;
}

main .js-fadein.right-in {
	top: 0;
	right: -100px;
}

main .js-fadein.right-in.in {
	right: 0;
}

main .inner {
	width: 930px;
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}

main .btn01 {
	margin-top: 25px;
}

main .btn01>a {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 290px;
	height: 70px;
	color: #000;
	letter-spacing: 0.3em;
	line-height: 1;
	font-size: 22px;
	font-family: 'Noto Serif JP';
	background-color: rgba(0, 255, 0, .5);
	text-decoration: none;
	transition: opacity 0.7s;
}

main .btn01>a:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
	main .btn01>a:hover {
		opacity: 1;
	}
}

main .btn01>a:hover img {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	main .btn01>a {
		width: 215px;
		height: 50px;
		font-size: 20px;
	}
}

main .btn01>div {
	width: 290px !important;
	margin: 0 !important;
}

main .btn01>div .cartjs_box {
	padding: 0 !important;
}

main .btn01>div form .cartjs_product_table {
	display: none;
}

main .btn01>div form .cartjs_cart_in input {
	width: 290px !important;
	height: 70px !important;
	margin: 0 !important;
	border-radius: 0 !important;
	color: #000 !important;
	letter-spacing: 0.3em;
	line-height: 1;
	font-size: 22px !important;
	font-family: 'Noto Serif JP';
	background-color: rgba(0, 255, 0, .5) !important;
	text-decoration: none;
	transition: opacity 0.7s;
}

main .btn01>div form .cartjs_cart_in input:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
	main .btn01>div form .cartjs_cart_in input:hover {
		opacity: 1;
	}
}

main .btn01>div form .cartjs_cart_in input:hover img {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	main .btn01>div form .cartjs_cart_in input {
		width: 215px !important;
		height: 50px !important;
		font-size: 20px !important;
	}
}

main .btn02>a {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 50px;
	color: #000;
	letter-spacing: 0.3em;
	line-height: 1;
	font-size: 20px;
	font-family: 'Noto Serif JP';
	background-color: #97ffff;
	text-decoration: none;
	transition: opacity 0.7s;
}

main .btn02>a:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
	main .btn02>a:hover {
		opacity: 1;
	}
}

main .btn02>a:hover img {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	main .btn02>a {
		height: 30px;
		font-size: 12.5px;
	}
}

main .btn02>div .cartjs_box {
	padding: 0 !important;
}

main .btn02>div form .cartjs_product_table {
	display: none;
}

main .btn02>div form .cartjs_cart_in input {
	width: 100% !important;
	height: 50px !important;
	border-radius: 0 !important;
	color: #000 !important;
	letter-spacing: 0.3em;
	line-height: 1;
	font-size: 20px !important;
	font-family: 'Noto Serif JP';
	background-color: #97ffff !important;
	text-decoration: none;
	transition: opacity 0.7s;
}

main .btn02>div form .cartjs_cart_in input:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
	main .btn02>div form .cartjs_cart_in input:hover {
		opacity: 1;
	}
}

main .btn02>div form .cartjs_cart_in input:hover img {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	main .btn02>div form .cartjs_cart_in input {
		height: 30px !important;
		font-size: 12.5px !important;
	}
}

main .ttl01 {
	position: relative;
	z-index: 10;
	display: block;
	margin: -30px 0 55px;
}

@media screen and (max-width: 768px) {
	main .ttl01 {
		margin: 15px 0 30px;
	}
}

main .ttl01:before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	display: block;
	width: 100%;
	height: 1px;
}

main .ttl01>* {
	position: relative;
	width: 390px;
	height: 60px;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
	border: 1px #000 solid;
	font-size: 22px;
	font-family: 'Roboto';
	font-weight: bold;
	letter-spacing: 0.3em;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	main .ttl01>* {
		width: 50.78%;
		height: 30px;
		padding-top: 2px;
		font-size: 12.5px;
	}
}

main .ttl02 {
	display: block;
	margin-bottom: 55px;
	font-size: 40px;
	font-family: 'Hannari', 'Noto Serif JP';
	letter-spacing: 0.2em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	main .ttl02 {
		margin-bottom: 25px;
		font-size: 25px;
	}
}

main #paplal {
	position: fixed;
	z-index: 10000;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 300px;
	background-color: #fff;
}

main #paplal>div {
	position: relative;
	height: 100%;
	min-height: 300px;
}

main #paplal>div:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.15;
}

main #paplal>div h1 {
	position: absolute;
	left: 50%;
	top: 50%;
	display: block;
	width: 254px;
	transform: translate(-50%, -50%);
}

@media screen and (max-width: 768px) {
	main #paplal>div h1 {
		width: 39.06%;
	}
}

main #cosmetic>article+* {
	margin-top: 320px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article+* {
		margin-top: 0;
	}
}

main #cosmetic>article .inner {
	position: relative;
}

main #cosmetic>article .inner>img {
	position: absolute;
	display: block;
	max-width: none;
}

main #cosmetic>article .inner>img[src*="border01.png"] {
	left: 50%;
	top: 0;
	width: 62.36%;
	transform: translateX(-50vw);
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner>img[src*="border01.png"] {
		width: 50%;
	}
}

main #cosmetic>article .inner>img[src*="bg02.png"] {
	right: 50%;
	bottom: 0;
	width: 67.2%;
	transform: translateX(50vw);
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner>img[src*="bg02.png"] {
		width: 81.38%;
	}
}

main #cosmetic>article .inner .wrap {
	position: relative;
	z-index: 1;
	padding: 45px 0 80px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap {
		padding: 30px 0;
	}
}

main #cosmetic>article .inner .wrap>* {
	position: relative;
	z-index: 5;
	display: block;
}

main #cosmetic>article .inner .wrap>strong {
	font-size: 21px;
	font-family: 'Old Standard TT';
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>strong {
		font-size: 17.5px;
	}
}

main #cosmetic>article .inner .wrap>em {
	margin-top: 20px;
	padding: 0 30px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>em {
		padding: 0 10px;
	}
}

main #cosmetic>article .inner .wrap>em img {
	width: 116px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>em img {
		width: 84px;
	}
}

main #cosmetic>article .inner .wrap>p {
	position: absolute;
	font-family: 'Hannari', 'Noto Serif JP';
	letter-spacing: 0;
}

main #cosmetic>article .inner .wrap>p.p0 {
	right: 15px;
	top: 85px;
	font-size: 45px;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>p.p0 {
		right: 20px;
		top: 110px;
		font-size: 24px;
	}
}

main #cosmetic>article .inner .wrap>p.p0 i {
	display: block;
	opacity: 1;
	transition: opacity 1s;
	transition-delay: 1s;
}

main #cosmetic>article .inner .wrap>p.p0 i span {
	display: block;
	font-size: 60px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>p.p0 i span {
		font-size: 35px;
	}
}

main #cosmetic>article .inner .wrap>p.p0.in i {
	opacity: 0;
}

main #cosmetic>article .inner .wrap>p.p0.in+.p1, main #cosmetic>article .inner .wrap>p.p0.in+.p1+.p2 {
	z-index: 2;
	opacity: 1;
	transition-delay: 2s;
}

main #cosmetic>article .inner .wrap>p.p1, main #cosmetic>article .inner .wrap>p.p2 {
	z-index: -1;
	width: 1em;
	font-size: 35px;
	text-align: center;
	line-height: 1.1;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	opacity: 0;
	transition: opacity 2s;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>p.p1, main #cosmetic>article .inner .wrap>p.p2 {
		font-size: 25px;
	}
}

main #cosmetic>article .inner .wrap>p.p1 {
	right: 11.11%;
	top: 120px;
}

main #cosmetic>article .inner .wrap>p.p2 {
	left: 18.88%;
	top: 390px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>p.p2 {
		left: 11.11%;
	}
}

main #cosmetic>article .inner .wrap>figure {
	top: 0 !important;
	padding-top: 45px;
	text-align: center;
	transition: opacity 3s;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>figure {
		padding-top: 75px;
	}
}

main #cosmetic>article .inner .wrap>figure img {
	width: 265px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>figure img {
		width: 42.96%;
	}
}

main #cosmetic>article .inner .wrap>div.bg {
	z-index: 1;
	width: 94.44%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>div.bg {
		left: -5%;
		width: 110%;
		max-width: none;
	}
}

main #cosmetic>article .inner .wrap>div.bg img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
}

main #cosmetic>article .inner .wrap>div.info {
	margin-top: -45px;
	text-align: right;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>div.info {
		margin-top: 30px;
	}
}

main #cosmetic>article .inner .wrap>div.info h1 {
	/*font-size: 30px;
	font-family: 'Old Standard TT';
	letter-spacing: 0.05em;*/
	font-size: 28px;
	font-family: 'Old Standard TT', 'Hannari', 'Noto Serif JP';
	letter-spacing: 0.01em;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>div.info h1 {
		/*font-size: 25px;*/
      	font-size: 23px;
	}
}

main #cosmetic>article .inner .wrap>div.info h1 i {
	display: block;
	margin-top: 10px;
	font-size: 17px;
}

@media screen and (max-width: 768px) {
	main #cosmetic>article .inner .wrap>div.info h1 i {
		font-size: 17.5px;
	}
}

main #cosmetic>article .inner .wrap>div.info .btn01>* {
	margin-left: auto !important;
}

main #point01 .inner {
	position: relative;
	padding-bottom: 130px;
}

@media screen and (max-width: 768px) {
	main #point01 .inner {
		padding-bottom: 50px;
	}
}

main #point01 .inner>* {
	position: relative;
	z-index: 1;
}

main #point01 .inner>img {
	position: absolute;
	display: block;
	max-width: none;
}

main #point01 .inner>img[src*="bg02.png"] {
	left: 50%;
	bottom: 0;
	width: 67.2%;
	transform: translateX(-50vw) rotateY(180deg);
}

@media screen and (max-width: 768px) {
	main #point01 .inner>img[src*="bg02.png"] {
		width: 81.38%;
	}
}

main #point01 .inner>p {
	font-size: 23px;
	letter-spacing: 0.3em;
	text-align: center;
	line-height: 1.95652;
}

@media screen and (max-width: 768px) {
	main #point01 .inner>p {
		font-size: 14px;
		letter-spacing: 0.28em;
		line-height: 1.60714;
	}
}

main #point01 .inner>p span {
	position: relative;
	display: inline-block;
	font-size: 30px;
	vertical-align: baseline;
}

@media screen and (max-width: 768px) {
	main #point01 .inner>p span {
		margin-top: 10px;
		font-size: 20px;
	}
}

main #point01 .inner>p span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: calc(100% - .8em);
	height: 1px;
}

main #point01 .inner>p small {
	display: block;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	main #point01 .inner>p small {
		margin-top: 10px;
		font-size: 10px;
	}
}

main #point01 .inner .pht {
	width: 88.88%;
	margin: 30px auto 0;
}

@media screen and (max-width: 768px) {
	main #point01 .inner .pht {
		width: 100%;
	}
}

main #point01 .inner .pht>i {
	position: absolute;
	display: block;
}

main #point01 .inner .pht>i.i1 {
	left: 50%;
	top: 50%;
	width: 37%;
	transform: translate(-50%, -50%);
}

main #point01 .inner .pht>i.i2 {
	left: 55.5%;
	top: 53.12%;
	width: 24%;
}

main #point01 .inner>small {
	display: block;
	margin-top: 50px;
	padding-left: 50px;
	font-size: 11px;
	font-family: 'Noto Serif JP';
}

@media screen and (max-width: 768px) {
	main #point01 .inner>small {
		margin-top: 40px;
		padding-left: 0;
		font-size: 10px;
		text-align: center;
	}
}

main #point02 {
	position: relative;
	margin-top: -100px;
	padding: 100px 0;
	background-color: rgba(235, 235, 235, .5);
}

@media screen and (max-width: 768px) {
	main #point02 {
		margin-top: 0;
		padding: 15px 0 30px;
	}
}

main #point02 .ttl01 {
	margin-bottom: -30px;
}

@media screen and (max-width: 768px) {
	main #point02 .ttl01 {
		top: -15px;
		margin-top: 0;
	}
}

main #point02 .w1200 {
	width: 1200px;
	margin: 0 auto;
	padding: 100px 0 60px;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 {
		width: auto;
		padding: 50px 0 30px;
		margin: 0 15px;
	}
}

main #point02 .w1200 .inner>em {
	display: block;
	margin-top: 90px;
	font-size: 35px;
	letter-spacing: 0.3em;
	text-align: center;
	line-height: 1.85714;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>em {
		margin-top: 55px;
		font-size: 17.5px;
	}
}

main #point02 .w1200 .inner>em i {
	font-size: 20px;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>em i {
		font-size: 15px;
	}
}

main #point02 .w1200 .inner>em span {
	position: relative;
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>em span {
		font-size: 20px;
	}
}

main #point02 .w1200 .inner>em span:after {
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
}

main #point02 .w1200 .inner>em b {
	font-size: 23px;
	font-weight: normal;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>em b {
		font-size: 16.5px;
	}
}

main #point02 .w1200 .inner>p {
	margin-top: 130px;
	font-size: 23px;
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>p {
		margin-top: 5px;
		font-size: 16.5px;
		line-height: 1.9697;
	}
}

main #point02 .w1200 .inner>p big {
	display: inline-block;
	font-size: 35px;
	font-weight: normal;
	vertical-align: text-bottom;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>p big {
		font-size: 22.5px;
		vertical-align: baseline;
	}
}

main #point02 .w1200 .inner>p b {
	display: block;
	margin-top: 15px;
	font-size: 30px;
	font-weight: normal;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner>p b {
		margin-top: 0;
		font-size: 20px;
	}
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .ttl02 {
		font-size: 23px;
	}
}

main #point02 .w1200 .inner .ttl02+em {
	position: relative;
}

main #point02 .w1200 .inner .ttl02+em:after {
	content: "";
	position: absolute;
	right: 7%;
	top: 10%;
	display: block;
	width: 19.44%;
	height: 42.11%;
	background: url(https://img21.shop-pro.jp/PA01481/610/etc/point2DamagePht01.png?cmsp_timestamp=20220401113536) no-repeat center / cover;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .ttl02+em:after {
		right: -4%;
		top: 47%;
	}
}

main #point02 .w1200 .inner .pht01 {
	position: relative;
	width: 94.44%;
	margin: 45px auto 0;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .pht01 {
		margin-top: 15px;
	}
}

main #point02 .w1200 .inner .pht02 {
	position: relative;
	width: 94.44%;
	margin: 50px auto 0;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .pht02 {
		margin-top: 15px;
	}
}

main #point02 .w1200 .inner .pht02>i {
	position: absolute;
	z-index: 1;
}

main #point02 .w1200 .inner .pht02>i.i1, main #point02 .w1200 .inner .pht02>i.i2 {
	width: 9.7%;
}

main #point02 .w1200 .inner .pht02>i.i1 {
	left: -8.77%;
	top: 46%;
}

main #point02 .w1200 .inner .pht02>i.i2 {
	left: 96.22%;
	top: 80%;
}

main #point02 .w1200 .inner .pht02>i.i3, main #point02 .w1200 .inner .pht02>i.i4, main #point02 .w1200 .inner .pht02>i.i5 {
	top: 52%;
	width: 25.6%;
}

main #point02 .w1200 .inner .pht02>i.i3 {
	left: 0.5%;
}

main #point02 .w1200 .inner .pht02>i.i4 {
	left: 35.5%;
}

main #point02 .w1200 .inner .pht02>i.i5 {
	left: 70.5%;
}

main #point02 .w1200 .inner .protect {
	position: relative;
	margin-top: 20px;
	padding-top: 65px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .protect {
		margin-top: 10px;
		padding-top: 33px;
	}
}

main #point02 .w1200 .inner .protect:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	width: 22px;
	height: 30px;
	background: url(https://img21.shop-pro.jp/PA01481/610/etc/arrow02.png?cmsp_timestamp=20220401112149) no-repeat center / cover;
	transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .protect:before {
		width: 18px;
		height: 23px;
	}
}

main #point02 .w1200 .inner .protect>span {
	display: inline-block;
	padding: 10px 20px;
	border: 1px rgba(0, 0, 0, .15) solid;
	font-size: 17px;
	letter-spacing: 0.05em;
	line-height: 1;
	background-color: rgba(0, 255, 255, .15);
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .protect>span {
		padding: 5px 10px;
		font-size: 15px;
	}
}

main #point02 .w1200 .inner .protect>p {
	margin-top: 20px;
	font-size: 20px;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .protect>p {
		font-size: 17.5px;
	}
}

main #point02 .w1200 .inner .protect>p i {
	display: block;
	color: #9b40d0;
	font-size: 35px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	main #point02 .w1200 .inner .protect>p i {
		font-size: 22.5px;
	}
}

main #point03 {
	margin-top: 75px;
}

@media screen and (max-width: 768px) {
	main #point03 {
		margin-top: 60px;
	}
}

main #point03 .inner {
	position: relative;
	padding-bottom: 240px;
}

@media screen and (max-width: 768px) {
	main #point03 .inner {
		padding-bottom: 50px;
	}
}

main #point03 .inner>* {
	position: relative;
	z-index: 1;
}

main #point03 .inner>img {
	position: absolute;
	display: block;
	max-width: none;
}

main #point03 .inner>img[src*="bg02.png"] {
	right: 50%;
	bottom: 0;
	width: 67.2%;
	transform: translateX(50vw);
}

@media screen and (max-width: 768px) {
	main #point03 .inner>img[src*="bg02.png"] {
		width: 81.38%;
	}
}

main #point03 .inner>ul>li+li {
	margin-top: 75px;
}

@media screen and (max-width: 768px) {
	main #point03 .inner>ul>li+li {
		margin-top: 30px;
	}
}

main #point03 .inner>ul>li>em {
	display: block;
	margin-bottom: 35px;
	padding: 5px 10px;
	border: 1px #ff7ba5 solid;
	font-size: 25px;
	font-family: 'Noto Serif JP';
	letter-spacing: 0.2em;
	text-align: center;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	main #point03 .inner>ul>li>em {
		margin-bottom: 10px;
		font-size: 15px;
		letter-spacing: 0.1em;
	}
}

main #point03 .inner>ul>li>em sub {
	font-size: 13px;
	vertical-align: super;
}

@media screen and (max-width: 768px) {
	main #point03 .inner>ul>li>em sub {
		font-size: 10px;
	}
}

main #point03 .inner>ul>li>em i {
	color: #ff7ba5;
}

main #point03 .inner>ul>li>ul {
	width: 730px;
	margin: 0 auto;
}

main #point03 .inner>ul>li>ul.col2 {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
}

main #point03 .inner>ul>li>ul.col2>* {
	width: 50%;
	padding-right: 20px;
}

main #point03 .inner>ul>li>ul>li {
	position: relative;
	padding-left: 25px;
	font-size: 18px;
	letter-spacing: 0.1em;
	line-height: 2.22222;
}

@media screen and (max-width: 768px) {
	main #point03 .inner>ul>li>ul>li {
		padding-left: 15px;
		font-size: 12px;
		line-height: 1.66667;
	}
}

main #point03 .inner>ul>li>ul>li:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0.7em;
	display: block;
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background-color: rgba(155, 10, 255, .2);
}

@media screen and (max-width: 768px) {
	main #point03 .inner>ul>li>ul>li:before {
		top: 0.4em;
		width: 10px;
		height: 10px;
	}
}

main #point03 .inner>p {
	width: 800px;
	margin: 45px auto 0;
	padding: 45px 20px 0;
	border-top: 1px dashed #c5c5c5;
	font-size: 13px;
	font-family: 'Noto Serif JP';
	letter-spacing: 0.1em;
	line-height: 1.53846;
}

@media screen and (max-width: 768px) {
	main #point03 .inner>p {
		margin-top: 25px;
		padding: 15px 0 0;
		font-size: 10px;
	}
}

main #evaluation {
	position: relative;
}

main #evaluation:before, main #evaluation:after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
}

main #evaluation:before {
	height: 270px;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	main #evaluation:before {
		display: none;
	}
}

main #evaluation:after {
	height: 100%;
	opacity: 1;
}

main #evaluation>strong {
	position: relative;
	z-index: 2;
	display: block;
	padding: 20px 10px 25px;
	color: #fff;
	font-size: 20px;
	font-family: 'Noto Serif JP';
	font-weight: normal;
	letter-spacing: 0.15em;
	text-align: center;
	line-height: 1.5;
	background-color: #ff7ba5;
}

@media screen and (max-width: 768px) {
	main #evaluation>strong {
		padding: 10px;
		font-size: 12.5px;
	}
}

main #evaluation>strong i {
	position: relative;
	top: 0 !important;
	display: inline-block;
	vertical-align: baseline;
	opacity: 1 !important;
}

@media screen and (max-width: 768px) {
	main #evaluation>strong i {
		font-size: 17.5px;
	}
}

main #evaluation>strong i.in:after {
	width: calc(100% + 6px);
}

main #evaluation>strong i:after {
	content: "";
	position: absolute;
	left: -5px;
	bottom: 3px;
	display: block;
	width: 0;
	max-width: none;
	height: 10px;
	background-color: rgba(199, 37, 255, .72);
	transform: skewX(-25deg);
	transition: width 0.5s;
}

main #evaluation>strong i span {
	position: relative;
	z-index: 1;
	display: inline-block;
	font-size: 30px;
	vertical-align: baseline;
}

main #evaluation .inner {
	position: relative;
	z-index: 2;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	flex-flow: row-reverse;
	padding-top: 20px;
	padding-bottom: 20px;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner {
		display: block;
		padding: 60px 15px 15px;
	}
}

main #evaluation .inner .info {
	width: 37.77%;
	margin-left: auto;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info {
		-js-display: flex;
		display: flex;
		flex-wrap: wrap;
		flex-flow: row;
		width: auto;
	}
}

main #evaluation .inner .info figure {
	width: 61.76%;
	margin: 0 auto;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info figure {
		width: 50%;
		margin: 0;
	}
}

main #evaluation .inner .info>div {
	margin-top: 20px;
	text-align: center;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info>div {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		margin-top: 0;
		padding: 10px 15px;
		background-color: #fff;
	}
}

main #evaluation .inner .info>div p {
	position: relative;
	display: inline-block;
	padding: 0 30px;
	vertical-align: baseline;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info>div p {
		padding: 0 20px;
	}
}

main #evaluation .inner .info>div p:before, main #evaluation .inner .info>div p:after {
	content: "";
	position: absolute;
	top: 0;
	display: block;
	width: 55px;
	height: 2px;
	background-color: #ff7ba5;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info>div p:before, main #evaluation .inner .info>div p:after {
		top: -1px;
		width: 25px;
	}
}

main #evaluation .inner .info>div p:before {
	left: 0;
	transform: rotate(60deg);
	transform-origin: left top;
}

main #evaluation .inner .info>div p:after {
	right: 0;
	transform: rotate(-60deg);
	transform-origin: right top;
}

main #evaluation .inner .info>div p strong {
	display: block;
	color: #ff7ba5;
	font-size: 15px;
	font-family: 'Noto Serif JP';
	letter-spacing: 0.05em;
	line-height: 1.6;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info>div p strong {
		font-size: 11px;
	}
}

main #evaluation .inner .info>em {
	display: block;
	width: 84.7%;
	margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .info>em {
		width: 50%;
		margin: 0;
	}
}

main #evaluation .inner .pht {
	width: 61.11%;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	main #evaluation .inner .pht {
		width: auto;
		margin: 20px 0 0;
	}
}

/**/
main #evaluation .outline {
	border: #fff 2px solid;
	width: 100%;
	padding: 20px;
	margin: 20px auto 50px auto;
}

main #evaluation .outline .movO {
	max-width: 760px;
	width: 100%;
	margin: 10px auto 0 auto;
}

main #evaluation .outline .mov {
	position: relative;
	width: 100%;
	padding-top: 56.25%;
}

main #evaluation .outline .mov iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
}

main #evaluation .outline p {
	position: relative;
	width: 100%;
	text-align: center;
	font-size: 26px;
	/*color: #ff7ba5;
	font-family: 'Noto Serif JP';*/
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.6;
	margin: 0 auto;
	vertical-align: baseline;
}

@media screen and (max-width: 768px) {
	main #evaluation .outline {
		border: #fff 2px solid;
		width: 100%;
		padding: 10px;
		margin: 0 auto 30px auto;
	}
	main #evaluation .outline p {
		font-size: 16px;
	}
}
/**/

main #voice {
	margin-top: 55px;
}

@media screen and (max-width: 768px) {
	main #voice {
		margin-top: 0;
	}
}

main #voice .inner figure {
	position: relative;
	z-index: 10;
}

@media screen and (max-width: 768px) {
	main #voice .inner figure {
		display: none;
	}
}

main #voice .inner ul {
	display: none;
}

@media screen and (max-width: 768px) {
	main #voice .inner ul {
		display: block;
		width: 92.14%;
		margin: 0 auto;
		padding-bottom: 30px;
	}

	main #voice .inner ul>li {
		padding: 1px;
		box-shadow: 0px 3px 12px -6px rgba(0, 0, 0, 0.6);
	}

	main #voice .inner ul>li+li {
		margin-top: 15px;
	}

	main #voice .inner ul>li>div {
		padding: 10px 25px;
		background-color: #fff;
	}

	main #voice .inner ul>li>div span {
		display: block;
		font-size: 10px;
		font-family: 'Old Standard TT';
		font-weight: bold;
		letter-spacing: 0.15em;
	}

	main #voice .inner ul>li>div span i {
		display: inline-block;
		padding-left: 5em;
		color: #9b0aff;
		font-family: "Noto Sans JP", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
		font-weight: normal;
		vertical-align: baseline;
	}

	main #voice .inner ul>li>div p {
		margin-top: 5px;
		font-size: 12px;
		letter-spacing: 0.15em;
		line-height: 1.25;
	}
}

main #detail .item {
	position: relative;
	background: url(https://img21.shop-pro.jp/PA01481/610/etc/itemBnrPC01.jpg?cmsp_timestamp=20220401111922) no-repeat center bottom / cover;
	margin-top: -70px;
}

@media screen and (max-width: 768px) {
	main #detail .item {
		margin-top: 0;
		background: url(https://img21.shop-pro.jp/PA01481/610/etc/itemBnrSP01.jpg?cmsp_timestamp=20220401112040) no-repeat center top / contain;
	}
}

main #detail .item .inner {
	position: relative;
	height: 764px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner {
		padding-top: 184.96%;
		height: auto;
	}
}

main #detail .item .inner>* {
	position: absolute;
	display: block;
}

main #detail .item .inner>em {
	right: 15px;
	top: 135px;
	display: block;
	width: 310px;
	font-size: 32px;
	font-family: 'Hannari';
	letter-spacing: 0.1em;
	line-height: 1;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner>em {
		display: none;
		right: 42px;
		top: 6.08%;
		width: auto;
		font-size: 6.7vw;
	}
}

main #detail .item .inner>em i {
	display: block;
	font-size: 42px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner>em i {
		font-size: 9vw;
	}
}

main #detail .item .inner .present {
	left: 0;
	top: 85px;
	width: 41.93%;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .present {
		display: none;
		left: 10px;
		top: 20.6%;
		width: 56.77%;
	}
}

main #detail .item .inner .ldk {
	left: 40px;
	bottom: 80px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .ldk {
		display: none;
		left: 20px;
		top: 66.21%;
		bottom: auto;
	}
}

main #detail .item .inner .ldk div {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	flex-flow: row;
	align-items: flex-end;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .ldk div {
		display: block;
	}
}

main #detail .item .inner .ldk div img {
	width: 97px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .ldk div img {
		display: block;
		width: 102px;
		margin: 0 auto;
	}
}

main #detail .item .inner .ldk div ul {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	width: 125px;
	margin-left: 13px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .ldk div ul {
		width: 112px;
		margin: 25px auto 0;
	}
}

main #detail .item .inner .ldk div ul>li {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: calc((100% - 5px) / 2);
	height: 20px;
	margin-right: 5px;
	color: #fff;
	font-size: 14px;
	font-family: 'Hannari', 'Noto Serif JP';
	letter-spacing: 0.1em;
	line-height: 1;
	background-color: #808080;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .ldk div ul>li {
		font-size: 13px;
	}
}

main #detail .item .inner .ldk div ul>li:nth-child(2) {
	margin-right: 0;
}

main #detail .item .inner .ldk div ul>li:nth-child(3) {
	width: 100%;
	margin: 5px 0 0;
}

main #detail .item .inner .info {
	right: 15px;
	bottom: 80px;
	width: 310px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info {
		position: static;
		width: 215px;
		margin: 0 auto;
		padding-top: 40px;
	}
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div {
		position: static;
	}
}

main #detail .item .inner .info>div>* {
	display: block;
}

main #detail .item .inner .info>div strong {
	font-size: 20px;
	font-family: 'Hannari', 'Noto Serif JP';
	font-weight: normal;
	letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div strong {
		display: none;
		position: absolute;
		right: 10.67%;
		top: 38.14%;
		width: 1em;
		font-size: 5.6vw;
		text-align: center;
		line-height: 1.3;
	}
}

main #detail .item .inner .info>div p {
	margin-top: 30px;
	font-size: 17px;
	font-family: 'Noto Serif JP';
	letter-spacing: 0.15em;
	line-height: 1.17647;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div p {
		display: none;
		font-size: 16.5px;
	}
}

main #detail .item .inner .info>div p>* {
	display: block;
}

main #detail .item .inner .info>div p i {
	margin-top: 5px;
	font-size: 11px;
	font-family: "Noto Sans JP", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div p i {
		font-size: 12px;
	}
}

main #detail .item .inner .info>div p span {
	margin-top: 15px;
	font-size: 15px;
	font-family: "Noto Sans JP", "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3", "Hiragino Kaku Gothic Pro", "¥á¥¤¥ê¥ª", "Meiryo", "£Í£Ó £Ð¥´¥·¥Ã¥¯", "MS PGothic", sans-serif;
	letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div p span {
		display: inline-block;
		margin-top: 5px;
		font-size: 12px;
	}
}

main #detail .item .inner .info>div p b {
	margin-top: 5px;
	font-weight: normal;
	font-family: 'Hannari', 'Noto Serif JP';
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div p b {
		display: inline-block;
		margin-left: 1em;
		font-size: 14.5px;
	}
}

main #detail .item .inner .info>div big {
	margin-top: 20px;
	font-size: 24px;
	font-family: 'Noto Serif JP';
	letter-spacing: 0.15em;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div big {
		display: none;
		margin-top: 10px;
		font-size: 21px;
	}
}

/**/
main #detail .item .inner .info .send {
	margin-top: 5px;
	color: #ff008c;
	font-size: 20px;
	letter-spacing: 0.2em;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info .send {
		display: none;
	}
}
/**/

main #detail .item .inner .info>div big i {
	font-size: 17px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div big i {
		font-size: 15px;
	}
}

main #detail .item .inner .info>div big span {
	font-size: 13px;
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div big span {
		font-size: 11.5px;
	}
}

@media screen and (max-width: 768px) {
	main #detail .item .inner .info>div .btn01 {
		margin-top: 0;
	}

	main #detail .item .inner .info>div .btn01 a {
		margin: 0 auto;
	}
}

main #detail>.inner {
	position: relative;
	padding: 20px 15px 45px;
}

@media screen and (max-width: 768px) {
	main #detail>.inner {
		margin-top: 20px;
		padding: 20px 15px;
	}
}

main #detail>.inner:before {
	content: "";
	position: absolute;
	left: 50%;
	top: 0;
	display: block;
	width: 100vw;
	max-width: none;
	height: 100%;
	background-color: rgba(182, 197, 205, .1);
	transform: translateX(-50%);
}

main #detail>.inner>* {
	position: relative;
	display: block;
	width: 815px;
	margin-left: auto;
	margin-right: auto;
}

main #detail>.inner em {
	margin-bottom: 10px;
	padding-bottom: 5px;
	border-bottom: 1px #929292 solid;
	font-size: 11px;
	letter-spacing: 0.05em;
}

main #detail>.inner p {
	font-size: 11px;
	line-height: 1.45455;
}

main #detail .formulation {
	position: relative;
	padding-top: 100px;
}

@media screen and (max-width: 768px) {
	main #detail .formulation {
		padding-top: 45px;
	}
}

main #detail .formulation:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.05;
}

main #detail .formulation>hr {
	position: absolute;
	left: -9%;
	top: 0;
	width: 74.78%;
	height: 1px;
	transform: rotate(-25deg);
	transform-origin: right top;
}

main #detail .formulation .inner {
	position: relative;
	z-index: 1;
	text-align: center;
}

main #detail .formulation .inner>p {
	display: inline-block;
	font-size: 20px;
	font-family: 'Hannari', 'Noto Serif JP';
}

@media screen and (max-width: 768px) {
	main #detail .formulation .inner>p {
		font-size: 17.5px;
	}
}

main #detail .formulation .inner>p sup {
	font-size: 10px;
}

main #detail .formulation .inner>p span {
	display: block;
	font-size: 10px;
	text-align: right;
}

@media screen and (max-width: 768px) {
	main #detail .formulation .inner>p span {
		margin-top: 10px;
		text-align: center;
	}
}

main #detail .formulation .inner>em {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	width: 230px;
	height: 205px;
	margin: 40px auto 0;
	padding-top: 5px;
	border: 1px #000 solid;
	font-size: 40px;
	font-family: 'Old Standard TT';
	text-align: center;
	line-height: 1.05;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	main #detail .formulation .inner>em {
		width: 150px;
		height: 133px;
		font-size: 26px;
	}
}

main #detail .formulation .inner>em i {
	display: block;
	margin-top: 5px;
}

main #item {
	position: relative;
	padding: 95px 0 195px;
}

@media screen and (max-width: 768px) {
	main #item {
		padding-bottom: 60px;
	}
}

main #item:before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	width: 100%;
	height: 100%;
	opacity: 0.05;
}

main #item .inner>ul {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul {
		display: block;
	}
}

main #item .inner>ul>li {
	position: relative;
}

@media (min-width: 769px) {
	main #item .inner>ul>li {
		width: calc((100% - 90px) / 3);
		margin-right: 45px;
		padding-bottom: 150px;
	}

	main #item .inner>ul>li:nth-child(3n) {
		margin-right: 0;
	}

	main #item .inner>ul>li:nth-child(n+4) {
		margin-top: 235px;
	}

	main #item .inner>ul>li:nth-child(3n+1):nth-child(n+4)>span:before {
		content: "";
		position: absolute;
		left: 0;
		top: -106px;
		display: block;
		max-width: none;
		width: calc(300% + 90px);
		height: 1px;
		background-color: #000;
	}
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li+li {
		margin-top: 90px;
	}

	main #item .inner>ul>li+li>span:before {
		content: "";
		position: absolute;
		left: 50%;
		top: -46px;
		display: block;
		max-width: none;
		width: 100vw;
		height: 1px;
		background-color: #000;
		transform: translateX(-50%);
	}
}

main #item .inner>ul>li>* {
	display: block;
}

main #item .inner>ul>li>span {
	position: relative;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 50px;
	margin-bottom: 40px;
	padding-top: 4px;
	border: 1px #000 solid;
	font-size: 17px;
	font-family: 'Old Standard TT';
	letter-spacing: 0.2em;
	line-height: 1;
	background-color: #fff;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>span {
		width: 130px;
		height: 25px;
		margin: 0 auto 10px;
		font-size: 14px;
	}
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>figure {
		margin-top: 30px;
	}
}

main #item .inner>ul>li>em {
	margin-top: 70px;
	font-size: 15px;
	letter-spacing: 0.15em;
	text-align: center;
	line-height: 1.66667;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>em {
		margin-top: 20px;
		font-size: 13px;
	}
}

main #item .inner>ul>li>em i {
	font-size: 12px;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>em i {
		display: block;
		margin-top: 5px;
		font-size: 10px;
		line-height: 1.2;
	}

	main #item .inner>ul>li>em i+br {
		display: none;
	}
}

main #item .inner>ul>li>em span {
	font-size: 15px;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>em span {
		display: block;
		margin-top: 5px;
		font-size: 10px;
		line-height: 1.2;
	}
}

main #item .inner>ul>li>b {
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 0.15em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>b {
		margin-top: 10px;
		font-size: 12px;
	}
}

main #item .inner>ul>li>b i {
	font-size: 13px;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>b i {
		font-size: 10px;
	}
}

main #item .inner>ul>li>i {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 35px;
	margin: 25px auto 0;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1;
	background-color: #ebebeb;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>i {
		width: 55px;
		height: 25px;
		font-size: 12px;
	}
}

main #item .inner>ul>li>a {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 85px;
	height: 35px;
	margin: 25px auto 0;
	font-size: 12px;
	letter-spacing: 0.2em;
	line-height: 1;
	background-color: #ebebeb;
	text-decoration: none;
	transition: opacity 0.7s;
}

main #item .inner>ul>li>a:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
	main #item .inner>ul>li>a:hover {
		opacity: 1;
	}
}

main #item .inner>ul>li>a:hover img {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li>a {
		width: 55px;
		height: 25px;
		font-size: 12px;
	}
}

main #item .inner>ul>li p {
	margin-top: 35px;
	font-size: 14px;
	font-family: 'Noto Serif JP';
	letter-spacing: 0.15em;
	line-height: 1.42857;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li p {
		margin-top: 20px;
		font-size: 12px;
	}
}

main #item .inner>ul>li p small {
	display: block;
	margin-top: 20px;
	font-size: 11px;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li p small {
		margin-top: 15px;
		font-size: 10px;
	}
}

main #item .inner>ul>li .btn02 {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

@media screen and (max-width: 768px) {
	main #item .inner>ul>li .btn02 {
		position: static;
		width: 175px;
		margin: 30px auto 0;
	}
}

/*#copyright {
	position: relative;
	z-index: 1;
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	height: 155px;
	font-size: 22.56px;
	font-family: 'Old Standard TT';
	line-height: 1;
	background-color: rgba(0, 100, 181, .34);
}*/

#copyright2 {
	position: relative;
	z-index: 1;
	-js-display: block;
	display: block;
	flex-wrap: wrap;
	text-align:center;
	align-items: center;
	justify-content: center;
	padding:30px 0;
	font-size: 22.56px;
	font-family: 'Old Standard TT';
	line-height: 1;
	background-color: rgba(0, 100, 181, .34);
}

#copyright2 a {
 	display:block;
	width: 40px;
	height: auto;
	margin:15px auto 20px auto;
}

#copyright2 a img {
	width: 100%;
	height: auto;
}

#copyright2 small {
 	display:block;
 	font-style:normal;
 	font-size:12px;
	margin:0 auto;
}

@media screen and (max-width: 768px) {
	#copyright {
		height: 75px;
		font-size: 13px;
	}
}

#modalBg {
	position: fixed;
	z-index: 30000;
	left: 50%;
	top: 50%;
	display: block;
	width: 0;
	height: 0;
	transition: all 0.5s;
	background-color: rgba(255, 255, 255, .8);
	transform: translate(-50%, -50%);
}

#modalBg.show {
	width: 100%;
	height: 100%;
}

#modalWrap {
	position: fixed;
	z-index: 31000;
	left: 50%;
	top: 50%;
	display: block;
	width: 675px;
	max-width: 80%;
	height: 504px;
	max-height: 90%;
	border: 1px #0ff solid;
	background-color: #e0ffff;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all 1s;
}

#modalWrap.show {
	opacity: 1;
	visibility: visible;
}

#modalWrap #modalScroll {
	position: relative;
	width: 100%;
	height: 100%;
	overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}

#modalWrap #modalScroll>a {
	position: absolute;
	right: 45px;
	top: 40px;
	display: block;
	width: 50px;
	height: 50px;
}

@media screen and (max-width: 768px) {
	#modalWrap #modalScroll>a {
		right: 30px;
		top: 10px;
		width: 30px;
		height: 30px;
	}
}

#modalWrap #modalScroll>a:before, #modalWrap #modalScroll>a:after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 70px;
	height: 1px;
	background-color: #000;
}

@media screen and (max-width: 768px) {
	#modalWrap #modalScroll>a:before, #modalWrap #modalScroll>a:after {
		width: 45px;
	}
}

#modalWrap #modalScroll>a:before {
	left: 20px;
	transform: rotate(45deg);
	transform-origin: left top;
}

@media screen and (max-width: 768px) {
	#modalWrap #modalScroll>a:before {
		left: 15px;
	}
}

#modalWrap #modalScroll>a:after {
	transform: rotate(-45deg);
	transform-origin: right top;
}

#modalWrap #modalScroll #modalContent {
	padding: 50px 60px;
	font-size: 13px;
	letter-spacing: 0.05em;
}

@media screen and (max-width: 768px) {
	#modalWrap #modalScroll #modalContent {
		padding: 15px 20px;
	}
}

#modalWrap #modalScroll #modalContent em {
	display: block;
	margin-bottom: 35px;
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	#modalWrap #modalScroll #modalContent em {
		margin-bottom: 20px;
		padding-top: 40px;
	}
}

#modalWrap #modalScroll #modalContent span {
	display: block;
	margin-bottom: 30px;
	padding-bottom: 10px;
	border-bottom: 1px #000 solid;
}

@media screen and (max-width: 768px) {
	#modalWrap #modalScroll #modalContent span {
		margin-bottom: 20px;
	}
}

.header {
	background-color: #dcffff;
}

.header .inner {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	width: 1030px;
	height: 120px;
	margin: 0 auto;
	padding: 0 15px;
}

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

.header .inner a.logo {
	display: block;
	width: 180px;
	margin-right: auto;
}

@media screen and (max-width: 768px) {
	.header .inner a.logo {
		width: 90px;
	}
}

.header .inner a.back {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	width: 130px;
	height: 50px;
	margin-left: auto;
	font-size: 18px;
	font-family: 'Noto Serif JP';
	line-height: 1;
	background-color: #fff;
}

.header .inner a.back:hover {
	text-decoration: none;
	opacity: 0.6;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) and (max-width: 768px) {
	.header .inner a.back:hover {
		opacity: 1;
	}
}

@media screen and (max-width: 768px) {
	.header .inner a.back {
		width: 90px;
		height: 30px;
		font-size: 14px;
	}
}

.content .inner {
	width: 1030px;
	margin: 0 auto;
	padding: 100px 15px;
}

@media screen and (max-width: 768px) {
	.content .inner {
		padding: 40px 15px;
	}
}

.content .inner>* {
	margin: auto;
	line-height: 1.875;
}

.content .inner .c-ttl-second {
	margin: 140px 0 10px;
	font-size: 18px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.content .inner .c-ttl-second {
		margin-top: 50px;
	}
}

.content .inner .c-tbl-list__tr {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	padding: 20px 0;
	border-top: 1px #c5c5c5 solid;
}

@media screen and (max-width: 768px) {
	.content .inner .c-tbl-list__tr {
		display: block;
		padding: 10px 0;
	}
}

.content .inner .c-tbl-list__tr:last-child {
	border-bottom: 1px #c5c5c5 solid;
}

.content .inner .c-tbl-list__tr .c-tbl-list__th {
	width: 300px;
	font-weight: bold;
}

@media screen and (max-width: 768px) {
	.content .inner .c-tbl-list__tr .c-tbl-list__th {
		width: auto;
	}
}

.content .inner .c-tbl-list__tr .c-tbl-list__td {
	width: calc(100% - 300px);
}

@media screen and (max-width: 768px) {
	.content .inner .c-tbl-list__tr .c-tbl-list__td {
		width: auto;
		margin-top: 5px;
	}
}