@charset "UTF-8";

@media screen and (max-width: 1009px) {
	.Footer,
	.l-column {
		min-width: 0;
	}
}

body{
	color: #755555;
	font-family: "IBM Plex Sans JP", sans-serif !important;
}

a{
	text-decoration: none;
	color:#755555;
	transition: all .25s ease;
}


.q10kajitsugumi-frame {
	position: fixed;
	top: 0;
	left: 0;
	box-sizing: border-box;
	width: 100%;
	height: 100%;
	padding: 10px;
	background: linear-gradient(to right, #D49B3B 1%, #FDDFAD 100%);
	-webkit-mask:
		linear-gradient(to bottom, #fff, #fff) content-box,
		linear-gradient(to bottom, #fff, #fff);
	-webkit-mask-composite: destination-out;
	mask:
		linear-gradient(to bottom, #fff, #fff) content-box,
		linear-gradient(to bottom, #fff, #fff);
	mask-composite: exclude;
	pointer-events: none;
	z-index: 9999;
}

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

	.q10kajitsugumi-frame {
		position: absolute;
		top:  -52px;
		left: 0;
		width: 100%;
		height: 100svh;
		height: calc(100% + 52px);
	}
}


/* header ---------------------------------------*/

.l-header {
    display: flex;
    align-items: center;
    height: 58px;
    background-color: #fff
}

@media screen and (max-width:767px) {
    .l-header {
        height: 52px
    }
}

.l-header__logo {
    margin: 0 24px
}

@media screen and (max-width:767px) {
    .l-header__logo {
        margin: 0 20px
    }
}

.l-header__logo a {
    display: block;
    width: 88px
}

.l-header__logo img {
    display: block;
    width: 100%;
    height: auto
}

/* kv ---------------------------------------*/

.q10kajitsugumikv-wrapper {
	position: relative;
}

.q10kajitsugumikv {
	position: relative;
}

.q10kajitsugumikv-slider {
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumikv-slider-item {
	width: 100%;
	height: auto;
}

.q10kajitsugumikv-slider-item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 13px;
}

.swiper-pagination-bullet {
	background: #FFF;
	opacity: 1;
	width: 10px;
	height: 10px;
}

.swiper-pagination-bullet-active {
	background: #005BAC;
	opacity: 1;
	position: relative;
}

.swiper-pagination-bullet-active::after {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #fff;
	transform: scale(1.3);
}

.sr-only {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
}


/* contents ---------------------------------------*/

.q10kajitsugumiwrapper {
	background-color: #20B9EE;
	position: relative;
	overflow: hidden;
}

.q10kajitsugumibg-circle {
	border-radius: 50%;
	border: 2px solid #C8E8F8;
	filter: blur(844px);
	position: absolute;
	pointer-events: none;
}

.q10kajitsugumibg-circle-01 {
	width: 552.78vw;
	height: 7960px;
	top: -116.67vw;
	left: 42.01vw;
	background-color: #C8E8F8;
}

.q10kajitsugumibg-circle-02 {
	width: 81.88vw;
	height: 1179px;
	top: 138.89vw;
	left: -37.57vw;
	background-color: #C8E8F8;
}

.q10kajitsugumibg-circle-03 {
	width: 320.07vw;
	height: 4609px;
	bottom: -84.86vw;
	left: -270.07vw;
	background-color: #C8E8F8;
}

.q10kajitsugumi-nav {
	padding: 48px 40px 56px;
	position: relative;
	z-index: 2;
}

.q10kajitsugumiinner {
	max-width: 1200px;
	margin: 0 auto;
}

.q10kajitsugumi-nav-list {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	background: rgba(255, 255, 255, 0.7);
	border-radius: 500px;
	padding: 17px 10px 12px;
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-nav-list-item {
	margin-bottom: 5px;

}

.q10kajitsugumi-nav-list-item a {
	font-size: 15px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.02em;
	padding: 0 20px 0 20px;
	display: block;
	margin: 0 7px;
	position: relative;
	transition: all 0.3s ease;
}

.q10kajitsugumi-nav-list-item a:hover {
	font-weight: 700;
}

.q10kajitsugumi-nav-list-item a::after {
	content: '';
	position: absolute;
	right: 2px;
	top: 50%;
	transform: translateY(-50%);
	width: 12px;
	height: 12px;
	background: url('/q10kajitsu-gumi/assets/img/icon_arrow_bottom.svg') no-repeat center center / contain;
}

.q10kajitsugumi-headerbnr {
	text-align: center;
	margin-bottom: 58px;
	position: relative;
	z-index: 2;
	padding: 0 40px;
}

.q10kajitsugumi-headerbnr a {
	display: inline-block;
	border-radius: 20px;
	overflow: hidden;
	transition: all 0.3s ease;
}

.q10kajitsugumi-headerbnr a:hover {
	opacity: 0.7;
}

.q10kajitsugumi-headerbnr img {
	max-width: 100%;
}

.q10kajitsugumi-news {
	padding: 0 40px 142px;
	position: relative;
	overflow: hidden;
}

.q10kajitsugumi-news-block-wrapper {
	position: relative;
}

.q10kajitsugumi-news-block {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	padding: 48px 110px 46px 136px;
	background: rgba(255, 255, 255, 0.9);
	border-radius: 48px;
	overflow: hidden;
}

.q10kajitsugumi-news-block-head {
	width: 142px;
}

.q10kajitsugumi-news-block-head-title {
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-news-block-body {
	width: calc(100% - 250px);
}

.q10kajitsugumi-news-block-body-list {
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-news-block-body-list-item {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.q10kajitsugumi-news-block-body-list-item:not(:last-child) {
	margin-bottom: 20px;
}

.q10kajitsugumi-news-block-body-list-item-date {
	width: 106px;
	color: #EDC67C;
	font-size: 12px;
	font-weight: 500;
	line-height: 1.6;
}

.q10kajitsugumi-news-block-body-list-item-title {
	width: calc(100% - 106px);
	font-size: 14px;
	font-weight: 500;
	line-height: 1.54;
	letter-spacing: 0.07px;
	text-decoration-style: solid;
	text-decoration-skip-ink: none;
	text-decoration-thickness: auto;
	text-underline-offset: 12%;
	text-underline-position: from-font;
	transition: all 0.3s ease;
}

.q10kajitsugumi-news-block-body-list-item-title a {
	text-decoration: underline;
	&:hover {
		text-decoration: none;
	}
}

.q10kajitsugumi-news-decoration1 {
	position: absolute;
	bottom: -140px;
	left: -140px;
	width: 260px;
	height: 260px;
	background: url('/q10kajitsu-gumi/assets/img/img_peach_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-news-decoration2 {
	position: absolute;
	bottom: -132px;
	left: 98px;
	width: 216px;
	height: 175px;
	background: url('/q10kajitsu-gumi/assets/img/img_lemon_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-news-decoration3 {
	display: none;
}

.q10kajitsugumi-about {
	padding: 150px 40px 150px;
	position: relative;
	overflow: hidden;
}

.q10kajitsugumi-about::before {
	display: inline-block;
	content: '';
	background: url('/q10kajitsu-gumi/assets/img/bg_gummi.png') no-repeat 40% 50% / 78%;
	width: 100%;
	max-width: 1440px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.q10kajitsugumi-about-inner {
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
}

.q10kajitsugimi-about-title {
	text-align: center;
	margin-top: 0;
	margin-bottom: 42px;
}

.q10kajitsugimi-about-title img {
	max-width: 80%;
}

.q10kajitsugimi-about-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.q10kajitsugimi-about-block-image {
	width: 47%;
	text-align: center;
	padding-top: 18px;
	padding-left: 80px;
}

.q10kajitsugimi-about-block-detail {
	width: 51.8%;
	color: #005BAC;
	font-size: 16px;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0;
}

.q10kajitsugumi-about-decoration1 {
	position: absolute;
	top: -144px;
	right: 58px;
	width: 108px;
	height: 108px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-about-decoration2 {
	position: absolute;
	top: -8px;
	right: -8px;
	width: 74px;
	height: 74px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-about-decoration3 {
	position: absolute;
	top: -20px;
	left: 80px;
	width: 70px;
	height: 65px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_02.png') no-repeat center center / 100%;
}

.q10kajitsugimi-about-block-text {
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugimi-about-block-text:not(:last-child) {
	margin-bottom: 27px;
}

.q10kajitsugumi-point {
	padding: 174px 40px 270px;
	position: relative;
	overflow: hidden;
}

.q10kajitsugumi-point::before {
	display: inline-block;
	content: '';
	background: url('/q10kajitsu-gumi/assets/img/bg_buller.png') no-repeat center center / 98%;
	width: 110%;
	max-width: 1440px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}

.q10kajitsugumi-point-inner {
	max-width: 964px;
	margin: 0 auto;
	position: relative;
}

.q10kajitsugumi-point-title {
	text-align: center;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: 0;
	margin-bottom: 41px;
}

.q10kajitsugumi-point-title span:not(:last-child) {
	margin-bottom: 10px;
}

.q10kajitsugumi-point-view {
	position: relative;
}

.q10kajitsugumi-point-view-puru {
	position: absolute;
	top: -67px;
	left: 80px;
}

.q10kajitsugumi-point-view-puru-image {
	position: relative;
	width: 290px;
	height: 207px;
	isolation: isolate;
}

.q10kajitsugumi-point-view-puru-image span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 290px;
	height: 207px;
}

.q10kajitsugumi-point-view-puru-image span:first-of-type {
	mix-blend-mode: multiply;
	opacity: 0.45;
	filter: drop-shadow(2px 2px 10px rgba(79, 149, 181, 0.6));
}

.q10kajitsugumi-point-view-puru-image span:last-of-type {
	mix-blend-mode: lighten;
}

.q10kajitsugumi-point-view-puru-image span img {
	display: block;
	width: 100%;
	height: auto;
}

.q10kajitsugumi-point-view-puru-decoration1 {
	position: absolute;
	top: -26px;
	left: 29%;
	width: 46px;
	height: 46px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / 100%;
	transform: rotate(100deg);
}

.q10kajitsugumi-point-view-puru-decoration2 {
	position: absolute;
	top: 35px;
	left: -74px;
	width: 78px;
	height: 78px;
	background: url('/q10kajitsu-gumi/assets/img/img_star_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-point-view-juwa {
	position: absolute;
	top: -47px;
	right: -49px;
}

.q10kajitsugumi-point-view-juwa-image {
	position: relative;
	width: 328px;
	height: 201px;
	isolation: isolate;
}

.q10kajitsugumi-point-view-juwa-image span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 328px;
	height: 201px;
}

.q10kajitsugumi-point-view-juwa-image span:first-of-type {
	mix-blend-mode: multiply;
	filter: drop-shadow(2px 2px 10px rgba(79, 149, 181, 0.6));
	opacity: 0.5;
}

.q10kajitsugumi-point-view-juwa-image span:last-of-type {
	mix-blend-mode: lighten;
}

.q10kajitsugumi-point-view-juwa-image span img {
	display: block;
	width: 100%;
	height: auto;
}

.q10kajitsugumi-point-view-juwa-decoration1 {
	position: absolute;
	top: -50px;
	left: 18%;
	width: 40px;
	height: 38px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_04.png') no-repeat center center / 100%;
}

.q10kajitsugumi-point-view-juwa-decoration2 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 104px;
	height: 104px;
	background: url('/q10kajitsu-gumi/assets/img/img_star_02.png') no-repeat center center / 100%;
	opacity: 0.8;
}

.q10kajitsugumi-point-view-gummi {
	text-align: center;
}

.q10kajitsugumi-point-view-gummi img {
	width: 478px;
	max-width: 100%;
}

.q10kajitsugumi-point-view-feature1 {
	position: absolute;
	top: 33%;
	left: 75px;
}

.q10kajitsugumi-point-view-feature2 {
	position: absolute;
	bottom: 63px;
	right: -8px;
}

.q10kajitsugumi-point-feature {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-top: -5px;
}

.q10kajitsugumi-point-feature-item {
	width: calc(50% - 44px);
	position: relative;
}

.q10kajitsugumi-point-feature-item-inner {
	border-radius: 50px;
	background: linear-gradient(90deg, #FDDFAD 0%, #D49B3B 98.57%);
	padding: 40px 20px 50px;
}

.q10kajitsugumi-point-feature-title {
	color: #fff;
	text-align: center;
	font-size: 30px;
	font-weight: 600;
	line-height: 200%;
	letter-spacing: 2px;
	margin-top: 0;
	margin-bottom: 12px;
}

.q10kajitsugumi-point-feature-text {
	color: #fff;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 0.9px;
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-point-feature-item01-decoration1 {
	position: absolute;
	bottom: -22px;
	left: -44px;
	width: 150px;
	height: 150px;
	background: url('/q10kajitsu-gumi/assets/img/img_peach_02.png') no-repeat center center / 100%;
}

.q10kajitsugumi-point-feature-item01-decoration2 {
	position: absolute;
	top: 42%;
	right: -50px;
	width: 85px;
	height: 85px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-point-feature-item02-decoration1 {
	position: absolute;
	top: -95px;
	right: -122px;
	width: 224px;
	height: 214px;
	background: url('/q10kajitsu-gumi/assets/img/img_muscat_03.png') no-repeat center center / 100%;
}

.q10kajitsugumi-point-feature-item02-decoration2 {
	position: absolute;
	bottom: 18px;
	left: 20px;
	width: 70px;
	height: 70px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-point-feature-item02-decoration3 {
	display: none;
}

.q10kajitsugumi-point-decoration1,
.q10kajitsugumi-point-decoration2 {
	display: none;
}

.q10kajitsugumi-movie {
	padding: 50px 40px 230px;
	position: relative;
	overflow: hidden;
}

.q10kajitsugumi-movie-inner {
	max-width: 772px;
	margin: 0 auto;
	position: relative;
}

.q10kajitsugumi-movie-title {
	text-align: center;
	margin-top: 0;
	margin-bottom: 28px;
}

.q10kajitsugumi-movie-text {
	margin-top: 0;
	margin-bottom: 20px;
	text-align: center;
}

.q10kajitsugumi-movie-text span {
	display: inline-block;
	margin-left: 20px;
	font-size: 24px;
	font-weight: 600;
	line-height: 200%;
	letter-spacing: 0.8px;
}

.q10kajitsugumi-movie-main-wrapper {
	position: relative;
	cursor: pointer;
}

.q10kajitsugumi-movie-main-wrapper::after {
  display: block;
	pointer-events: none;
	content: '';
	background: url('/q10kajitsu-gumi/assets/img/icon_movie.png') no-repeat center center; 
	background-size: 100%;
	width: 105px;
	height: 105px;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	filter: drop-shadow(0 0 12px rgba(0, 0, 0, 0.20));
	transition: all 0.3s ease;
}

.q10kajitsugumi-movie-main-wrapper:hover::after {
	transform: translate(-50%,-50%) scale(1.15);
}

.q10kajitsugumi-movie-main {
	border-radius: 30px;
	overflow: hidden;
	border: 5px solid #fff;
	margin-bottom: 35px;
	box-shadow: 0 0 20px 0 rgba(119, 66, 16, 0.16);
	cursor: pointer;
}

.q10kajitsugumi-movie-main-decoration1 {
	position: absolute;
	top: -40px;
	left: 34px;
	width: 130px;
	height: 141px;
	background: url('/q10kajitsu-gumi/assets/img/chara_01.png') no-repeat center center / 100%;
	pointer-events: none;
}

.q10kajitsugumi-movie-main-decoration2 {
	position: absolute;
	bottom: 22px;
	left: -64px;
	width: 134px;
	height: 118px;
	background: url('/q10kajitsu-gumi/assets/img/chara_02.png') no-repeat center center / 100%;
	pointer-events: none;
}

.q10kajitsugumi-movie-main-decoration3 {
	position: absolute;
	bottom: 22px;
	right: -88px;
	width: 129px;
	height: 115px;
	background: url('/q10kajitsu-gumi/assets/img/chara_03.png') no-repeat center center / 100%;
	pointer-events: none;
}

.q10kajitsugumi-movie-main-image img {
	width: 100%;
	cursor: pointer;
}

.q10kajitsugumi-movie-btn-wrapper {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	padding-left: 50px;
}

.q10kajitsugumi-movie-btn {
	max-width: calc(50% - 19px);
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	opacity: 0.5;
	cursor: pointer;
	transition: all 0.3s ease;
}

.q10kajitsugumi-movie-btn:hover {
	opacity: 0.8;
}

.q10kajitsugumi-movie-btn.is-active {
	opacity: 1;
}

.q10kajitsugumi-movie-btn:not(:last-child) {
	margin-right: 38px;
}

.q10kajitsugumi-movie-btn-image {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.q10kajitsugumi-movie-btn.is-active .q10kajitsugumi-movie-btn-image::after {
    display: block;   
	content: '';
	border: 2px solid #fff;
	border-radius: 10px;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.q10kajitsugumi-movie-btn-text {
	font-size: 20px;
	font-weight: 500;
	line-height: 200%;
	letter-spacing: 1px;
	margin-left: 15px;
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-q10 {
	position: relative;
	padding: 10px 40px 80px;
	overflow: hidden;
}

.q10kajitsugumi-q10-inner {
	max-width: 1106px;
	margin: 0 auto;
}

.q10kajitsugumi-q10-block {
	position: relative;
	border-radius: 100px;
	padding: 90px 20px 96px;
	background: url('/q10kajitsu-gumi/assets/img/filter.png') no-repeat center center / 100% 100%;
}

.q10kajitsugumi-q10-block::before {
	content: '';
	position: absolute;
	inset: -6px;
	border-radius: 100px;
	padding: 6px;
	background: linear-gradient(90deg, #FDDFAD 0%, #D49B3B 98.57%);
	-webkit-mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
	mask-image: linear-gradient(#fff, #fff), linear-gradient(#fff, #fff);
	-webkit-mask-clip: content-box, border-box;
	mask-clip: content-box, border-box;
	-webkit-mask-composite: xor;
	mask-composite: exclude;
	pointer-events: none;
}

.q10kajitsugumi-q10-about-decoration1 {
	position: absolute;
	top: 15%;
	left: -145px;
	width: 331px;
	height: 332px;
	background: url('/q10kajitsu-gumi/assets/img/text_round.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-about-decoration2 {
	position: absolute;
	top: 10%;
	right: -200px;
	width: 250px;
	height: 251px;
	background: url('/q10kajitsu-gumi/assets/img/text_round.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-about-decoration3 {
	position: absolute;
	bottom: 25%;
	right: -150px;
	width: 300px;
	height: 301px;
	background: url('/q10kajitsu-gumi/assets/img/text_round.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-about-decoration4 {
	position: absolute;
	top: 15%;
	left: 50px;
	width: 100px;
	height: 95px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-about-decoration5 {
	position: absolute;
	top: 25%;
	right: -100px;
	width: 152px;
	height: 152px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-about-decoration6 {
	position: absolute;
	bottom: 30%;
	left: -60px;
	width: 138px;
	height: 133px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-title {
	text-align: center;
	margin-top: 0;
	margin-bottom: 11px;
}

.q10kajitsugumi-q10-text {
	color: #00386D;
	text-align: center;
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 0.9px;
	margin-top: 0;
	margin-bottom: 76px;
}

.q10kajitsugumi-q10-feature {
	display: flex;
	justify-content: center;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 66px;
}

.q10kajitsugumi-q10-feature-item {
	width: 380px;
	max-width: 50%;
	padding: 100px 20px;
	position: relative;
	border-radius: 200px;
}

.q10kajitsugumi-q10-feature-item:nth-of-type(2) {
	margin-left: 40px;
}

.q10kajitsugumi-q10-feature-item::before {
	content: '';
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	background: url('/q10kajitsu-gumi/assets/img/bg_bubble.png') no-repeat center top / 100%;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	pointer-events: none;
	transition: transform 0.3s ease;
}

.q10kajitsugumi-q10-feature-item:hover::before {
	transform: translate(-50%, -50%) scale(1.1);
}

.q10kajitsugumi-q10-feature-title {
	color: #fff;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	flex-direction: column;
	margin-top: 0;
	margin-bottom: 18px;
}

.q10kajitsugumi-q10-feature-title span {
	font-size: 20px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 1px;
	transition: font-weight 0.3s ease;
}

.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-title span {
	font-weight: 700;
}

.q10kajitsugumi-q10-feature-item:nth-child(2n) .q10kajitsugumi-q10-feature-title span:first-child {
	font-size: 18px;
}

.q10kajitsugumi-q10-feature-title b {
	font-size: 36px;
	font-weight: 600;
	line-height: 176%;
	letter-spacing: 1px;
	transition: font-weight 0.3s ease;
}

.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-title b {
	font-weight: 700;
}

.q10kajitsugumi-q10-feature-link {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 10px 5px;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 0.1px;
	max-width: 280px;
	margin-left: auto;
	margin-right: auto;
	transition: transform 0.3s ease;
	position: relative;
}

.q10kajitsugumi-q10-feature-link::before {
	display: block;
	content: '';
	background: #fff;
	width: 100%;
	height: 100%;
	border-radius: 50px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: transform 0.5s ease;
}

.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-link {
	font-weight: 700;
}

.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-link::before {
	transform: scale(1.1);
}

.q10kajitsugumi-q10-feature-link i {
	display: inline-block;
	margin-left: 2px;
	background: url('/q10kajitsu-gumi/assets/img/icon_gummi.png') no-repeat center center / contain;
	width: 22px;
	height: 21px;
}

.q10kajitsugumi-q10-about {
	max-width: 944px;
	margin: 0 auto;
	border-radius: 50px;
	opacity: 0.9;
	padding: 36px 78px;
	background: linear-gradient(99deg, rgba(255, 255, 255, 0.80) 2.77%, rgba(255, 255, 255, 0.60) 98.14%);
	position: relative;
}

.q10kajitsugumi-q10-about-decoration {
	position: absolute;
	top: 35%;
	right: -70px;
	width: 114px;
	height: 105px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / 100%;
}

.q10kajitsugumi-q10-about-title {
	line-height: 200%;
	letter-spacing: 1.2px;
	font-size: 24px;
	color: #0083C0;
	text-align: center;
	margin-top: 0;
	margin-bottom: 20px;
	background: linear-gradient(180deg, #0083C0 0%, #00B2BE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.q10kajitsugumi-q10-about-title b {
	font-size: 32px;
	font-weight: 600;
	letter-spacing: 1.6px;
}

.q10kajitsugumi-q10-about-block {
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}

.q10kajitsugumi-q10-about-block-detail {
	width: calc(50.26% - 40px);
	padding-bottom: 14px;
}

.q10kajitsugumi-q10-about-block-detail-text {
	color: #00386D;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 0.8px;
	margin-top: 0;
	padding-left: 8px;
	margin-bottom: 0;
}

.q10kajitsugumi-q10-about-block-detail-text:not(:last-child) {
	margin-bottom: 15px;
}

.q10kajitsugumi-q10-about-block-btn-wrapper {
	margin-top: 36px;
}

.q10kajitsugumi-q10-about-block-btn {
	border-radius: 59.211px;
	/* background: linear-gradient(90deg, #0083C0 0%, #00B2BE 100%); */
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
	padding: 10px;
	transition: transform 0.3s ease;
	cursor: pointer;
	position: relative;
}

.q10kajitsugumi-q10-about-block-btn::before {
	display: inline-block;
	content: '';
	border-radius: 59.211px;
	background: linear-gradient(90deg, #0083C0 0%, #00B2BE 100%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: all 0.3s ease;
}

.q10kajitsugumi-q10-about-block-btn:hover::before {
	transform: scale(1.1);
}

.q10kajitsugumi-q10-about-block-btn span {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 0.8px;
	cursor: pointer;
	transition: font-weight 0.3s ease;
}

.q10kajitsugumi-q10-about-block-btn:hover span {
	font-weight: 700;
}

.q10kajitsugumi-q10-about-block-btn i {
	background: url('/q10kajitsu-gumi/assets/img/icon_gummi.png') no-repeat center center / contain;
	width: 22px;
	height: 21px;
	margin-left: 5px;
}

.q10kajitsugumi-q10-about-block-image {
	width: 49.74%;
	border-radius: 20px;
	overflow: hidden;
}

.q10kajitsugumi-q10-about-block-image img {
	width: 100%;
}

.q10kajitsugumi-lineup {
	padding: 164px 40px 80px;
	position: relative;
}

.q10kajitsugumi-lineup-inner {
	max-width: 1174px;
	margin: 0 auto;
	position: relative;
}

.q10kajitsugumi-lineup-title {
	position: absolute;
	top: 43px;
	left: 66px;
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	flex-direction: column;
}

.q10kajitsugumi-lineup-title span {
	color: #FFF;
	font-size: 24px;
	font-weight: 600;
	line-height: 200%;
	letter-spacing: 0.1px;
	margin-top: 6px;
}

.q10kajitsugumi-lineup-block-item {
	width: 600px;
	padding: 140px 0px 65px;
	position: relative;
}

.q10kajitsugumi-lineup-block-item::before {
	content: '';
	position: absolute;
	display: block;
	width: 600px;
	height: 600px;
	background: #fff;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	z-index: -1;
	border-radius: 500px;
	opacity: 0.8;
	box-shadow: 0 0 20px 0 rgba(15, 15, 15, 0.12);
}

.q10kajitsugumi-lineup-block-peach::before {
	top: 52%;
}

.q10kajitsugumi-lineup-block-lemon::before {
	top: 47.5%;
}

.q10kajitsugumi-lineup-block-peach {
	margin-left: auto;
}

.q10kajitsugumi-lineup-block-muscat {
	margin-right: auto;
}

.q10kajitsugumi-lineup-block-lemon {
	margin-left: auto;
}

.q10kajitsugumi-lineup-block-item-detail {
	max-width: 60%;
	width: 314px;
	margin-left: auto;
}

.q10kajitsugumi-lineup-block-muscat .q10kajitsugumi-lineup-block-item-detail {
	width: 348px;
}

.q10kajitsugumi-lineup-block-lemon .q10kajitsugumi-lineup-block-item-detail {
	width: 320px;
}

.q10kajitsugumi-lineup-block-item-sholder {
	margin-bottom: 20px;
}

.q10kajitsugumi-lineup-block-item-title {
	color: #755555;
	font-size: 32px;
	font-weight: 500;
	line-height: 158%;
	letter-spacing: -0.5px;
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-lineup-block-item-text {
	color: #755555;
	font-size: 15px;
	font-weight: 500;
	line-height: 140%;
	letter-spacing: 0.5px;
	margin-top: 0;
	margin-bottom: 14px;
}

.q10kajitsugumi-lineup-block-item-link {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	border-radius: 59.211px;
	background: linear-gradient(92deg, #FDDFAD 1.7%, #D49B3B 62.67%);
	padding: 10px 10px;
	max-width: 220px;
	transition: transform 0.3s ease;
	cursor: pointer;
	position: relative;
}

.q10kajitsugumi-lineup-block-item-link::before {
	display: inline-block;
	content: '';
	border-radius: 59.211px;
	background: linear-gradient(92deg, #FDDFAD 1.7%, #D49B3B 62.67%);
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: -1;
	transition: transform 0.3s ease;
}

.q10kajitsugumi-lineup-block-item-link:hover::before {
	transform: scale(1.1);
}

.q10kajitsugumi-lineup-block-item-link span {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
	line-height: 160%;
}

.q10kajitsugumi-lineup-block-item-link:hover span {
	font-weight: 700;
}

.q10kajitsugumi-lineup-block-item-link i {
	background: url('/q10kajitsu-gumi/assets/img/icon_gummi.png') no-repeat center center / contain;
	width: 22px;
	height: 21px;
	margin-left: 10px;
}

.q10kajitsugumi-lineup-peach-decoration01 {
	position: absolute;
	top: -60px;
	left: 46px;
	background: url('/q10kajitsu-gumi/assets/img/img_item_01.png') no-repeat center center / contain;
	width: 254px;
	height: 344px;
}

.q10kajitsugumi-lineup-peach-decoration02 {
	position: absolute;
	top: -74px;
	right: 38px;
	background: url('/q10kajitsu-gumi/assets/img/img_peach_02.png') no-repeat center center / contain;
	width: 199px;
	height: 199px;
}

.q10kajitsugumi-lineup-peach-decoration03 {
	position: absolute;
	top: 283px;
	left: 111px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / contain;
	width: 80px;
	height: 80px;
}

.q10kajitsugumi-lineup-peach-decoration04 {
	position: absolute;
	bottom: -150px;
	left: 57px;
	background: url('/q10kajitsu-gumi/assets/img/img_peach_03.png') no-repeat center center / contain;
	width: 293px;
	height: 221px;
}

.q10kajitsugumi-lineup-muscat-decoration01 {
	position: absolute;
	top: -57px;
	left: 16px;
	background: url('/q10kajitsu-gumi/assets/img/img_item_02.png') no-repeat center center / contain;
	width: 254px;
	height: 344px;
}

.q10kajitsugumi-lineup-muscat-decoration02 {
	position: absolute;
	top: -70px;
	right: 83px;
	background: url('/q10kajitsu-gumi/assets/img/img_muscat_01.png') no-repeat center center / contain;
	width: 172px;
	height: 161px;
}

.q10kajitsugumi-lineup-muscat-decoration03 {
	position: absolute;
	top: 276px;
	left: 95px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / contain;
	width: 80px;
	height: 80px;
}

.q10kajitsugumi-lineup-muscat-decoration04 {
	position: absolute;
	bottom: -178px;
	left: 24px;
	background: url('/q10kajitsu-gumi/assets/img/img_muscat_02.png') no-repeat center center / contain;
	width: 341px;
	height: 314px;
	pointer-events: none;
}

.q10kajitsugumi-lineup-lemon-decoration01 {
	position: absolute;
	top: -73px;
	left: 35px;
	background: url('/q10kajitsu-gumi/assets/img/img_item_03.png') no-repeat center center / contain;
	width: 254px;
	height: 344px;
}

.q10kajitsugumi-lineup-lemon-decoration02 {
	position: absolute;
	top: -127px;
	right: 44px;
	background: url('/q10kajitsu-gumi/assets/img/img_lemon_02.png') no-repeat center center / contain;
	width: 249px;
	height: 226px;
}

.q10kajitsugumi-lineup-lemon-decoration03 {
	position: absolute;
	top: 258px;
	left: 86px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / contain;
	width: 85px;
	height: 85px;
}

.q10kajitsugumi-lineup-lemon-decoration04 {
	position: absolute;
	bottom: -64px;
	left: 64px;
	background: url('/q10kajitsu-gumi/assets/img/img_lemon_03.png') no-repeat center center / contain;
	width: 205px;
	height: 163px;
}

.q10kajitsugumi-lineup-note {
	max-width: 520px;
	padding-left: 70px;
	position: absolute;
	bottom: 56px;
	left: 0;
}

.q10kajitsugumi-lineup-note-text {
	color: #755555;
	font-size: 12px;
	font-weight: 500;
	line-height: 160%;
	letter-spacing: 0;
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-lineup-note-text:not(:last-child) {
	margin-bottom: 20px;
}

.q10kajitsugumi-onlineshop {
	position: relative;
	padding: 194px 40px 98px;
	overflow: hidden;
}

.q10kajitsugumi-onlineshop-inner {
	max-width: 1120px;
	margin: 0 auto;
}

.q10kajitsugumi-onlineshop-block {
	position: relative;
	padding: 49px 60px 40px;
}

.q10kajitsugumi-onlineshop-block::before {
	display: block;
	content: '';
	opacity: 0.9;
	background: linear-gradient(90deg, #FDDFAD 0%, #D49B3B 98.57%);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 50px;
}

.q10kajitsugumi-onlineshop-title {
	color: #FFF;
	font-size: 28px;
	font-weight: 700;
	line-height: 200%;
	letter-spacing: -0.02em;
	text-align: center;
	margin-top: 0;
	margin-bottom: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: nowrap;
}

.q10kajitsugumi-onlineshop-title-sp {
	display: none;
}

.q10kajitsugumi-onlineshop-title span {
	margin: 0 15px 0 5px;
}

.q10kajitsugumi-onlineshop-title i:first-child {
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / 100%;
	width: 65px;
	height: 65px;
	position: relative;
	top: 5px;
}

.q10kajitsugumi-onlineshop-title i:last-child {
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / 100%;
	width: 65px;
	height: 65px;
}

.q10kajitsugumi-onlineshop-block-item-wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
}

.q10kajitsugumi-onlineshop-block-item {
	margin: 0 8px;
}

.q10kajitsugumi-onlineshop-block-item img {
	transition: all 0.3s ease;
}

.q10kajitsugumi-onlineshop-block-item img:hover {
	opacity: 0.7;
}

.q10kajitsugumi-bnr {
	padding: 0px 20px 100px;
	position: relative;
	overflow: hidden;
}

.q10kajitsugumi-bnr-inner {
	max-width: 800px;
	margin: 0 auto;
}

.q10kajitsugumi-bnr-x {
	box-shadow: 0 0 20px 0 rgba(15, 15, 15, 0.12);
	margin-bottom: 32px;
}

.q10kajitsugumi-bnr-block-item img {
	transition: opacity 0.3s ease;
}

.q10kajitsugumi-bnr-block-item img:hover {
	opacity: 0.7;
}

.q10kajitsugumi-bnr-2column {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin-bottom: 32px;
}

.q10kajitsugumi-bnr-2column-item {
	box-shadow: 0 0 20px 0 rgba(15, 15, 15, 0.12);
	border-radius: 10px;
	overflow: hidden;
	width: calc(50% - 10px);
	transition: opacity 0.3s ease;
}

.q10kajitsugumi-bnr-2column-item img {
	transition: opacity 0.3s ease;
}

.q10kajitsugumi-bnr-2column-item img:hover {
	opacity: 0.7;
}

.q10kajitsugumi-bnr-2column-item img {
	width: 100%;
}

.q10kajitsugumi-bnr-sns {
	border-radius: 20px;
	background: linear-gradient(272deg, rgba(255, 255, 255, 0.60) 0.2%, rgba(255, 255, 255, 0.80) 99.03%);
	box-shadow: 0 0 20px 0 rgba(15, 15, 15, 0.12);
	padding: 40px 40px;
	position: relative;
}

.q10kajitsugumi-bnr-sns-inner {
	max-width: 484px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: nowrap;
}

.q10kajitsugumi-bnr-sns-decoration1 {
	position: absolute;
	top: 18px;
	left: -23px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / contain;
	width: 80px;
	height: 80px;
}

.q10kajitsugumi-bnr-sns-decoration2 {
	position: absolute;
	bottom: -31px;
	left: 41px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / contain;
	width: 80px;
	height: 80px;
}

.q10kajitsugumi-bnr-sns-decoration3 {
	position: absolute;
	top: -40px;
	right: -81px;
	background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_02.png') no-repeat center center / contain;
	width: 163px;
	height: 123px;
}

.q10kajitsugumi-bnr-sns-text {
	color: #FFF;
	text-align: center;
	font-size: 20px;
	font-weight: 500;
	line-height: 150%;
	letter-spacing: 1px;
	margin-top: 0;
	margin-bottom: 0;
	padding: 15px 35px 15px 25px;
	width: 240px;
	background: url('/q10kajitsu-gumi/assets/img/bg_fukidashi.png') no-repeat center center / 100%;
}

.q10kajitsugumi-bnr-sns-text {
	filter: drop-shadow(0 0 20px rgba(15, 15, 15, 0.12));
}

.q10kajitsugumi-bnr-sns-list {
	flex: 1 1 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
	margin-left: 20px;
	margin-top: 0;
	margin-bottom: 0;
}

.q10kajitsugumi-bnr-sns-list-item-link img {
	transition: transform 0.3s ease;
}

.q10kajitsugumi-bnr-sns-list-item-link:hover img {
	transform: scale(1.1);
}


/* シャボン玉 */

.q10kajitsugumi-bubble01,
.q10kajitsugumi-bubble02,
.q10kajitsugumi-bubble03,
.q10kajitsugumi-bubble04,
.q10kajitsugumi-bubble05,
.q10kajitsugumi-bubble06,
.q10kajitsugumi-bubble07,
.q10kajitsugumi-bubble08,
.q10kajitsugumi-bubble09,
.q10kajitsugumi-bubble10,
.q10kajitsugumi-bubble11,
.q10kajitsugumi-bubble12,
.q10kajitsugumi-bubble04-sp,
.q10kajitsugumi-bubble08-sp,
.q10kajitsugumi-bubble12-sp {
	position: absolute;
	pointer-events: none;
}

.q10kajitsugumi-bubble01,
.q10kajitsugumi-bubble03,
.q10kajitsugumi-bubble05,
.q10kajitsugumi-bubble06,
.q10kajitsugumi-bubble07,
.q10kajitsugumi-bubble09,
.q10kajitsugumi-bubble11,
.q10kajitsugumi-bubble12,
.q10kajitsugumi-bubble12-sp {
	mix-blend-mode: overlay;
}

.q10kajitsugumi-bubble02,
.q10kajitsugumi-bubble04,
.q10kajitsugumi-bubble08,
.q10kajitsugumi-bubble10,
.q10kajitsugumi-bubble04-sp,
.q10kajitsugumi-bubble08-sp {
	mix-blend-mode: soft-light;
}

.q10kajitsugumi-bubble01 {
	bottom: -132px;
	right: -88px;
	width: 302px;
	height: 272px;
}

.q10kajitsugumi-bubble02 {
	top: 37%;
	left: -12px;
	width: 120px;
	height: 117px;
}

.q10kajitsugumi-bubble03 {
	width: 141px;
	height: 125px;
	bottom: 14px;
	right: 8px;
}

.q10kajitsugumi-bubble04 {
	top: 18%;
	left: -166px;
	width: 218px;
	height: 193px;
}

.q10kajitsugumi-bubble05 {
	width: 164px;
	height: 163px;
	bottom: -115px;
	right: -17px;
}

.q10kajitsugumi-bubble06 {
	width: 159px;
	height: 151px;
	top: 0.5%;
	left: -178px;
}

.q10kajitsugumi-bubble07 {
	width: 81px;
	height: 73px;
	top: 29%;
	left: -192px;
}

.q10kajitsugumi-bubble08 {
	width: 137px;
	height: 143px;
	bottom: -12%;
	right: -128px;
}

.q10kajitsugumi-bubble09 {
	width: 76px;
	height: 67px;
	top: -8.5%;
	left: 155px;
}

.q10kajitsugumi-bubble10 {
	width: 176px;
	height: 159px;
	top: -4.5%;
	left: -57px;
}

.q10kajitsugumi-bubble11 {
	width: 123px;
	height: 116px;
	bottom: -134px;
	right: -17px;
}

.q10kajitsugumi-bubble12 {
	width: 213px;
	height: 200px;
	top: -112px;
	right: -50px;
}

.q10kajitsugumi-bubble04-sp,
.q10kajitsugumi-bubble08-sp,
.q10kajitsugumi-bubble12-sp {
	display: none;
}

.deco.is-animation {
	-webkit-animation: jelly 1.2s linear 0s 1;
			animation: jelly 1.2s linear 0s 1;
}

@-webkit-keyframes jelly {

	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	25% {
		-webkit-transform: scale(0.91, 1.10);
		transform: scale(0.91, 1.10);
	}

	50% {
		-webkit-transform: scale(1.07, 0.935);
		transform: scale(1.07, 0.935);
	}

	75% {
		-webkit-transform: scale(0.97, 1.03);
		transform: scale(0.97, 1.03);
	}
}

@keyframes jelly {

	0%,
	100% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}

	25% {
		-webkit-transform: scale(0.91, 1.10);
		transform: scale(0.91, 1.10);
	}

	50% {
		-webkit-transform: scale(1.07, 0.935);
		transform: scale(1.07, 0.935);
	}

	75% {
		-webkit-transform: scale(0.97, 1.03);
		transform: scale(0.97, 1.03);
	}
}

/* pc only */
@media screen and (min-width: 768px){
	.sp{display: none !important;}
	.spbr{display: none;}
}

/* small pc */

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

	.q10kajitsugumi-lineup-title {
		position: static;
		top: unset;
		left: unset;
		margin-bottom: 80px;
	}

	.q10kajitsugumi-lineup-block-item {
		margin-bottom: 200px;
	}

	.q10kajitsugumi-lineup-note {
		position: static;
		bottom: unset;
		left: unset;
	}
}


@media screen and (min-width: 768px) and (max-width: 1050px){

	.q10kajitsugumi-point-view-feature1 {
		width: 29vw;
		left: 5%;
	}

	.q10kajitsugumi-point-view-feature2 {
		width: 52vw;
	}

	.q10kajitsugumi-q10-about-block {
		flex-direction: column;
	}

	.q10kajitsugumi-q10-about-block-detail {
		order: 2;
		padding-bottom: 0;
		width: 400px;
		max-width: 100%;
	}

	.q10kajitsugumi-q10-about-block-image {
		order: 1;
		margin-bottom: 20px;
		width: 400px;
		max-width: 100%;
	}
}


@media screen and (min-width: 768px) and (max-width: 1000px){

	.q10kajitsugumi-news-block-body {
		width: calc(100% - 200px);
	}
	
	.q10kajitsugumi-news-block {
		padding: 48px 60px 46px 60px;
	}

	.q10kajitsugumi-point-feature-item {
		width: calc(50% - 22px);
	}

	.q10kajitsugumi-point-feature-title {
		font-size: 26px;
	}

	.q10kajitsugumi-point-feature-text {
		font-size: 16px;
	}

	.q10kajitsugumi-point-feature-item01-decoration1 {
		bottom: -100px;
	}

	.q10kajitsugumi-q10-feature {
		flex-direction: column;
		align-items: center;
	}

	.q10kajitsugumi-q10-feature-item {
		max-width: 100%;
	}

	.q10kajitsugumi-q10-feature-item:nth-of-type(2) {
		margin-left: 0;
	}
}


/* sp only */
@media screen and (max-width: 767px){

	/* common item ---------------------------------------*/

	.pc{display: none !important;}
	.pcbr{display: none;}


	/* kv ---------------------------------------*/

	/* .q10kajitsugumikv {
		position: relative;
	} */

	/* .q10kajitsugumikv-slider {
		margin-top: 0;
		margin-bottom: 0;
	} */

	.q10kajitsugumikv-slider-item {
		height: calc(100svh - 52px);
	}

	@media screen and (orientation: landscape) {
		.q10kajitsugumikv-slider-item {
			height: 120vw;
		}
	}

	.q10kajitsugumikv-slider-item img {
		height: 100%;
		object-fit: cover;
	}

	/* .swiper-pagination-bullet {
		background: #FFF;
		opacity: 1;
		width: 10px;
		height: 10px;
	} */

	/* .swiper-pagination-bullet-active {
		background: #005BAC;
		opacity: 1;
		position: relative;
	} */

	/* .swiper-pagination-bullet-active::after {
		content: '';
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		border: 1px solid #fff;
		transform: scale(1.3);
	} */


	/* contents ---------------------------------------*/

	.q10kajitsugumibg-circle-01 {
		width: 1141.79vw;
		height: 6302px;
		top: -191.54vw;
		left: -80.77vw;
		bottom: auto;
	}

	.q10kajitsugumibg-circle-02 {
		width: 302.31vw;
		height: 1179px;
		top: 613.33vw;
		left: -200.77vw;
	}

	.q10kajitsugumibg-circle-03 {
		width: 1181.79vw;
		height: 4609px;
		bottom: -181.54vw;
		left: -965.38vw;
		top: auto;
	}

	.q10kajitsugumi-nav {
		padding: 30px 16px 52px;
		padding: 7.69vw 16px 13.3vw;
	}

	.q10kajitsugumiinner {
		max-width: 560px;
	}

	.q10kajitsugumi-nav-list {
		justify-content: space-between;
		align-items: stretch;
		flex-wrap: nowrap;
		background: transparent;
		border-radius: unset;
		padding: 0 0 20px 0;
	}

	.q10kajitsugumi-nav-list-item {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		position: relative;
		margin-bottom: 0;
	}

	.q10kajitsugumi-nav-list-item a {
		font-size: 12px;
		letter-spacing: 0.02em;
		padding: 0;
		margin: 0;
		position: static;
		color: #FFF;
		line-height: 140%;
		letter-spacing: 0.6px;
		text-align: center;
	}

	.q10kajitsugumi-nav-list-item a:hover {
		font-weight: 400;
	}

	.q10kajitsugumi-nav-list-item a::after {
		right: unset;
		left: 50%;
		transform: translateX(-50%);
		top: unset;
		bottom: -15px;
		width: 10px;
		height: 6px;
		background: url('/q10kajitsu-gumi/assets/img/icon_arrow_bottom_wh.svg') no-repeat center center / contain;
	}

	.q10kajitsugumi-nav-list-item a::before {
		content: '';
		position: absolute;
		left: 50%;
		bottom: -23px;
		transform: translateX(-50%);
		width: 24px;
		height: 24px;
		background: linear-gradient(90deg, #FDDFAD 0%, #D49B3B 98.57%);
		border-radius: 50%;
	}

	.q10kajitsugumi-headerbnr {
		padding: 0 30px;
		margin-bottom: 0;
	}

	.q10kajitsugumi-headerbnr a {
		border-radius: 10px;
	}

	.q10kajitsugumi-headerbnr a:hover {
		opacity: 1;
	}

	.q10kajitsugumi-news {
		padding: 11.79vw 30px 38.46vw;
	}

	.q10kajitsugumi-news-block {
		display: block;
		padding: 44px 24px 60px 24px;
		border-radius: 30px;
	}

	.q10kajitsugumi-news-block-head {
		width: 100%;
		margin-bottom: 20px;
	}

	.q10kajitsugumi-news-block-head-title {
		margin-bottom: 40px;
		padding-left: 5px;
	}

	.q10kajitsugumi-news-block-body {
		width: 100%;
	}

	.q10kajitsugumi-news-block-body-list-item {
		display: block;
	}

	.q10kajitsugumi-news-block-body-list-item:not(:last-child) {
		margin-bottom: 26px;
	}

	.q10kajitsugumi-news-block-body-list-item-date {
		display: block;
		width: 100%;
		font-size: 12px;
		margin-bottom: 5px;
	}

	.q10kajitsugumi-news-block-body-list-item-title {
		display: block;
		width: 100%;
		line-height: 1.55;
		letter-spacing: 0.07px;
	}

	.q10kajitsugumi-news-decoration1 {
		bottom: -100px;
		left: 48px;
		width: 140px;
		height: 140px;
	}

	.q10kajitsugumi-news-decoration2 {
		bottom: -134px;
		left: -36px;
		width: 108px;
		height: 88px;
	}

	.q10kajitsugumi-news-decoration3 {
		display: block;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_01.png') no-repeat center center / 100%;
		position: absolute;
		bottom: -153px;
		right: -2px;
		width: 75px;
		height: 75px;
	}

	.q10kajitsugumi-about {
		padding: 20vw 30px 12.82vw;
		position: relative;
	}

	.q10kajitsugumi-about::before {
		background: url('/q10kajitsu-gumi/assets/img/bg_gummi_sp.png') no-repeat top 150px center / 100%;
	}

	.q10kajitsugumi-about-inner {
		max-width: 560px;
		margin: 0 auto;
		padding-left: 0;
		position: relative;
	}

	.q10kajitsugimi-about-title {
		margin-bottom: 28px;
	}

	.q10kajitsugimi-about-title img {
		max-width: 92%;
	}

	.q10kajitsugimi-about-block {
		display: block;
	}

	.q10kajitsugimi-about-block-image {
		width: 100%;
		padding-top: 0;
		padding-left: 0;
		margin-bottom: 20px;
	}

	.q10kajitsugimi-about-block-image img {
		max-width: 100%;
	}

	.q10kajitsugimi-about-block-detail {
		width: 100%;
		letter-spacing: 0.4px;
	}

	.q10kajitsugumi-about-decoration1 {
		display: none;
	}

	.q10kajitsugumi-about-decoration2 {
		display: none;
	}

	.q10kajitsugumi-about-decoration3 {
		top: -74px;
		left: 58%;
		width: 50px;
		height: 42px;
	}

	.q10kajitsugimi-about-block-text:not(:last-child) {
		margin-bottom: 28px;
	}

	.q10kajitsugumi-point {
		padding: 30.77vw 10px 20.51vw;
		overflow: hidden;
	}

	.q10kajitsugumi-point::before {
		background: url('/q10kajitsu-gumi/assets/img/bg_buller_sp.png') no-repeat top 30vw center / 100%;
		width: 100%;
	}

	.q10kajitsugumi-point-inner {
		max-width: 560px;
	}

	.q10kajitsugumi-point-title {
		margin-bottom: 86px;
		margin-bottom: 21vw;
	}

	.q10kajitsugumi-point-title span:first-child img {
		width: 60%;
	}

	.q10kajitsugumi-point-title span:last-child img {
		width: 70%;
	}

	.q10kajitsugumi-point-view {
		max-width: 394px;
		margin: 0 auto;
	}

	.q10kajitsugumi-point-view-gummi img {
		width: 100%;
	}

	.q10kajitsugumi-point-view-puru {
		top: -26vw;
		left: unset;
		right: -10vw;
	}

	.q10kajitsugumi-point-view-puru-image {
		width: 40vw;
		height: 26vw;
	}

	.q10kajitsugumi-point-view-puru-image span {
		width: 40vw;
		height: 26vw;
	}

	.q10kajitsugumi-point-view-puru-decoration1 {
		display: none;
	}

	.q10kajitsugumi-point-view-puru-decoration2 {
		top: -14vw;
		left: unset;
		right: 11vw;
		width: 14vw;
		height: 14vw;
		background: url('/q10kajitsu-gumi/assets/img/img_star_01_sp.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-point-view-juwa {
		top: unset;
		right: unset;
		bottom: -35vw;
		left: 0;
	}

	.q10kajitsugumi-point-view-juwa-image {
		width: 47vw;
		height: 26vw;
	}

	.q10kajitsugumi-point-view-juwa-image span {
		width: 47vw;
		height: 26vw;
	}

	.q10kajitsugumi-point-view-juwa-image span img {
		transform: rotate(-7deg);
	}

	.q10kajitsugumi-point-view-juwa-decoration1 {
		display: none;
	}

	.q10kajitsugumi-point-view-juwa-decoration2 {
		top: -6vw;
		left: 47%;
		width:  21vw;
		height: 17vw;
		background: url('/q10kajitsu-gumi/assets/img/img_star_02_sp.png') no-repeat center center / 100%;
		transform: translateX(-50%);
	}

	.q10kajitsugumi-point-view-gummi {
		margin-bottom: 132px;
		margin-bottom: 46vw;
	}

	.q10kajitsugumi-point-view-feature1 {
		bottom: unset;
		top: -40px;
		left: 18px;
		width: 68%;
	}

	.q10kajitsugumi-point-view-feature1 img {
		width: 100%;
	}

	.q10kajitsugumi-point-view-feature2 {
		position: absolute;
		bottom: -46px;
		width: 75%;
		right: 19px;
	}

	.q10kajitsugumi-point-view-feature2 img {
		width: 100%;
	}

	.q10kajitsugumi-point-feature {
		display: block;
		margin-top: unset;
		padding: 0 20px;
	}

	.q10kajitsugumi-point-feature-item {
		width: 100%;
		position: relative;
	}

	.q10kajitsugumi-point-feature-item-inner {
		padding: 30px 10px 32px;
		border-radius: 30px;
	}

	.q10kajitsugumi-point-feature-item01 {
		margin-bottom: 32px;
	}

	.q10kajitsugumi-point-feature-title {
		font-size: 28px;
		letter-spacing: 0.4px;
	}

	.q10kajitsugumi-point-feature-text {
		font-size: 16px;
		line-height: 150%;
	}

	.q10kajitsugumi-point-feature-item01-decoration1 {
		display: none;
	}

	.q10kajitsugumi-point-feature-item02-decoration3 {
		display: block;
		position: absolute;
		top: -91px;
		left: -33px;
		width: 112px;
		height: 112px;
		background: url('/q10kajitsu-gumi/assets/img/img_peach_02.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-point-feature-item01-decoration2 {
		top: 34%;
		right: -27px;
		width: 50px;
		height: 50px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_01.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-point-feature-item02-decoration1 {
		top: -110px;
		right: -132px;
		width: 224px;
		height: 214px;
	}

	.q10kajitsugumi-point-feature-item02-decoration2 {
		bottom: 47px;
		left: -10px;
		width: 48px;
		height: 48px;
	}

	.q10kajitsugumi-point-decoration1 {
		display: block;
		position: absolute;
		top: 7vw;
		left: -7vw;
		width: 10vw;
		height: 10vw;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / 100%;
		transform: rotate(117deg);
	}

	.q10kajitsugumi-point-decoration2 {
		display: block;
		position: absolute;
		top: -6vw;
		left: 0;
		width: 10vw;
		height: 10vw;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_04.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-movie {
		padding: 45.13vw 22px 10.26vw;
	}

	.q10kajitsugumi-movie-title {
		margin-bottom: 40px;
	}

	.q10kajitsugumi-movie-title img {
		max-width: 90%;
	}

	.q10kajitsugumi-movie-text {
		margin-bottom: 10px;
	}

	.q10kajitsugumi-movie-text span {
		margin-left: 0;
		font-weight: 500;
		letter-spacing: 1.2px;
	}
	
	.q10kajitsugumi-movie-main-wrapper::after {
		width: 45px;
		height: 45px;
	}

	.q10kajitsugumi-movie-main-wrapper:hover::after {
		transform: translate(-50%,-50%) scale(1);
	}

	.q10kajitsugumi-movie-text-sholder {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
		margin-bottom: -6px;
	}

	.q10kajitsugumi-movie-text-sholder img:first-child {
		height: 68px;
		width: auto;
	}

	.q10kajitsugumi-movie-main {
		border-radius: 15px;
		margin-bottom: 21px;
	}

	.q10kajitsugumi-movie-main-decoration1 {
		display: none;
	}

	.q10kajitsugumi-movie-main-decoration2 {
		bottom: 30px;
		left: -10px;
		width: 60px;
		height: 55px;
	}

	.q10kajitsugumi-movie-main-decoration3 {
		bottom: -30px;
		right: -20px;
		width: 60px;
		height: 58px;
	}

	.q10kajitsugumi-movie-btn-wrapper {
		padding-left: 0;
	}

	.q10kajitsugumi-movie-btn {
		max-width: calc(50% - 15px);
		flex-direction: column;
		text-align: center;
	}

	.q10kajitsugumi-movie-btn:hover {
		opacity: 1;
	}

	.q10kajitsugumi-movie-btn:not(:last-child) {
		margin-right: 30px;
	}

	.q10kajitsugumi-movie-btn-text {
		margin-left: 0;
	}

	.q10kajitsugumi-q10 {
		padding: 27.69vw 22px 20.51vw;
	}

	.q10kajitsugumi-q10-inner {
		max-width: 1120px;
		margin: 0 auto;
	}

	.q10kajitsugumi-q10-block {
		border-radius: 20px;
		padding: 44px 0 0;
		background: url('/q10kajitsu-gumi/assets/img/filter_sp.png') no-repeat center center / 100% 100%;
	}

	.q10kajitsugumi-q10-block::before {
		border-radius: 24px;
	}

	.q10kajitsugumi-q10-about-decoration1 {
		top: 10%;
		left: -100px;
		width: 190px;
		height: 190px;
	}

	.q10kajitsugumi-q10-about-decoration2 {
		top: 8%;
		right: -80px;
		width: 130px;
		height: 130px;
	}

	.q10kajitsugumi-q10-about-decoration3 {
		bottom: 35.5%;
		right: -200px;
		width: 270px;
		height: 270px;
	}

	.q10kajitsugumi-q10-about-decoration4 {
		top: 16.5%;
		left: 5px;
		width: 55px;
		height: 55px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-q10-about-decoration5 {
		top: 20%;
		right: -30px;
		width: 64px;
		height: 64px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-q10-about-decoration6 {
		display: none;
	}

	.q10kajitsugumi-q10-title {
		margin-bottom: 21px;
	}

	.q10kajitsugumi-q10-title img {
		max-width: 92%;
	}

	.q10kajitsugumi-q10-text {
		font-size: 16px;
		letter-spacing: 0;
		margin-bottom: 16px;
	}

	.q10kajitsugumi-q10-feature {
		align-items: center;
		flex-direction: column;
		margin-bottom: 50px;
	}

	.q10kajitsugumi-q10-feature-item {
		width: 286px;
		max-width: 100%;
		padding: 58px 20px 62px;
	}

	.q10kajitsugumi-q10-feature-item::before {
		background: url('/q10kajitsu-gumi/assets/img/bg_bubble.png') no-repeat center center / 100%;
	}

	.q10kajitsugumi-q10-feature-item:hover::before {
		transform: translate(-50%, -50%) scale(1);
	}

	.q10kajitsugumi-q10-feature-item:nth-of-type(1) {
		order: 2;
	}

	.q10kajitsugumi-q10-feature-item:nth-of-type(2) {
		order: 1;
		margin-left: 0;
		margin-bottom: 29px;
	}

	.q10kajitsugumi-q10-feature-title {
		margin-bottom: 9px;
	}

	.q10kajitsugumi-q10-feature-title span {
		font-size: 16px;
		letter-spacing: 0;
		text-align: center;
	}

	.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-title span {
		font-weight: 500;
	}

	.q10kajitsugumi-q10-feature-item .q10kajitsugumi-q10-feature-title span:first-child {
		font-size: 14px;
		margin-bottom: 2px;
	}

	.q10kajitsugumi-q10-feature-item:nth-child(2n) .q10kajitsugumi-q10-feature-title span:first-child {
		font-size: 14px;
	}

	.q10kajitsugumi-q10-feature-title b {
		font-size: 28px;
		line-height: 160%;
	}

	.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-title b {
		font-weight: 600;
	}

	.q10kajitsugumi-q10-feature-link {
		padding: 8px 10px;
		border-radius: 50px;
		font-size: 14px;
		line-height: 140%;
		max-width: 190px;
		text-align: center;
	}

	.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-link {
		font-weight: 500;
	}

	.q10kajitsugumi-q10-feature-item:hover .q10kajitsugumi-q10-feature-link::before {
		transform: scale(1);
	}

	.q10kajitsugumi-q10-feature-link i {
		display: none;
	}

	.q10kajitsugumi-q10-about {
		border-radius: 20px 20px 16px 16px;
		opacity: 0.9;
		padding: 40px 28px 27px;
	}

	.q10kajitsugumi-q10-about-decoration {
		top: -96px;
		right: -21px;
		width: 75px;
		height: 70px;
	}

	.q10kajitsugumi-q10-about-title {
		line-height: 140%;
		letter-spacing: 0;
		font-size: 24px;
		text-align: center;
		margin-top: 0;
		margin-bottom: 13px;
		background: linear-gradient(180deg, #0083C0 0%, #00B2BE 100%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
		color: transparent;
	}

	.q10kajitsugumi-q10-about-title b {
		font-size: 26px;
		letter-spacing: 0.4px;
	}

	.q10kajitsugumi-q10-about-block {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		flex-direction: row;
	}

	.q10kajitsugumi-q10-about-block-detail {
		width: 100%;
		padding-bottom: 0;
	}

	.q10kajitsugumi-q10-about-block-detail-text {
		text-align: center;
		font-size: 14px;
		letter-spacing: 0.7px;
		padding-left: 0;
	}

	.q10kajitsugumi-q10-about-block-detail-text:not(:last-child) {
		margin-bottom: 10px;
	}

	.q10kajitsugumi-q10-about-block-btn-wrapper {
		margin-top: 20px;
		margin-bottom: 26px;
	}

	.q10kajitsugumi-q10-about-block-btn {
		padding: 9px 10px;
		text-align: center;
		width: 235px;
		max-width: 100%;
		margin-left: auto;
		margin-right: auto;
	}

	.q10kajitsugumi-q10-about-block-btn:hover::before {
		transform: scale(1);
	}

	.q10kajitsugumi-q10-about-block-btn span {
		font-size: 14px;
		line-height: 140%;
	}

	.q10kajitsugumi-q10-about-block-btn:hover span {
		font-weight: 500;
	}

	.q10kajitsugumi-q10-about-block-btn i {
		display: none;
	}

	.q10kajitsugumi-q10-about-block-image {
		width: 100%;
		border-radius: 20px;
		margin-bottom: 0;
	}

	.q10kajitsugumi-lineup {
		padding: 172px 30px 160px;
		padding: 44.1vw 30px 41.03vw;
		overflow: hidden;
	}

	.q10kajitsugumi-lineup-title {
		position: static;
		top: unset;
		margin-bottom: 56px;
	}

	.q10kajitsugumi-lineup-title span {
		font-size: 20px;
		letter-spacing: 0;
		margin-top: 7px;
	}

	.q10kajitsugumi-lineup-block {
		margin-bottom: 56px;
	}

	.q10kajitsugumi-lineup-block-item {
		width: 100%;
		padding: 327px 30px 122px;
		max-width: 350px;
	}

	.q10kajitsugumi-lineup-block-item::before {
		width: 100%;
		height: 100%;
		border-radius: 500px;
	}

	.q10kajitsugumi-lineup-block-peach {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 70px;
	}

	.q10kajitsugumi-lineup-block-muscat {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 80px;
	}

	.q10kajitsugumi-lineup-block-lemon {
		margin-left: auto;
		margin-right: auto;
	}

	.q10kajitsugumi-lineup-block-item-detail {
		max-width: 100%;
		width: 100%;
	}

	.q10kajitsugumi-lineup-block-muscat .q10kajitsugumi-lineup-block-item-detail {
		width: 100%;
	}

	.q10kajitsugumi-lineup-block-item-sholder {
		margin-bottom: 18px;
		text-align: center;
	}

	.q10kajitsugumi-lineup-block-item-title {
		font-size: 28px;
		line-height: 160%;
		letter-spacing: -1px;
		margin-bottom: 8px;
		text-align: center;
		white-space: nowrap;
	}

	.q10kajitsugumi-lineup-block-item-text {
		font-size: 14px;
		margin-bottom: 18px;
		text-align: center;
	}

	.q10kajitsugumi-lineup-block-item-link {
		padding: 9px 10px 9px 18px;
		max-width: 225px;
		margin: 0 auto;
	}

	.q10kajitsugumi-lineup-block-item-link:hover::before {
		transform: scale(1);
	}

	.q10kajitsugumi-lineup-block-item-link span {
		letter-spacing: 0;
	}

	.q10kajitsugumi-lineup-block-item-link:hover span {
		font-weight: 500;
	}

	.q10kajitsugumi-lineup-block-item-link i {
		background: url('/q10kajitsu-gumi/assets/img/icon_gummi.png') no-repeat center center / contain;
		width: 22px;
		height: 21px;
		margin-left: 14px;
	}

	.q10kajitsugumi-lineup-peach-decoration01 {
		position: absolute;
		top: -15px;
		left: -50px;
		background: url('/q10kajitsu-gumi/assets/img/img_item_01.png') no-repeat center center / contain;
		width: 264px;
		height: 350px;
	}

	.q10kajitsugumi-lineup-peach-decoration02 {
		position: absolute;
		top: 31px;
		right: -74px;
		background: url('/q10kajitsu-gumi/assets/img/img_peach_02.png') no-repeat center center / contain;
		width: 199px;
		height: 199px;
	}

	.q10kajitsugumi-lineup-peach-decoration03 {
		position: absolute;
		top: 228px;
		left: unset;
		right: 37px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / contain;
		width: 85px;
		height: 85px;
	}

	.q10kajitsugumi-lineup-peach-decoration04 {
		position: absolute;
		bottom: -35px;
		left: unset;
		right: 0;
		background: url('/q10kajitsu-gumi/assets/img/img_peach_01.png') no-repeat center center / contain;
		width: 142px;
		height: 142px;
	}

	.q10kajitsugumi-lineup-muscat-decoration01 {
		position: absolute;
		top: -15px;
		left: -50px;
		background: url('/q10kajitsu-gumi/assets/img/img_item_02.png') no-repeat center center / contain;
		width: 264px;
		height: 350px;
	}

	.q10kajitsugumi-lineup-muscat-decoration02 {
		position: absolute;
		top: 51px;
		right: -84px;
		background: url('/q10kajitsu-gumi/assets/img/img_muscat_01.png') no-repeat center center / contain;
		width: 195px;
		height: 180px;
	}

	.q10kajitsugumi-lineup-muscat-decoration03 {
		position: absolute;
		top: 225px;
		left: unset;
		right: 36px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / contain;
		width: 88px;
		height: 88px;
	}

	.q10kajitsugumi-lineup-muscat-decoration04 {
		position: absolute;
		bottom: -100px;
		left: -50px;
		background: url('/q10kajitsu-gumi/assets/img/img_muscat_02.png') no-repeat center center / contain;
		width: 280px;
		height: 260px;
	}

	.q10kajitsugumi-lineup-lemon-decoration01 {
		position: absolute;
		top: -15px;
		left: -50px;
		background: url('/q10kajitsu-gumi/assets/img/img_item_03.png') no-repeat center center / contain;
		width: 264px;
		height: 350px;
	}

	.q10kajitsugumi-lineup-lemon-decoration02 {
		position: absolute;
		top: 23px;
		right: -100px;
		background: url('/q10kajitsu-gumi/assets/img/img_lemon_02.png') no-repeat center center / contain;
		width: 260px;
		height: 228px;
	}

	.q10kajitsugumi-lineup-lemon-decoration03 {
		position: absolute;
		top: 224px;
		left: unset;
		right: 38px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / contain;
		width: 85px;
		height: 85px;
	}

	.q10kajitsugumi-lineup-lemon-decoration04 {
		position: absolute;
		bottom: -44px;
		left: unset;
		right: -15px;
		background: url('/q10kajitsu-gumi/assets/img/img_lemon_03.png') no-repeat center center / contain;
		width: 190px;
		height: 143px;
	}

	.q10kajitsugumi-lineup-note {
		max-width: 100%;
		padding-left: 0;
		position: static;
		bottom: unset;
		left: unset;
	}

	.q10kajitsugumi-lineup-note-text {
		letter-spacing: -0.2px;
	}

	.q10kajitsugumi-onlineshop {
		padding: 48px 30px 40px;
		padding: 12.31vw 30px 10.26vw;
	}

	.q10kajitsugumi-onlineshop-block {
		padding: 83px 20px 49px;
	}

	.q10kajitsugumi-onlineshop-block::before {
		border-radius: 30px;
	}

	.q10kajitsugumi-onlineshop-title {
		display: none;
	}

	.q10kajitsugumi-onlineshop-title-sp {
		color: #FFF;
		font-size: 24px;
		font-weight: 700;
		line-height: 140%;
		letter-spacing: 0;
		text-align: center;
		margin-top: 0;
		margin-bottom: 32px;
		display: block;
		position: relative;
	}

	.q10kajitsugumi-onlineshop-title-sp span {
		margin: 0 15px;
	}

	.q10kajitsugumi-onlineshop-title-sp i {
		position: absolute;
	}

	.q10kajitsugumi-onlineshop-title-sp i:first-child {
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_lemon_01.png') no-repeat center center / 100%;
		width: 44px;
		height: 44px;
		top: -56px;
		left: 0;
		position: absolute;
	}

	.q10kajitsugumi-onlineshop-title-sp i:last-child {
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / 100%;
		width: 44px;
		height: 44px;
		top: -56px;
		right: -5px;
	}

	.q10kajitsugumi-onlineshop-block-item {
		margin: 0 8px;
	}

	.q10kajitsugumi-onlineshop-block-item img:hover {
		opacity: 1;
	}

	.q10kajitsugumi-onlineshop-block-item:not(:last-child) {
		margin-bottom: 30px;
	}

	.q10kajitsugumi-bnr {
		padding: 0px 30px 115px;
	}

	.q10kajitsugumi-bnr-x {
		margin-bottom: 16px;
	}

	.q10kajitsugumi-bnr-block-item img:hover {
		opacity: 1;
	}

	.q10kajitsugumi-bnr-2column {
		display: block;
		margin-bottom: 40px;
	}

	.q10kajitsugumi-bnr-2column-item {
		display: block;
		width: 100%;
		border-radius: 10px;
	}

	.q10kajitsugumi-bnr-2column-item img:hover {
		opacity: 1;
	}

	.q10kajitsugumi-bnr-2column-item:not(:last-child) {
		margin-bottom: 16px;
	}

	.q10kajitsugumi-bnr-sns {
		padding: 30px 20px 40px;
	}

	.q10kajitsugumi-bnr-sns-inner {
		max-width: 240px;
		display: block;
	}

	.q10kajitsugumi-bnr-sns-decoration1 {
		top: -20px;
		left: auto;
		right: -30px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_peach_03.png') no-repeat center center / contain;
	}

	.q10kajitsugumi-bnr-sns-decoration2 {
		bottom: 20px;
		left: -20px;
		background: url('/q10kajitsu-gumi/assets/img/img_gummi_muscat.png') no-repeat center center / contain;
		width: 50px;
		height: 50px;
	}

	.q10kajitsugumi-bnr-sns-decoration3 {
		display: none;
	}

	.q10kajitsugumi-bnr-sns-text {
		margin-bottom: 30px;
	}

	.q10kajitsugumi-bnr-sns-list-item-link:hover {
		transform: scale(1);
	}

}

/* loading ---------------------------------------*/

.c-loading {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000;
}
.c-loading__mask {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #20B9EE;
	z-index: 1;
}
.c-loading__progress {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 4px;
	z-index: 1;
}
.c-loading__bar {
	width: 100%;
	height: 100%;
	background-color: #0063b6;
	scale: 0 1;
	transform-origin: left;
	transition-property: scale;
	transition-duration: 0.25s;
	transition-timing-function: cubic-bezier(0.33, 1, 0.68, 1);
}
.c-loading__percent {
	position: absolute;
	left: 40px;
	bottom: 40px;
	color: #0063b6;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	z-index: 1;
}
@media screen and (min-width: 768px) and (max-width: 1023px) {
	.c-loading__percent { left: 30px; bottom: 30px; }
}
@media screen and (max-width: 767px) {
	.c-loading__percent { left: 15px; bottom: 15px; }
}

/* animation ---------------------------------------*/

.js-fader-ready {
	opacity: 0;
	translate: 0 25px;
	transition-property: opacity, translate;
	will-change: opacity, translate;
}
.js-fader-ready.js-fader-right { translate: 50px 0; }
.js-fader-ready.js-fader-left  { translate: -50px 0; }

.js-fader-start {
	opacity: 1;
	translate: 0;
	transition-duration: 0.65s;
	transition-delay: var(--pcdelay, 0s);
	transition-timing-function: cubic-bezier(0.37, 0, 0.63, 1), cubic-bezier(0.33, 1, 0.68, 1);
}
@media screen and (max-width: 767px) {
	.js-fader-start { transition-delay: var(--spdelay, 0s); }
}
.js-fader-start.js-fader-left,
.js-fader-start.js-fader-right { translate: 0; }

@media screen and (max-width: 767px) {
	.js-fader-ready.js-fader-sp-bottom { translate: 0 25px; }
	.js-fader-start.js-fader-sp-bottom { translate: 0; }
}

@media (prefers-reduced-motion: reduce) {
	.js-fader-ready { opacity: 1; translate: 0; }
}

/* puru: その場でスケール + バウンス */
@keyframes puru-bounce {
	0%   { opacity: 0; scale: 0.5; }
	35%  { opacity: 1; scale: 1.04; }
	52%  { scale: 0.96; }
	66%  { scale: 1.03; }
	78%  { scale: 0.99; }
	88%  { scale: 1.01; }
	100% { opacity: 1; scale: 1; }
}
@keyframes puru-bounce-first {
	0%   { opacity: 0; scale: 0.5; }
	35%  { opacity: 0.45; scale: 1.04; }
	52%  { scale: 0.96; }
	66%  { scale: 1.03; }
	78%  { scale: 0.99; }
	88%  { scale: 1.01; }
	100% { opacity: 0.45; scale: 1; }
}
.js-fader-ready.js-fader-puru {
	translate: 0;
	opacity: 0;
	scale: 0.5;
	transition: none;
}
.js-fader-start.js-fader-puru {
	animation: puru-bounce 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.q10kajitsugumi-point-view-puru-image span:first-of-type.js-fader-ready {
	opacity: 0;
}
.q10kajitsugumi-point-view-puru-image span:first-of-type.js-fader-start {
	animation-name: puru-bounce-first;
}

/* feature-pop: 外枠バウンス + 内部テキスト遅延 */
@keyframes feature-pop {
	0%   { opacity: 0; scale: 0.5; }
	30%  { opacity: 1; scale: 1.04; }
	48%  { scale: 0.96; }
	63%  { scale: 1.03; }
	76%  { scale: 0.99; }
	87%  { scale: 1.01; }
	100% { opacity: 1; scale: 1; }
}
@keyframes feature-text-in {
	0%   { opacity: 0; translate: 0 10px; }
	100% { opacity: 1; translate: 0 0; }
}
.js-fader-ready.js-fader-feature {
	translate: 0;
	opacity: 0;
	scale: 0.5;
	transition: none;
}
.js-fader-ready.js-fader-feature .q10kajitsugumi-q10-feature-title,
.js-fader-ready.js-fader-feature .q10kajitsugumi-q10-feature-link {
	opacity: 0;
	translate: 0 10px;
}
.js-fader-start.js-fader-feature {
	animation: feature-pop 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}
.js-fader-start.js-fader-feature .q10kajitsugumi-q10-feature-title {
	animation: feature-text-in 0.5s cubic-bezier(0.37, 0, 0.63, 1) 0.55s forwards;
}
.js-fader-start.js-fader-feature .q10kajitsugumi-q10-feature-link {
	animation: feature-text-in 0.5s cubic-bezier(0.37, 0, 0.63, 1) 1.05s forwards;
}

/* feature-pop: 2つ目アイテム PC横並び時に1つ目完了後に開始 */
@media screen and (min-width: 1001px) {
	.js-fader-start.js-fader-feature-second {
		animation: feature-pop 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.75s both;
	}
	.js-fader-start.js-fader-feature-second .q10kajitsugumi-q10-feature-title {
		animation: feature-text-in 0.5s cubic-bezier(0.37, 0, 0.63, 1) 2.30s both;
	}
	.js-fader-start.js-fader-feature-second .q10kajitsugumi-q10-feature-link {
		animation: feature-text-in 0.5s cubic-bezier(0.37, 0, 0.63, 1) 2.80s both;
	}
}

/* juwa: scaleY(span)→scaleX(img)の順で展開 */
.js-fader-ready.js-fader-juwa {
	scale: 1 0.88;
	transition-property: opacity;
}
.js-fader-start.js-fader-juwa {
	scale: 1 1;
	transition-duration: 1.2s;
	transition-timing-function: cubic-bezier(0.22, 0, 0.36, 1);
}
.q10kajitsugumi-point-view-juwa-image span:first-of-type.js-fader-ready {
	opacity: 0;
}
.q10kajitsugumi-point-view-juwa-image span:first-of-type.js-fader-start {
	opacity: 0.5;
}

.js-fader-juwa img {
	display: block;
	scale: 0.88 1;
	transition-property: scale;
	transition-duration: 1.9s;
	transition-timing-function: cubic-bezier(0.22, 0, 0.36, 1);
}
.js-fader-start.js-fader-juwa img {
	scale: 1.04 1;
}

/* lineup decoration: 01→03→02→04の順に0.3s間隔で下からふわっと表示 */
.js-fader [class*="-decoration"] {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 0.65s 0s, translate 0.65s 0s;
}
.js-fader-start [class*="-decoration"] {
	opacity: 1;
	translate: 0 0;
}
.js-fader-start [class*="-decoration01"] { transition-delay: 0.3s; }
.js-fader-start [class*="-decoration03"] { transition-delay: 0.6s; }
.js-fader-start [class*="-decoration02"] { transition-delay: 0.9s; }
.js-fader-start [class*="-decoration04"] { transition-delay: 1.2s; }

/* movie modal ---------------------------------------*/

#cboxOverlay {
	background: rgba(147, 205, 225, 0.8);
}

.cbox-movie #cboxContent {
	padding: 0;
}
.cbox-movie #cboxLoadedContent {
	padding: 0;
	opacity: 0;
	transition: opacity 0.3s ease;
}
.cbox-movie #cboxLoadedContent iframe {
	display: block;
}
.cbox-movie #cboxClose {
	top: -44px;
	right: 0;
	width: 36px;
	height: 36px;
	background: url('/q10kajitsu-gumi/assets/img/icon_close_l.svg') no-repeat center center / contain;
	text-indent: -9999px;
	overflow: hidden;
}

/* q10 detail modal ---------------------------------------*/

.q10kajitsugumi-modal-wrapper {
	display: none;
}

.q10kajitsugumi-modal {
	position: relative;
	width: 100%;
	max-width: 960px;
	max-height: 90vh;
	margin: 0 auto;
	background: #fff;
	border-radius: 50px;
	display: flex;
	flex-direction: column;
	overflow: visible;
}

.cbox-q10 #cboxClose {
	display: none !important;
}

.q10kajitsugumi-modal-close {
	position: absolute;
	top: 30px;
	right: 30px;
	width: 32px;
	height: 32px;
	padding: 0;
	background: none;
	border: none;
	cursor: pointer;
	z-index: 1;
}

/* colorbox overrides for q10 modal */
#colorbox.cbox-q10 {
	overflow: visible !important;
}
#colorbox.cbox-q10 #cboxWrapper,
#colorbox.cbox-q10 #cboxContent {
	overflow: visible !important;
	background: transparent;
}
#colorbox.cbox-q10 #cboxLoadedContent {
	overflow: visible !important;
	background: transparent;
}

.q10kajitsugumi-modal-inner {
	padding: 64px 40px;
	flex: 1;
	min-height: 0;
	overflow-y: auto;
	border-radius: 50px;
}

.q10kajitsugumi-modal-content {
	max-width: 760px;
	margin: 0 auto;
}

.q10kajitsugumi-modal-title {
	text-align: center;
	font-size: 28px;
	font-weight: 600;
	line-height: 160%;
	letter-spacing: 4.48px;
	margin-top: 0;
	margin-bottom: 48px;
}

.q10kajitsugumi-modal-title-03:not(:first-child) {
	margin-top: 80px;
}

.q10kajitsugumi-modal-title-01,
.q10kajitsugumi-modal-title-02 {
	background: linear-gradient(90deg, #E7C58D 0%, #D49B3B 98.57%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.q10kajitsugumi-modal-title-03 {
	background: linear-gradient(270deg, #0083C0 0%, #00B2BE 100%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	color: transparent;
}

.q10kajitsugumi-modal-image {
	position: relative;
	margin-bottom: 48px;
}

.q10kajitsugumi-modal-image img {
	width: 100%;
}

.q10kajitsugumi-modal-01-fukidachi {
	position: absolute;
	top: 132px;
	right: -64px;
	width: 202px;
	pointer-events: none;
	opacity: 0;
}

.q10kajitsugumi-modal-01-fukidachi.is-fukidashi-pop {
	animation: feature-pop 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
}

.q10kajitsugumi-modal-01-fukidachi.is-fukidashi-active {
	opacity: 1;
}

.q10kajitsugumi-modal-01-fukidachi.is-animation {
	animation: jelly 1.2s linear 0s 1;
}

.q10kajitsugumi-modal-02-fukidachi {
	position: absolute;
	top: 21%;
	right: 10.7%;
	width: 27%;
	pointer-events: none;
	opacity: 0;
}

.q10kajitsugumi-modal-02-fukidachi.is-fukidashi-pop {
	animation: feature-pop 0.95s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;

}
.q10kajitsugumi-modal-02-fukidachi.is-fukidashi-active {
	opacity: 1;
}

.q10kajitsugumi-modal-02-fukidachi.is-animation {
	animation: jelly 1.2s linear 0s 1;
}

.q10kajitsugumi-modal-list {
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	max-width: 658px;
	margin: 0 auto 48px;
}

.q10kajitsugumi-modal-list dt {
	width: 84px;
	color: #300000;
	font-size: 13px;
	font-weight: 500;
	line-height: 160%; /* 20.8px */
}

.q10kajitsugumi-modal-list dt:not(:last-child) {
	margin-bottom: 20px;
}

.q10kajitsugumi-modal-list dd {
	width: calc(100% - 84px);
	color: #755555;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%; /* 22.4px */
	letter-spacing: 0.7px;
}

.q10kajitsugumi-modal-list dd:not(:last-child) {
	margin-bottom: 20px;
}

.q10kajitsugumi-modal-text-wrapper {
	max-width: 658px;
	margin: 0 auto 48px;
}

.q10kajitsugumi-modal-text {
	color: #755555;
	font-size: 14px;
	font-weight: 500;
	line-height: 160%; /* 22.4px */
	letter-spacing: 0.7px;
}

.q10kajitsugumi-modal-close-bottom {
	text-align: center;
}

.q10kajitsugumi-modal-close-bottom button {
	max-width: 288px;
	width: 90%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-wrap: wrap;
	margin: 0 auto;
	color: #755555;
	font-size: 16px;
	font-weight: 500;
	line-height: 160%; /* 25.6px */
	background: #FFF;
	box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.20);
	letter-spacing: 0.8px;
	border-radius: 60px;
	padding: 10px 9px;
	cursor: pointer;
}

.q10kajitsugumi-modal-close-bottom button i {
	background: url('/q10kajitsu-gumi/assets/img/icon_close.svg') no-repeat center center / contain;
	width: 13px;
	height: 13px;
	margin-right: 8px;
}

/* SP: width100% */
@media screen and (max-width: 767px) {

	
	.q10kajitsugumi-modal-close {
		right: 19px;
	}

	.q10kajitsugumi-modal {
		max-width: none;
		max-height: none;
		height: 100%;
		border-radius: 0;
	}
	.q10kajitsugumi-modal-inner {
		border-radius: 0;
		padding: 56px 30px;
	}

		
	.q10kajitsugumi-modal-title {
		font-size: 18px;
		margin-bottom: 40px;
		letter-spacing: 2px;
	}

	.q10kajitsugumi-modal-title-03 {
		margin-bottom: 24px;
	}

	.q10kajitsugumi-modal-title-03:not(:first-child) {
		margin-top: 56px;
	}
	
	.q10kajitsugumi-modal-list {
		display: block;
	}

	.q10kajitsugumi-modal-image {
		margin-bottom: 40px;
	}

	.q10kajitsugumi-modal-01-fukidachi {
		top: unset;
		bottom: 16.8%;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 85.46%;
	}

	.q10kajitsugumi-modal-02-fukidachi {
		position: absolute;
		top: unset;
		bottom: 27%;
		right: 0;
		left: 0;
		margin: 0 auto;
		width: 85.46%;
	}

	.q10kajitsugumi-modal-03-image {
		margin-bottom: 24px;
	}

	.q10kajitsugumi-modal-list dt {
		width: 100%;
	}

	.q10kajitsugumi-modal-list dt:not(:last-child) {
		margin-bottom: 12px;
	}

	.q10kajitsugumi-modal-list dd {
		width: 100%;
		font-size: 14px;
		letter-spacing: 0.7px;
	}

	.q10kajitsugumi-modal-list dd:not(:last-child) {
		margin-bottom: 24px;
	}


	/* シャボン玉 */

	.q10kajitsugumi-bubble02,
	.q10kajitsugumi-bubble03,
	.q10kajitsugumi-bubble04,
	.q10kajitsugumi-bubble08,
	.q10kajitsugumi-bubble12 {
		display: none;
	}

	.q10kajitsugumi-bubble01 {
		bottom: unset;
		top: -6vw;
		right: -16vw;
		width: 34vw;
		height: 31vw;
	}

	.q10kajitsugumi-bubble04-sp {
		display: block;
		width: 44vw;
		height: 40vw;
		top: -34vw;
		right: -19vw;
	}

	.q10kajitsugumi-bubble05 {
		width: 22vw;
		height: 22vw;
		bottom: -12vw;
		right: -6vw;
	}

	.q10kajitsugumi-bubble06 {
		width: 35vw;
		height: 34vw;
		top: -39vw;
		left: -10vw;
	}

	.q10kajitsugumi-bubble07 {
		width: 21vw;
		height: 20vw;
		top: 21vw;
		left: -13vw;
	}

	.q10kajitsugumi-bubble08-sp {
		display: block;
		width: 22vw;
		height: 23vw;
		top: -19vw;
		right: 8vw;
	}

	.q10kajitsugumi-bubble09 {
		width: 22vw;
		height: 21vw;
		top: -42vw;
		left: 21vw;
	}

	.q10kajitsugumi-bubble10 {
		width: 45vw;
		height: 40vw;
		top: -29vw;
		left: -22vw;
	}

	.q10kajitsugumi-bubble11 {
		width: 14vw;
		height: 14vw;
		bottom: -18vw;
		right: 2vw;
	}

	.q10kajitsugumi-bubble12-sp {
		display: block;
		width: 23vw;
		height: 20vw;
		bottom: -35vw;
		right: 15vw;
	}
}

/* SP: width100% */
@media screen and (max-width: 380px) {
	
	.q10kajitsugumi-point-feature-title {
		font-size: 24px;
	}

	.q10kajitsugumi-point-feature-text {
		font-size: 14px;
	}

	.q10kajitsugumi-movie-text {
		font-size: 20px;
	}

	.q10kajitsugumi-movie-text span {
		font-size: 22px;
	}

	.q10kajitsugumi-q10-feature-title b {
		font-size: 26px;
	}

	.q10kajitsugumi-q10-about {
		padding: 40px 20px 27px;
	}

	.q10kajitsugumi-q10-about-title {
		font-size: 22px;
	}

	.q10kajitsugumi-q10-about-title b {
		font-size: 24px;
	}

	.q10kajitsugimi-about-block-detail {
		font-size: 15px;
	}

	.q10kajitsugumi-lineup {
		padding: 44.1vw 20px 41.03vw;
	}

	.q10kajitsugumi-modal-title {
		font-size: 16px;
	}
}