*,
*::before,
*::after {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
html {
	font-size: 5vw;
}
picture,
img {
	width: 100%;
	display: block;
}
button {border: unset;}
ul {font-size: 0;}
.visuallyhidden {
    position: absolute;
    clip: rect(1px, 1px, 1px, 1px);
    -webkit-clip-path: inset(0px 0px 99.9% 99.9%);
    clip-path: inset(0px 0px 99.9% 99.9%);
    overflow: hidden;
    height: 1px;
    width: 1px;
    padding: 0;
    border: 0;
}
#promo-mask {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: white;
	z-index: 1;
}
#promo-mask > div {
	position: relative;
	margin: 12em auto auto;
	width: 2em;
	height: 2em;
	transform: rotate(-90deg);
}
#promo-mask > div > div {
	position: absolute;
	top: calc(var(--i) * .75em);
	left: 0;
	height: .5em;
	width: 0em;
	background: lightblue;
	animation: loading .75s infinite;
	animation-delay: calc(var(--i) * .1s);
}
@keyframes loading {
	0% {width: 0em;}
	30% {width: 1.5em;}
	40% {width: 1em;}
	65% {width: 2em;}
	100% {width: 0em;}
}
.sitelogo {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	z-index: 2;
}
.sitelogo > a {
	padding: .5em;
}
.sitelogo > .logo {
	width: calc(40% + 1em);
	max-width: 272px;
}
.sitelogo > .home {
	width: calc(5% + 1em);
	max-width: 56px;
}
/*=====================================*/
.promo {
	position: relative;
	margin: auto;
	max-width: 500px;
	font-size: 16px;
	line-height: 1;
	color: rgba(72, 72, 72, 1);
	scroll-behavior: smooth;
}
.promo-sec,
.promoheader {
	position: relative;
}
.h1 {
	position: absolute;
}
.h1-1 {
	top: 6.875rem;
	left: 7.8125%;
	padding-bottom: 4px;
	width: 84.375%;
	border-bottom: 1px solid #3a302e;
}
.h1-2 {
	top: 5rem;
	left: 28.75%;
	width: 42.5%;
}
.h1-3 {
	top: 11.1875rem;
	left: 28.125%;
	width: 43.125%;
	height: 1.75rem;
	border: 1px solid #564c4a;
	display: flex;
	justify-content: center;
	align-items: center;
}
.h1-3 > img {
	height: 59.2593%;
}
.promoheader > ul {
	display: none;
}
.btn {
	margin: auto;
	padding: 0;
	width: 50%;
	height: 3.125rem;
	background-color: #d4703f;
	border-radius: 100px;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.btn-1 {
	position: absolute;
	left: 25%;
	bottom: .375rem;
}
.btn > img {
	height: 40%;
	pointer-events: none;
}
.mutter {
	position: relative;
	padding-top: .875rem;
	width: 100%;
	height: 27.5rem;
	background-image: url(../img/promo-6-sec1-bg-s.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	overflow: hidden;
}
.mutter > li {
	position: relative;
	margin-left: 200%;
	margin-bottom: 5.9375%;
	padding: 1.875% 3.125%;
	background-color: rgba(255, 255, 255, .85);
	border-radius: .25rem;
	display: inline-block;
	opacity: 0;
	transition: margin-left .8s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity .6s ease-out;
	transition-delay: calc(var(--i) * .3s);
}
.mutter > li:nth-of-type(2) {
	width: 69%;
}
.mutter > li.active {
	opacity: 1;
}
.mutter > li:nth-of-type(1).active {
	margin-left: 31.25%;
}
.mutter > li:nth-of-type(2).active {
	margin-left: 7.5%;
}
.mutter > li:nth-of-type(3).active {
	margin-left: 18.125%;
}
.mutter > li:nth-of-type(4).active {
	margin-left: 28.125%;
}
.mutter > li:nth-of-type(5).active {
	margin-left: 35.625%;
}
.mutter > li:nth-of-type(6).active {
	margin-left: 44.375%;
}
.mutter > li:nth-of-type(7).active {
	margin-left: 31.25%;
}
.mutter > li:nth-of-type(8).active {
	margin-left: 32.1875%;
}
.mutter > li > img {
	height: 1rem;
	width: auto;
}
.mutter > li:nth-of-type(2) > img:nth-of-type(2) {
	margin-left: 25.9%;
	margin-top: .375rem;
}
.slogan {
	position: relative;
	margin: 0 auto;
	width: auto;
	height: 1.5rem;
}
.slogan-2 {
	margin-top: 3.75%;
	margin-bottom: 9.375%;
}
.promo-sec2 {
	position: relative;
	padding-bottom: 10%;
	background-color: rgb(228, 217, 212);
	overflow: hidden;
}
.promo-sec2::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 30%;
	background-color: rgb(241, 236, 233);
	z-index: 1;
}
.promo-sec2::after {
	content: "";
	position: absolute;
	left: -60%;
	bottom: .625rem;
	width: 220%;
	aspect-ratio: 1;
	background-color: white;
	border-radius: 50%;
	rotate: 45deg;
	z-index: 0;
}
.promo-sec2 > * {
	position: relative;
	z-index: 1;
}
.kyoto {
	width: 100%;
	background-image: linear-gradient(to bottom, rgb(255, 255, 255) 0, rgba(255, 255, 255, 0) 85%);
}
.h2 {
	margin: auto;
	padding: 2.5% 0;
	width: 84.375%;
	border: 1px solid #433026;
	display: flex;
	justify-content: center;
	align-items: center;
}
.h2 > img {
	height: 1.5rem;
}
.records {
	position: relative;
	padding-top: 3.125%;
}
.rec-1 {
	margin-bottom: 1.25%;
	height: 1.375rem;
}
.rec-2 {
	margin-bottom: 2.8125%;
	height: 1.6875rem;
}
.rec-3 {
	height: 1.75rem;
}
.promo-sec3,
.promo-sec5 {
	position: relative;
	padding-top: 15.625%;
	background-color: #fff7f3;
}
.promo-sec3::after {
	content: "";
	position: absolute;
	right: 0;
	bottom: 0;
	width: 14.0625%;
	aspect-ratio: 1.373;
	background: url(../img/promo-6-corner-1.svg) 100%/100% no-repeat;
	background-position: right bottom;
}
.promo-sec3 .h2 {
	flex-wrap: wrap;
}
.promo-sec3 .h2 > img:first-of-type {
	margin-bottom: 4.445%;
}
.goldenTri {
	padding: 0 12.5% 12.5% 15%;
}
.goldenTri li {
	position: relative;
}
.goldenTri li:nth-of-type(n+2) {
	margin-top: 19.83%;
}
.goldenTri li > img {
	position: absolute;
	left: 0;
	top: 0;
	width: 15.086%;
}
.goldenTri .h3 {
	position: relative;
	margin-left: 15.086%;
	padding: 3.448% 0 1.724%;
	width: 84.483%;
	border-bottom: 1px solid #524239;
}
.goldenTri .h3 > img {
	margin: auto;
	height: 1.5rem;
}
.goldenTri li p {
	padding-top: .5em;
	font-size: 1rem;
	letter-spacing: 1px;
    text-align: justify;
	line-height: 1.5;
	color: #524239;
}
.blue-red {
	position: absolute;
	left: 0;
	top: 74.4%;
	width: 100%;
	color: white;
	display: flex;
	justify-content: center;
	align-items: flex-start;
}
.blue-red > ul {
	width: 50%;
	font-size: 0;
}
.blue-red li {
	position: relative;
	margin-bottom: .625em;
	font-size: 1rem;
	display: flex;
	justify-content: center;
	align-items: center;
}
.blue-red li::before {
	content: "";
	position: relative;
	margin-right: .375em;
	width: .8125em;
	aspect-ratio: 1;
	background: url(../img/promo-6-hook.svg) no-repeat;
}
.promo-sec5 {
	padding-top: 12.5%;
	padding-bottom: 18.125%;
}
.table {
	position: relative;
	margin: 9.375% auto 0;
	width: 84.375%;
	background-color: white;
	border: 1px solid #e4d9d4;
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
}
.table > ul {
	position: relative;
	padding: 6.3% 0 1.85%;
	width: 27.51%;
}
.table > ul:nth-of-type(1) {
	width: 17.47%;
}
.table > ul:nth-of-type(2) {
	margin-top: -2px;
	margin-bottom: -2px;
	font-weight: 500;
	border: 2px solid #c49076;
}
.table > ul:nth-of-type(2)::before {
	content: "";
	position: absolute;
	left: -10px;
	top: -5.75%;
	width: 40%;
	aspect-ratio: 1;
	background: url(../img/promo-6-crown.svg) 100% no-repeat;
	background-position-y: bottom;
	rotate: -15deg;
}
.table > ul > li {
	position: relative;
	/*height: calc(25 * var(--set-vw));*/
	height: 5rem;
	font-size: 1rem;
	color: #524239;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-flow: column;
	flex-wrap: wrap;
	gap: .375em;
}
.table > ul > li:first-of-type {
	height: 4.4375rem;
}
.table > ul > li:last-of-type {
	height: 6.75rem;
	line-height: 1.375;
}
.table > ul > li:nth-of-type(n+2)::after {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
	width: 80%;
	height: 1px;
	background-color: #6f4e3c;
}
.table > ul:last-of-type > li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 1px;
	height: 100%;
	background-color: #6f4e3c;
}
.table > ul > li span {
	display: block;
}
.promo-sec6 {
	padding-bottom: 5%;
	background-color: #fff7f3;
}
.case-view {
	position: relative;
	margin: 6.25% auto;
	width: 73.75%;
	--gaps: calc((var(--i) - 1) * 6px);
}
.case-view::before,
.case-view::after {
	content: "";
	position: absolute;
	top: 45%;
	left: -1.125rem;
	width: 0;
	height: 0;
	border-color: transparent #433026 transparent transparent;
	border-style: solid;
	border-width: .5rem .3125rem;
}
.case-view::after {
	right: -1.125rem;
	left: auto;
	rotate: 180deg;
}
.case-view-inner {
	width: 100%;
	overflow: scroll hidden;
}
.case-view ul {
	width: calc(var(--i) * 100% + var(--gaps));
	display: flex;
	justify-content: flex-start;
	align-items: stretch;
	gap: 6px;
}
.case-view li {
	width: calc((100% - var(--gaps)) / var(--i));
	background-color: white;
	border: 1px solid #e4d9d4;
}
.case-view .h3 {
	padding: 1rem 0;
	border-bottom: 1px solid #e4d9d4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.case-view .h3 > img {
	height: 1.5rem;
}
.ng-ok,
.ng-ok > div {
	background-color: #e4d9d4;
	display: flex;
	justify-content: center;
	align-items: center;
}
.ng-ok > div {
	width: 50%;
	height: 1.625rem;
}
.ng-ok > div > img {
	height: 50%
}
.case-view p {
	padding: 1em .75em .5em .8125em;
	font-size: 1rem;
	letter-spacing: 1px;
	text-align: justify;
	line-height: 1.5;
	color: #524239;
}
.case-view p > span {
	color: #ad8470;
}
.promo-sec7 {
	padding-top: 6.25%;
	background-color: white;
}
.license {
	position: relative;
	margin-top: 7.8125%;
}
.license::after {
	content: "";
	position: absolute;
	left: 0;
	top: 16%;
	width: 100%;
	height: 68%;
	background-color: #e4d9d4;
	z-index: 0;
}
.license > img {
	position: relative;
	margin: auto;
	width: 91.5625%;
	filter: drop-shadow(0px 1px 2px rgb(210, 210, 210));
	z-index: 1;
}
.promo-sec8 .h2 {
	position: absolute;
	left: 0;
	right: 0;
	top: 3.4375rem;
}
.quility {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 2.5rem;
	margin: auto;
	width: 84.375%;
	aspect-ratio: 1.3846;
}
.quility > div {
	position: absolute;
	width: 40.3704%;
	aspect-ratio: 1.1065;
	font-size: 1rem;
	text-align: center;
	line-height: 1.5;
	color: #524239;
	background: url(../img/promo-6-laureate.png) no-repeat;
	background-position: center center;
	background-size: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.quility > div:nth-of-type(1) {
	top: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.quility > div:nth-of-type(2) {
	left: 0;
	bottom: 0;
}
.quility > div:nth-of-type(3) {
	right: 0;
	bottom: 0;
}
.promo-sec9 {
	padding: 14.0625% 0 7.8125%;
	background-color: #e4d9d4;
}
.faq {
	position: relative;
	margin: 6.25% auto 7.8125%;
	width: 85.3125%;
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 1rem;
}
.faq li {
	font-size: 1rem;
	text-align: justify;
	color: #524239;
	background-color: white;
	border-radius: 2em;
	box-shadow: 0 5px 8px 0px #c3b9b5;
	transition: border-radius .35s ease-out;
}
.faq li.active {
	border-radius: 1.5em;
}
.faq .q {
	position: relative;
	padding: 0 2em;
	height: 3.375em;
	font-weight: 500;
	line-height: 1.32;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	cursor: pointer;
}
.faq .q::before {
	content: "Q. ";
	position: absolute;
	top: calc(50% - .5em);
	left: .625em;
	width: 1em;
	line-height: 1;
}
.faq .q::after {
	content: "";
	position: absolute;
	right: .75em;
	top: calc(50% - .28125em);
	width: .75em;
	height: .5625em;
	background: url(../img/promo-6-arrow.svg) no-repeat;
	background-size: cover;
	rotate: 180deg;
	transition: rotate .2s ease;
}
.faq li.active .q::after {
	rotate: 0deg;
}
.faq .q > * {
	pointer-events: none;
}
.faq .a {
	position: relative;
	height: 0;
	opacity: 0;
    overflow: hidden;
    transition: height .35s ease-out, opacity .45s ease-out;
}
.faq li.active .a {
	opacity: 1;
}
.faq .a > div {
	padding: .75em .75em 1em 1em;
	letter-spacing: 1px;
	line-height: 1.5;
}
.faq .a > div::before {
	content: "";
	position: absolute;
	top: 0;
	left: 4.21%;
	width: 91.58%;
	height: 1px;
	background-color: #524239;
}
@media only screen and (min-width: 500px) {
	html {
		font-size: 25px;
	}
}
@media only screen and (min-width: 768px) {
	.sitelogo > .logo {
		width: calc(25% + 1em);
	}
	.sitelogo > .home {
		width: calc(4% + 1em);
	}
	html {
		font-size: 2.86458vw;
	}
	.promo {
		max-width: 1280px;
	}
	.h1-1 {
		top: 7.63636rem;
		left: 9.375%;
		padding-bottom: 6px;
		width: 48.5677%;
	}
	.h1-2 {
		top: 5.45455rem;
		left: 21.3542%;
		width: 24.74%;
	}
	.h1-3 {
		top: 12.0455rem;
		left: 21.224%;
		width: 24.74%;
		height: 1.77273rem;
	}
	.h1-3 > img {
		height: 62.1622%;
	}
	.promoheader > ul {
		position: absolute;
		left: 25.26%;
		top: 15.1364rem;
		width: 16.6667%;
		display: block;
	}
	.promoheader li {
		position: relative;
		padding-left: 1.27273em;
		font-size: 1.0455rem;
		letter-spacing: 1px;
		color: #433026;
	}
	.promoheader li:nth-of-type(n+2) {
		margin-top: .8182rem;
	}
	.promoheader li::before {
		content: "";
		position: absolute;
		left: 0;
		top: calc(50% - .1818em);
		width: .3636em;
		aspect-ratio: 1;
		background-color: #433026;
		border-radius: 1em;
	}
	.btn {
		width: 29.95%;
		height: 3.273rem;
	}
	.btn > img {
		height: 38.889%;
	}
	.btn-1 {
		left: 18.88%;
		bottom: 2.182rem;
	}
	.mutter {
		padding-top: 2.8182rem;
		height: 26.5145rem;
		background-image: url(../img/promo-6-sec1-bg-m.jpg);
	}
	.mutter > li {
		margin-bottom: 3.125%;
		padding: 1.042% 1.823%;
		border-radius: .2273rem;
	}
	.mutter > li > img {
		height: .9091rem;
	}
	.mutter > li:nth-of-type(2) {
		width: auto;
	}
	.mutter > li:nth-of-type(2) > img {
		display: inline-block;
	}
	.mutter > li:nth-of-type(2) > img:nth-of-type(2) {
		margin-top: 0;
		margin-left: .27273rem;
	}
	.mutter > li:nth-of-type(1).active {
		margin-left: 42.8385%;
	}
	.mutter > li:nth-of-type(2).active {
		margin-left: 29.6875%;
	}
	.mutter > li:nth-of-type(3).active {
		margin-left: 40.625%;
	}
	.mutter > li:nth-of-type(4).active {
		margin-left: 43.2292%;
	}
	.mutter > li:nth-of-type(5).active {
		margin-left: 38.671875%;
	}
	.mutter > li:nth-of-type(6).active {
		margin-left: 54.1667%;
	}
	.mutter > li:nth-of-type(7).active {
		margin-left: 38.28125%;
	}
	.mutter > li:nth-of-type(8).active {
		margin-left: 48.177%;
	}
	.slogan {
		margin-left: 12.76%;
		height: 1.8182rem;
	}
	.slogan-2 {
		margin-top: 1rem;
		margin-left: 33.59375%;
		margin-bottom: 0;
	}
	.promo-sec2::after {
		bottom: 1.45455rem;
		left: -50%;
		width: 200%;
	}
	.kyoto {
		padding-top: 1.3636rem;
	}
	.kyoto > img {
		margin: auto;
		width: 80.9896%;
	}
	.h2 {
		padding: .86364rem 0;
		width: 80.9896%;
	}
	.h2 > img {
		height: 1.9091rem;
		width: auto;
	}
	.records {
		padding-top: 0;
	}
	.rec-1 {
		margin-bottom: 0;
		height: 2rem;
	}
	.rec-2 {
		margin-bottom: .27273rem;
		height: 2.5rem;
	}
	.rec-3 {
		height: 2.59091rem;
	}
	.promo-sec3 {
		padding-top: 6.12%;
	}
	.promo-sec3 .h2 {
		margin-bottom: .75rem;
		flex-wrap: nowrap;
	}
	.promo-sec3 .h2 > img:first-of-type {
		margin-bottom: 0;
		margin-right: 1rem;
	}
	.goldenTri {
		padding: 0 12.76% 5.46875%;
	}
	.goldenTri li {
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		gap: 1rem;
	}
	.goldenTri li:nth-of-type(n+2) {
		margin-top: 2.4545rem;
	}
	.goldenTri li > img {
		position: relative;
		width: 2.9091rem;
	}
	.goldenTri li > div {
		width: calc(100% - 1rem - 2.9091rem);
	}
	.goldenTri .h3 {
		margin-left: 0;
		padding-top: 0;
		padding-bottom: .36364rem;
		width: 100%;
	}
	.goldenTri .h3 > img {
		margin-left: 0;
		height: 1.8182rem;
		width: auto;
	}
	.goldenTri li p {
		padding-top: .5454em;
		line-height: 1.455;
	}
	.blue-red {
		top: 20.7273rem;
	}
	.blue-red > ul {
		padding-left: 4.25rem;
	}
	.blue-red > ul:nth-of-type(2) {
		padding-left: 0;
		padding-right: 4.5rem;
	}
	.blue-red li {
		margin-bottom: .591em;
	}
	.promo-sec5 {
		padding-top: 9.115%;
		padding-bottom: 7.8125%;
	}
	.table {
		margin-top: 4.43%;
		width: 74.21875%;
	}
	.table > ul {
		padding: 0;
		width: 28.76%;
	}
	.table > ul:nth-of-type(1) {
		width: 13.72%;
	}
	.table > ul:nth-of-type(2)::before {
		left: -15px;
		top: -12.5%;
		width: 29%;
	}
	.table > ul > li,
	.table > ul > li:first-of-type {
		height: 2.86em;
		flex-flow: unset;
		gap: 0;
	}
	.table > ul > li:last-of-type {
		height: 4.8182em;
		line-height: 1.45455;
	}
	.table > ul > li span {
		display: inline;
	}
	.table > ul:nth-of-type(1) > li:nth-of-type(n+2)::after {
		width: 59%;
	}
	.promo-sec6 {
		padding-bottom: 3.91%;
	}
	.case-view {
		margin: 2.34375% auto 5.6%;
		/*width: 100%;*/
		width: 87.109375%;
		--views: 3;
	}
	.case-view::before,
	.case-view::after {
		display: none;
	}
	.case-view ul {
		/*width: calc(var(--i) * 100% / 3 + var(--gaps));*/
		width: calc(200% + 6px);
		justify-content: center;
	}
	.case-view li {
		width: calc((100% - var(--gaps)) / var(--i));
		/*width: 28.515625%;*/
	}
	.case-view .h3 > img {
		height: 1.2728rem;
	}
	.ng-ok > div {
		height: 2rem;
	}
	.ng-ok > div > img {
		height: 29.545%;
	}
	.case-view p {
		padding: .5455rem .7273rem .6364rem .7727rem;
		line-height: 1.45455;
	}
	.promo-sec7 {
		padding-top: 3.91%;
	}
	.license {
		margin-top: 6.25%;
	}
	.license > img {
		width: 77.865%;
	}
	.promo-sec8 .h2 {
		top: 5.21%;
	}
	.quility {
		/*bottom: 1.5rem;*/
		bottom: 3rem;
		width: 61.2%;
	}
	.quility > div:nth-of-type(1) {
		width: 40.64%;
	}
	.promo-sec9 {
		padding: 2rem 0 2.1364rem;
	}
	.faq {
		margin: 1.5rem auto 1.682rem;
		width: 74.21875%;
	}
	.faq .q {
		padding: 0 2.41em;
	}
	.faq .q::before {
		left: 1.091em;
	}
	.faq .q::after {
		top: calc(50% - .41em);
		right: 1.36em;
		width: .91em;
		height: .82em;
	}
	.faq .a > div {
		padding: .5rem 1.36rem 1.5rem 1.5rem;
		line-height: 1.45455;
	}
}
@media only screen and (min-width: 1024px) {
	html {
		font-size: 2.1484375vw;
	}
	.h1-1 {
		top: 7.45455rem;
		left: 12.012%;
		padding-bottom: 7px;
		width: 43.75%;
	}
	.h1-2 {
		top: 4.591remrem;
		left: 22.8515625%;
		width: 18.359375%;
	}
	.h1-3 {
		top: 12.7273rem;
		left: 22.65625%;
		width: 22.265625%;
		height: 2.1364rem;
	}
	.h1-3 > img {
		height: 57.778%;
	}
	.promoheader > ul {
		top: 16.45455rem;
		left: 26.3671875%;
		width: 15%;
	}
	.promoheader li {
		padding-left: 1.364rem;
		font-size: 1.27273rem;
	}
	.btn {
		width: 22.4609375%;
		height: 3.27273rem;
	}
	.btn-1 {
		left: 22.265625%;
		bottom: 2.364rem;
	}
	.mutter {
		padding-top: 4rem;
		height: 28.145455rem;
		background-image: url(../img/promo-6-sec1-bg-l.jpg);
	}
	.mutter > li {
		margin-bottom: 2.34375%;
		padding: .36365rem .682rem;
	}
	.mutter > li:nth-of-type(1).active {
		margin-left: 44.7265625%;
	}
	.mutter > li:nth-of-type(2).active {
		margin-left: 34.765625%;
	}
	.mutter > li:nth-of-type(3).active {
		margin-left: 42.96875%;
	}
	.mutter > li:nth-of-type(4).active {
		margin-left: 44.921875%;
	}
	.mutter > li:nth-of-type(5).active {
		margin-left: 41.6015625%;
	}
	.mutter > li:nth-of-type(6).active {
		margin-left: 53.125%;
	}
	.mutter > li:nth-of-type(7).active {
		margin-left: 41.2109375%;
	}
	.mutter > li:nth-of-type(8).active {
		margin-left: 48.6328125%;
	}
	.slogan {
		margin-left: 22.07%;
	}
	.slogan-2 {
		margin-left: 37.6953125%;
	}
	.promo-sec2 {
		padding-bottom: 6.16234375%;
	}
	.promo-sec2::before {
		background-color: rgb(247, 244, 243);
	}
	.promo-sec2::after {
		left: -75%;
		width: 250%;
	}
	.kyoto {
		padding-top: 1.5rem;
	}
	.kyoto > img,
	.h2 {
		width: 60.84%;
	}
	.promo-sec3 {
		padding-top: 7.6171875%;
	}
	.promo-sec3 .h2 {
		margin-bottom: 0;
	}
	.goldenTri {
		padding: 0 22.119% 6.8359375%;
	}
	.blue-red {
		top: 15.091rem;
	}
	.blue-red > ul {
		padding-left: 2.5rem;
	}
	.blue-red > ul:nth-of-type(2) {
		padding-right: 2.5rem;
	}
	.promo-sec5 {
		padding-top: 2rem;
		padding-bottom: 2rem;
	}
	.table {
		margin-top: 4.883%;
		width: 55.76171875%;
	}
	.case-view {
		margin: 3.125% auto 2.63671875%;
		width: 83.7890625%;
	}
	.case-view li {
		/*width: 27.54%;*/
	}
	.license {
		margin-top: 1rem;
	}
	.license::after {
		top: 18%;
		height: 56%;
	}
	.license > img {
		width: 69.24%;
	}
	.promo-sec8 .h2 {
		top: 1rem;
	}
	.quility {
		bottom: 3.5rem;
		width: 46%;
	}
	.faq {
		width: 55.665%;
	}
}
@media only screen and (min-width: 1280px) {
	html {
		font-size: 27.5px;
	}
	.promo {
		box-shadow: 0 0 10px 0px rgb(170, 170, 170);
	}
}