@charset "UTF-8";
/*=============================================================

 Date: 2023-10-10
 CSS Document ： gokigen Lab. 「性とからだとこころを知るカード」

=============================================================*/
/*------------------------------------

ベース

------------------------------------*/
.fsc_gfooter__breadcrumb {
		margin-top: 0;
}
.pc_kb {
		display: block;
}
p span.pc_kb {
		display: inline;
}
.sp_kb {
		display: none !important;
}
ruby {
		vertical-align: middle;
}
rt {
		font-size: 40%;
		zoom: 0.8;
}
/*------------------------------------

wrap

------------------------------------*/
#outer_kb {
		opacity: 0;
		min-width: 1070px;
}
#outer_kb.load_kb {
		animation: fade_kb 1.5s ease 0s forwards;
}
#wrap_kb {
		line-height: 2.0;
		overflow-x:hidden;
		/* width: 100%; */
		margin: 0 auto;
		letter-spacing: .15em;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
		text-align: center;
		font-family: "Shuei MaruGo L";
		position: relative;
		z-index: 1;
}
#wrap_kb img {
		max-width: 100%;
}
#wrap_kb p {
		transform: rotate(0.05deg);
}
#wrap_kb a {
		/* display: block; */
		transition: all .3s;
		text-decoration: none;
}
@media (hover:hover) {
		#wrap_kb a:hover {
				opacity: .7;
		}
}
#wrap_kb ul {
		/* margin: 0; */
		padding: 0;
		list-style: none;
}
.inner_kb {
		width: 1070px;
		margin: 0 auto;
}
/*------------------------------------

メインタイトル

------------------------------------*/
#title_kb {
		position: relative;
}
#title_kb .title_image {
		height: calc(100vh - 53px);
		background: url(../images/title_image.jpg?$staticlink$) no-repeat center;
		background-size: cover;
}
.title_ashirai {
		position: absolute;
		bottom: 17%;
		right: 1%;
		width: 20%;
		display: block;
}
.title_ashirai img {}
.load_kb .title_ashirai {
		animation: fade_kb 1.0s cubic-bezier(0.475, 0.885, 0.320, 1.575) both 1.4s;
}
.fixed_btn {
		position: fixed;
		bottom: 56px;
		right: 30px;
		width: 150px;
		z-index: 10;
		opacity: 0;
}
.load_kb .fixed_btn {
		animation: bound 0.7s cubic-bezier(0.61, 1, 0.88, 1) 1.4s forwards;
}
.fixed_btn::before, .fixed_btn::after {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: url(../images/fixed_btn_bg.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		animation: rotation 15.0s linear 0s infinite;
		transition: all 0.3s;
}
.fixed_btn::before {
		background: url(../images/fixed_btn_bg_on.svg) no-repeat center;
}
.fixed_btn a {
		display: block;
		position: relative;
		z-index: 1;
}
.fixed_btn a::after {
		transition: all 0.3s;
		display: block;
		width: 22%;
		height: 30%;
		content: '';
		background: url(../images/fixed_btn_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 6%;
		left: 38%;
}
.fixed_btn a img {}
@media (hover:hover) {
		.fixed_btn a:hover {
				opacity: 1 !important;
		}
		.fixed_btn a:hover::after {
				left: 43%;
		}
		.fixed_btn:hover::after {
				opacity: 0;
		}
}
@keyframes rotation {
		0% {
				transform: rotate(0);
		}
		100% {
				transform: rotate(360deg);
		}
}
@keyframes bound {
		0% {
				opacity: 0;
				transform: translate(0, 10px);
		}
		40% {
				opacity: 1;
				transform: translate(0, -10px);
		}
		80% {
				opacity: 1;
				transform: translate(0, 3px);
		}
		100% {
				opacity: 1;
				transform: translate(0px, 0px);
		}
}
@media (min-width: 2000px) {
		#title_kb .title_image {
				height: 46vw;
				background-size: cover;
		}
}
/*------------------------------------

共通

------------------------------------*/
.line_kb {
		padding-bottom: 0.1em;
		display: inline-block;
		position: relative;
}
.line_kb::after {
		display: block;
		width: 0%;
		height: 91%;
		content: '';
		border-bottom: 1px solid #e5372f;
		position: absolute;
		top: 0;
		left: 0;
}
.line_kb.anime_kb::after {
		animation: line_anime 0.9s cubic-bezier(0.475, 0.885, 0.320, 1.0) both 0.3s;
}
@keyframes line_anime {
		0% {
				width: 0%;
		}
		100% {
				width: 100%;
		}
}
#wrap_kb section {
		position: relative;
		/* margin: 0 0 5em; */
}
#wrap_kb section > h2 {
		color: #e5372f;
		display: flex;
		justify-content: center;
		align-items: center;
		font-weight: bold;
		font-family: "Shuei MaruGo B";
		margin: 2.1em 0 1em;
		font-size: 240%;
		letter-spacing: 0.2em;
}
#wrap_kb section > h2::before, #wrap_kb section > h2::after {
		display: inline-block;
		width: 2.7em;
		height: 1.4em;
		content: '';
		background: url(../images/midashi_l.svg) no-repeat center;
		background-size: contain;
}
#wrap_kb section > h2::before {}
#wrap_kb section > h2::after {
		background: url(../images/midashi_r.svg) no-repeat center;
}
#wrap_kb section h3 {
		font-family: "Shuei MaruGo B";
		line-height: 1.4;
		display: inline-block;
}
.min_txt {
		font-size: 73%;
		vertical-align: middle;
}
/* あしらい */
.ashirai_box {}
.ashirai_box img {
		position: absolute;
		opacity: 0;
}
.ashirai_box img.fadeIn_kb {
		animation: bound 0.7s cubic-bezier(0.61, 1, 0.88, 1) 0.3s forwards;
}
.ashirai_box img.ashirai_01 {
		left: -59px;
		top: 8%;
		animation-delay: 1.5s;
}
.ashirai_box img.ashirai_02 {
		right: -73px;
		bottom: 1%;
		animation-delay: 1.5s;
}
.ashirai_box img.ashirai_03 {
		top: -48px;
		left: -118px;
}
.ashirai_box img.ashirai_04 {
		top: -43px;
		right: -118px;
}
.ashirai_box img.ashirai_03.fadeIn_kb {
		animation: fade_kb 0.5s cubic-bezier(0.61, 1, 0.88, 1) 1.0s forwards;
}
.ashirai_box img.ashirai_04.fadeIn_kb {
		animation: fade_kb 0.5s cubic-bezier(0.61, 1, 0.88, 1) 1.3s forwards;
}
.ashirai_box img.ashirai_05 {
		top: 36%;
		left: -145px;
}
.ashirai_box img.ashirai_06 {
		top: 30%;
		right: -100px;
}
.ashirai_box img.ashirai_07 {
		left: -132px;
		top: 40%;
}
.ashirai_box img.ashirai_08 {
		right: -100px;
		bottom: 30%;
}
.ashirai_box img.ashirai_09 {
		left: -250px;
		top: 63%;
}
.ashirai_box img.ashirai_10 {
		right: -216px;
		bottom: 15%;
}
.ashirai_box img.ashirai_11 {
		top: 30%;
		left: -150px;
}
.ashirai_box img.ashirai_12 {
		top: 50%;
		right: -115px;
}


/*------------------------------------

リード

------------------------------------*/
#lead_kb {
		margin: 3em 0 4.6em;
}
#lead_kb h1 {
		margin-bottom: 1em;
}
#lead_kb h1 img {
		width: 480px;
}
#lead_kb p {
		font-size: 120%;
}
#lead_kb p a {
		text-decoration: underline;
		font-weight: bold;
}
/*------------------------------------

ナビ

------------------------------------*/
#nav_kb {
		font-size: 110%;
		letter-spacing: 0.2em;
}
#nav_kb .nav_wrap {
		background: #fff53c;
}
#nav_kb ul {
		display: flex;
		justify-content: space-between;
		align-items: center;
		max-width: 920px;
		margin: 0 auto;
		padding: 5px 0;
}
#nav_kb ul li {
		width: 20%;
}
#nav_kb ul li a {
		font-family: "Shuei MaruGo B";
		padding: 0.9em 0;
		display: block;
		background: url(../images/nav_arrow.svg) no-repeat center bottom 0.4em;
		background-size: 0.7em;
		position: relative;
		cursor: pointer;
		border-radius: 0.5em;
		margin: 0 0.5em;
		transform: rotate(0.05deg);
}
#nav_kb ul li:not(:last-child) a::after {
		border-right: 3px solid #FFF;
		display: block;
		width: 0;
		height: 80%;
		content: '';
		position: absolute;
		top: 10%;
		right: -0.5em;
}
@media (hover:hover) {
		#nav_kb ul li a:hover {
				background-color: #FFF;
				opacity: 1;
		}
}
/*ナビ固定*/
#nav_kb .nav_wrap.fixed {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		z-index: 11;
		transition: all 0.3s;
		display: none;
}
/*------------------------------------

コンセプト

------------------------------------*/
#concept_kb {
		margin: 0 0 5em;
}
#concept_kb h2 {}
#concept_kb p {
		letter-spacing: 0.1em;
}
/*------------------------------------

メインコンテンツ

------------------------------------*/
#main_kb {
		background: #ffe3e2;
		padding: 0 0 0em;
}
/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
#intro_kb {}
/* お悩み */
#intro_kb .onayami {
		position: relative;
}
#intro_kb .onayami .q_icon {
		width: 3.5em;
		margin: -1.5em 0 0;
}
#intro_kb .onayami .onayami_ttl {
		margin: 0.6em 0 0.9em;
		color: #00adb2;
		display: block;
		font-size: 185%;
}
#wrap_kb ul.fukidashi_list {
		display: flex;
		justify-content: space-between;
		align-items: center;
		flex-wrap: wrap;
		width: 711px;
		margin: 0 auto;
		background: url(../images/onayami_image.png) no-repeat center bottom 86px;
		background-size: 192px;
		position: relative;
		padding: 0 0 2em;
}
ul.fukidashi_list::after {
		display: block;
		width: 4em;
		height: 3.5em;
		content: '';
		background: url(../images/onayami_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 5%;
		right: 45.5%;
}
ul.fukidashi_list li {
		margin-bottom: 0.8em;
}
ul.fukidashi_list li img {}
ul.fukidashi_list li:nth-child(1) {}
ul.fukidashi_list li:nth-child(2) {}
ul.fukidashi_list li:nth-child(3) {}
ul.fukidashi_list li:nth-child(4) {
		margin-left: 24px;
}
ul.fukidashi_list li:nth-child(5) {
		margin: -47px -28px 0 0;
}
ul.fukidashi_list li:nth-child(6) {}
ul.fukidashi_list li:nth-child(7) {}
.onayami.fadeIn_kb ul.fukidashi_list li {}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(1) {
		animation-delay: 0.5s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(2) {
		animation: cloud_anime 3.7s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.3s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(3) {
		animation-delay: 0.5s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(4) {
		animation: cloud_anime 3.7s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.6s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(5) {
		animation-delay: 0.9s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(6) {
		animation-delay: 1.0s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(7) {
		animation: cloud_anime 3.7s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.9s;
}
.onayami.fadeIn_kb ul.fukidashi_list li img {
		animation: fade_kb 1.0s cubic-bezier(0.475, 0.885, 0.320, 1.575) both 0s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(1) img {
		animation-delay: 0.0s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(2) img {
		animation-delay: 0.4s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(3) img {
		animation-delay: 0.0s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(4) img {
		animation-delay: 0.8s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(5) img {
		animation-delay: 0.3s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(6) img {
		animation-delay: 0.6s;
}
.onayami.fadeIn_kb ul.fukidashi_list li:nth-child(7) img {
		animation-delay: 0.8s;
}
@keyframes cloud_anime {
		0% {
				transform: translate(0px, 0)
		}
		50% {
				transform: translate(0, 5px)
		}
		100% {
				transform: translate(0px, 0)
		}
}
/* カードが誕生！ */
.onayami_card {}
#wrap_kb .onayami_card h3.onayami_card_ttl {
		background: #eb796d;
		color: #FFF;
		position: relative;
		display: inline-block;
		padding: 0.5em 2.6em;
		border-radius: 3em;
		font-size: 151%;
		letter-spacing: 0.13em;
		margin: 0em 0 0;
}
.onayami_card h3.onayami_card_ttl::after {
		display: block;
		width: 5em;
		height: 100%;
		content: '';
		background: url(../images/onayami_card.png) no-repeat center right 0;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: -2.5em;
}
.onayami_card p {
		width: 55%;
		margin: 2em auto 4em;
		text-align: justify;
		font-size: 91%;
}
/* このカードの出番です */
.deban_card {
		position: relative;
}
.deban_card .deban_card_ttl {
		color: #00adb2;
}
ul.deban_card_list {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 1em 0 2em;
}
ul.deban_card_list li {
		position: relative;
		padding: 70px 33px 0;
}
ul.deban_card_list li:nth-child(1) {}
ul.deban_card_list li:nth-child(2) {}
ul.deban_card_list li .image_illust {}
ul.deban_card_list li .deban_flo {
		position: absolute;
		display: block;
}
ul.deban_card_list li .fukidashi_01 {
		top: 93px;
		left: -120px;
}
ul.deban_card_list li .fukidashi_02 {
		top: 4%;
		left: 14%;
}
ul.deban_card_list li .fukidashi_03 {
		top: 3%;
		left: 38%;
}
ul.deban_card_list li .fukidashi_04 {
		top: 30%;
		right: -43%;
}
ul.deban_card_list li .question_01 {
		width: 11%;
		top: 13%;
		left: -24%;
}
ul.deban_card_list li .question_02 {
		width: 11%;
		top: 35%;
		right: 6%;
}
ul.deban_card_list li .question_03 {
		width: 11%;
		top: 24%;
		left: 11%;
}
ul.deban_card_list li .question_04 {
		width: 14%;
		top: 13%;
		right: -28%;
}
.deban_card p {
		font-size: 110%;
		line-height: 2.1;
}
.deban_card .main_image {
		margin: 2em;
}
.deban_card .main_image img {
		border-radius: 2.5em;
}
/* アニメ */
.deban_card.fadeIn_kb ul.deban_card_list li .deban_flo {
		animation: cloud_anime 3.7s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.5s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_01 {
		animation-delay: 0.3s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_02 {
		animation-delay: 0.8s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_03 {
		animation-delay: 0.3s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_04 {
		animation-delay: 0.8s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_01 {
		animation: question_anime 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.5s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_02 {
		animation: question_anime 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.8s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_03 {
		animation: question_anime02 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.0s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_04 {
		animation: question_anime02 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.3s;
}
@keyframes question_anime {
		0% {
				transform: rotate(10deg)
		}
		50% {
				transform: rotate(10deg)
		}
		50.1% {
				transform: rotate(0deg)
		}
		100% {
				transform: rotate(0deg)
		}
}
@keyframes question_anime02 {
		0% {
				transform: rotate(-10deg)
		}
		50% {
				transform: rotate(-10deg)
		}
		50.1% {
				transform: rotate(0deg)
		}
		100% {
				transform: rotate(0deg)
		}
}
/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
#kansyu_kb {
		margin: 6em 0 5em;
}
#wrap_kb #kansyu_kb h2 {
		margin-bottom: 0.4em;
}
#kansyu_kb h3.onayami_ttl {
		line-height: 1.6;
}
#kansyu_kb h3.onayami_ttl .min_txt {
		margin-left: 0.3em;
}
#kansyu_kb .kansyu_box {
		display: flex;
		justify-content: center;
		align-items: center;
}
#kansyu_kb .kansyu_box img {
		margin-right: 2.5em;
}
#kansyu_kb .kansyu_box p {
		text-align: left;
		margin: 0;
		font-size: 95%;
}
/*------------------------------------

商品リンク

------------------------------------*/
.spec_kb {
		background: url(../images/spec_bg.jpg) no-repeat center;
		background-size: contain;
		margin: 4.5em -500%;
		padding: 0 500%;
}
.spec_kb .inner_kb {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 540px;
		position: relative;
}
.spec_kb .spec_box {
		width: 400px;
		margin-right: 1em;
}
.spec_kb .spec_box h2 {
		width: 100%;
		margin: 0 auto 0.9em;
		border-bottom: 2px solid #FFF;
		padding-bottom: 0.8em;
}
.spec_kb .spec_box .price_kb {
		margin: 0 0 1em;
}
.spec_kb .spec_box .price_kb .num_kb {
		font-size: 230%;
		font-weight: 500;
		font-family: 'Tajawal', sans-serif;
		line-height: 0;
}
.spec_kb .spec_box .price_kb .tax_kb {}
.spec_set {
		font-size: 90%;
		display: inline-block;
}
.spec_set div {
		/* display: flex; */
		/* justify-content: flex-start; */
		/* align-items: flex-start; */
		/* text-align: left; */
		transform: rotate(0.05deg);
}
.spec_set div span {
		letter-spacing: 0.1em;
}
.spec_kb .spec_box a {
		position: relative;
		display: block;
		width: 80%;
		padding: 0.4em 0;
		margin: 1.9em auto 0;
		font-size: 135%;
		background: #ef4045;
		color: #FFF;
		font-weight: bold;
		border-radius: 1.5em;
		border: 1px solid #FFF;
		box-shadow: 0 0px 0px 4px #ef4045;
}
.spec_kb .spec_box a span {
		font-family: "Hiragino Kaku Gothic W6 JIS2004";
		font-weight: bold;
		font-size: 84%;
		letter-spacing: 0.2em;
}
.spec_kb .spec_box a::after {
		display: block;
		width: 0.9em;
		height: 100%;
		content: '';
		background: url(../images/buy_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 0.1em;
		right: 1.0em;
		transition: all 0.3s;
}
@media (hover:hover) {
		.spec_kb .spec_box a:hover {
				opacity: 1 !important;
				background: #FFF;
				color: #ef4045;
				border: 1px solid #ef4045;
				box-shadow: 0 0px 0px 4px #FFF;
		}
		.spec_kb .spec_box a:hover::after {
				right: 0.7em;
				background: url(../images/buy_arrow_w.svg) no-repeat center;
		}
}
/*------------------------------------

使い方

------------------------------------*/
#howto_kb {}
#howto_kb img.howto_ttl {
		width: 200px;
}
#wrap_kb #howto_kb h2 {
		margin-top: 0.7em;
}
#howto_kb ul {}
#howto_kb ul li {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
}
#howto_kb ul li > div {
		margin: 0 1.5em;
}
#howto_kb ul li .howto_img {}
#howto_kb ul li .howto_img img {}
#howto_kb ul li .howto_txt {}
#howto_kb ul li .howto_txt h3 {
		color: #00ac92;
		font-size: 168%;
}
#howto_kb ul li .howto_txt p {
		line-height: 1.9;
}
/* 位置 */
#howto_kb ul li.right_kb .howto_img {
		order: 1;
		margin: -1em 0;
}
/*------------------------------------

説明と宋先生からのメッセージ

------------------------------------*/
#movie_kb {
		margin: 0 0 7em;
}
#movie_kb h2 {}
.movie_kb {
		width: 100%;
		height: 600px;
		aspect-ratio: 16 / 8.956;
		margin: 0 auto;
		/* height: 0; */
		/* border: 8px solid #FFF; */
		position: relative;
}
.movie_kb::after {
		border: 8px solid #FFF;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
}
.movie_thumbnail {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow:hidden;
}
.movie_thumbnail::before {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: url(../images/movie_thumb.jpg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0;
		/* pointer-events:none; */
}
#play_kb {
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		background: none;
		/* opacity: 0; */
		transition: all 0.3s;
}
#play_kb::after {
		width: 100%;
		height: 100%;
		display: block;
		content: '';
		background: url(../images/movie_btn.svg) no-repeat center;
		background-size: 12.5%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		cursor: pointer;
		/* pointer-events:none; */
}
@media (hover:hover) {
		#play_kb:hover {
				transform: scale(1.2)
		}
}
/* アニメ */
.fadeIn_kb #play_kb::after {
		animation: bound 0.7s cubic-bezier(0.61, 1, 0.88, 1) 0.4s forwards;
}
/*------------------------------------

セット内容

------------------------------------*/
#set_kb {}
#wrap_kb #set_kb h2 {
		margin-bottom: 0.6em;
}
#set_kb > p {
		font-weight: bold;
		font-family: "Shuei MaruGo B";
		font-size: 115%;
}
ul.set_list {}
ul.set_list li {
		display: flex;
		justify-content: center;
		align-items: center;
		/* flex-wrap: wrap; */
		margin: 3em 0 5em;
}
ul.set_list li div.set_txt {
		margin: 0 auto;
}
ul.set_list li h3 {
		color: #e2372f;
		background: #FFF;
		border-radius: 2em;
		font-size: 157%;
		letter-spacing: 0.19em;
		padding: 0.2em 1.5em;
		margin-bottom: 0.9em;
}
ul.set_list li div.set_txt p {
		text-align: justify;
		/* margin: 0 2em; */
		/* display: block; */
		/* margin: 0 auto; */
		/* font-size: 91%; */
		letter-spacing: 0.08em;
}
ul.set_list li > img {}
/* 位置 */
ul.set_list li.box_left {}
ul.set_list li.box_left .set_txt {
		order: 1;
}
ul.set_list li.box_left > img {}
ul.set_list li.box_right {}
ul.set_list li.box_right .set_txt {}
ul.set_list li.box_right > img {}
/* 個別 */
ul.set_list li.parent {}
ul.set_list li.parent div.set_txt {
		width: 375px;
}
ul.set_list li.children {
		flex-wrap: wrap;
}
ul.set_list li.children .set_txt {
		max-width: 100%;
}
ul.set_list li.children .set_txt p {
		text-align: center;
}
ul.set_list li.children_mokuji {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		align-items: flex-start;
}
ul.set_list li.children_mokuji .set_txt {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1.5em;
}
ul.set_list li.children_mokuji img {
		margin: 0 1.5em;
}
ul.set_list li.children_mokuji img.mokuji01 {
		width: 41%;
}
ul.set_list li.children_mokuji img.mokuji02 {
		width: 35%;
}
ul.set_list li.omote {}
ul.set_list li.omote div.set_txt {}
ul.set_list li.naka {}
ul.set_list li.naka div.set_txt {
		width: 285px;
}
ul.set_list li.ura {
		position: relative;
}
ul.set_list li.ura .set_txt {
		width: 234px;
		margin-left: 13em;
}
ul.set_list li.ura > img {
		padding-bottom: 3em;
}
ul.set_list li.ura p {}
ul.set_list li.ura p .ura_img01 {
		margin: 1em 0 1em;
}
ul.set_list li.ura p .ura_img02 {
		width: 8em;
		margin: 1em 0 0 4.6em;
		display: block;
}
ul.set_list li.ura::after {
		display: block;
		width: 100%;
		height: 320px;
		content: '';
		background: url(../images/set_06_border.svg) no-repeat center right 348px;
		background-size: contain;
		position: absolute;
		top: 60px;
		left: 0;
}
/*------------------------------------

こんなとき、どうすれば？

------------------------------------*/
#question {
		text-align: left;
}
#question .question_box {
		background: #FFF;
		border-radius: 2em;
		width: 820px;
		margin: 0 auto;
		padding: 1.7em 0 1em;
}
#question .question_ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
}
#question .question_ttl img {
		margin-right: 1.5em;
		width: 133px;
}
#question .question_ttl h2 {
		color: #e5372f;
		font-family: "Shuei MaruGo B";
		text-align: left;
		line-height: 1.5em;
		font-size: 171%;
}
#question .question_ttl::after {
		display: block;
		width: 84%;
		height: 1em;
		content: '';
		background: url(../images/question_line.svg) no-repeat center;
		background-size: contain;
		margin: 0.5em auto;
}
#question ul.question_list {
		width: 75%;
		margin: 1em auto;
}
#question ul.question_list li {
		margin-bottom: 2em;
}
#question ul.question_list li h3 {
		color: #00a980;
		font-size: 125%;
		text-indent: -2.3em;
		padding-left: 2.3em;
}
#question ul.question_list li p {
		letter-spacing: 0.1em;
		text-align: justify;
}
/*------------------------------------

最後に

------------------------------------*/
#closing_kb {
		margin: 4em 0 1em;
		display: inline-block;
		padding: 1.3em 4em;
}
#closing_kb p {
		font-size: 127%;
		color: #4d4d4d;
		line-height: 2.2em;
}
#closing_kb p span {
		display: inline-block;
		border-bottom: 1px dotted #4d4d4d;
		letter-spacing: 0.15em;
		font-family: "Shuei MaruGo B";
}
#closing_kb::before, #closing_kb::after {
		display: block;
		width: 3em;
		height: 3em;
		content: '';
		position: absolute;
}
#closing_kb::before {
		border-top: 5px solid #FFF;
		border-left: 5px solid #FFF;
		top: 0;
		left: 0.4em;
}
#closing_kb::after {
		border-right: 5px solid #FFF;
		border-bottom: 5px solid #FFF;
		bottom: 0;
		right: 0;
}

/*------------------------------------

配布キャンペーン

------------------------------------*/
#campaign_kb {
    background: #abebd2;
    margin: 7em auto;
    border-radius: 2em;
    max-width: 820px;
    padding: 0 5em 4.3em;
}

#campaign_kb::before {display: inline-block;width: 42%;aspect-ratio: 10/7;content: '';background-image: url(../images/campaign_head.png);background-repeat: no-repeat;background-position: center top;background-size:contain;margin: -4em auto -3em;}

#campaign_kb .campaign-ttl {color: #c88000;font-size: 200%;display: block;}

#campaign_kb .campaign-ttl::after {
  display: block;
  width: 100%;
  height: 0.3em;
  content: '';
  background-image: repeating-linear-gradient(90deg, #FFFFFF, #FFFFFF 1px, transparent 1px, transparent 5px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  /*position: absolute;
  bottom: -3em;
  left: calc(-50vw + 460px);
  opacity: 0.3;*/
  margin: 0.5em 0 0;
}


#campaign_kb p {text-align: justify;word-break: break-all;text-justify:inter-character;width: 95%;margin: 1em auto 2em;}

#campaign_kb .list-ttl {color: #00a980;background: rgba(255,255,255,0.8);line-height: 1;width: max-content;padding: 0.5em 0.9em;border-radius: 2em;font-family: "Shuei MaruGo B";margin: 0 0 0.5em;font-size: 124%;}

#campaign_kb .campaign-list {font-family: "Shuei MaruGo B";display: flex;justify-content: flex-start;align-items: flex-start;flex-wrap: wrap;gap: 0.1em 3em;width: 95%;margin: 0 auto 1.7em;font-size: 120%;}

#campaign_kb .campaign-list li {text-align: left;}

#campaign_kb .campaign-list .note_kb {font-size: 75%;}

#campaign_kb .list-ttl li {
}

#campaign_kb a {
		position: relative;
		display: block;
		width: 97%;
		padding: 0.4em 0;
		margin: 1.0em auto 0;
		font-size: 135%;
		background: #c88000;
		color: #FFF;
		font-weight: bold;
		border-radius: 3.5em;
		border: 1px solid #FFF;
		box-shadow: 0 0px 0px 4px #c88000;
}
#campaign_kb a span {
		font-family: "Hiragino Kaku Gothic W6 JIS2004";
		font-weight: bold;
		font-size: 90%;
		letter-spacing: 0.2em;
		transform: rotate(0.05deg);
}
#campaign_kb a::after {
		display: block;
		width: 0.9em;
		height: 100%;
		content: '';
		background: url(../images/buy_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 0.1em;
		right: 1.0em;
		transition: all 0.3s;
}
@media (hover:hover) {
		#campaign_kb a:hover {
				opacity: 1 !important;
				background: #FFF;
				color: #c88000;
				border: 1px solid #c88000;
				box-shadow: 0 0px 0px 4px #FFF;
		}
		#campaign_kb a:hover::after {
				right: 0.7em;
				background: url(../images/buy_arrow_b.svg) no-repeat center;
		}
}

#campaign_kb .ashirai_box {
}

#campaign_kb .ashirai_box .ashirai_13 {width: 19%;top: 63%;right: -33px;}



/*------------------------------------

フッター

------------------------------------*/
#footer_kb {
		padding: 0 0 4.5em;
}
#footer_kb .link_kb {}
#footer_kb .link_kb a {
		color: #4d4d4d;
		font-family: "Shuei MaruGo B";
		background: #FFF;
		display: inline-block;
		border: 3px solid #f7e448;
		border-radius: 0.4em;
		position: relative;
		padding: 1em 4.5em 1em 3em;
		line-height: 1.7;
}
#footer_kb .link_kb a::after {
		display: block;
		width: 2.6em;
		height: 100%;
		content: '';
		background: url(../images/link_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 1em;
}
#footer_kb .footer_ttl {
		margin: 2em auto 3em;
}
#footer_kb .footer_ttl img:nth-child(1) {}
#footer_kb .footer_ttl img:nth-child(2) {
		width: 630px;
		display: block;
		margin: 0.3em auto;
}
#footer_kb .link_kb.lab_top {}
#footer_kb .link_kb.lab_top a {}
#footer_kb .link_kb.lab_top a img {
		width: 300px;
		margin-bottom: 0.7em;
}
/*------------------------------------

SNS

------------------------------------*/
#sns_kb {
		margin: 2.5em auto;
}
#sns_kb a {
		display: block;
		width: 40px;
		margin: 0 auto;
}
#sns_kb a img {}
/*------------------------------------
 
 ページトップへ
 
 ------------------------------------*/
.pageTop {
		position: relative;
		z-index: 100;
		display: none;
		width: 100%;
		height: 0;
		margin: 0 auto;
}
.pageTop a {
		position: fixed;
		z-index: 100;
		right: 49px;
		bottom: 0px;
		display: block;
		width: 113px;
		height: 38px;
		background-color: #FFF;
		background-image: url("../images/pagetop.svg");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		box-sizing: content-box;
}
@media (hover:hover) {
		.pageTop a:hover {
				opacity: 1 !important;
				background-color: #ef4045;
				background-image: url("../images/pagetop_on.svg");
		}
}
@media (max-width: 768px) {
		/* SP */
		.pageTop a {
				right: 5vw;
				height: 7vw;
				width: 20.5vw;
		}
}
/*------------------------------------
 
 フッターまで来たら追尾要素をストップ
 
------------------------------------*/
.fixed_stop_kb {
		top: auto !important;
		position: absolute !important;
}
/************ アニメーション ************/
.fade_kb {
		opacity: 0;
}
.fade_kb.fadeIn_kb {
		animation: fadeIn_kb 1.0s forwards 0s;
}
@keyframes fade_kb {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeIn_kb {
		0% {
				transform: translateY(50px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}
/*------------------------------------

SP

------------------------------------*/
@media (max-width: 768px) {
		.pc_kb {
				display: none !important;
		}
		.sp_kb {
				display: block !important;
		}
		p span.sp_kb {
				display: inline !important;
		}
		/*------------------------------------

wrap

------------------------------------*/
		#outer_kb {
				width: 100%;
				min-width: auto;
		}
		#wrap_kb {
				font-size: 3.3vw;
				/* line-height: 1.8em; */
				overflow-x:hidden;
		}
		#wrap_kb img {
				/* width: 100%; */
		}
		#wrap_kb a {}
		#wrap_kb ul {}
		#wrap_kb ul li {}
		.inner_kb {
				width: 100%;
		}
		/*------------------------------------

メインタイトル

------------------------------------*/
		#title_kb {}
		#title_kb .title_image {
				height: 136vw;
				background: url(../images/title_image_sp.jpg) no-repeat center;
				background-size: 100%;
		}
		.title_ashirai {
				right: 42%;
				bottom: 2%;
				width: 45%;
		}
		.title_ashirai img {}
		.fixed_btn {
				width: 25%;
				right: 3vw;
				bottom: 10vw;
		}
		.fixed_btn a {}
		.fixed_btn a img {}
		/*------------------------------------

共通

------------------------------------*/
		.line_kb {}
		#wrap_kb section {}
		#wrap_kb section > h2 {
				font-size: 190%;
		}
		#wrap_kb section > h2::before, #wrap_kb section > h2::after {}
		#wrap_kb section > h2::before {}
		#wrap_kb section > h2::after {}
		#wrap_kb section h3 {}
		.min_txt {}
		/* あしらい */
		.ashirai_box {
				display: none;
		}
		/*------------------------------------

リード

------------------------------------*/
		#lead_kb {
				margin: 2.1em 0 4em;
		}
		#lead_kb h1 {
				margin-bottom: 0.7em;
		}
		#lead_kb h1 img {
				width: 75%;
		}
		#lead_kb p {}
		#lead_kb p a {}
		/*------------------------------------

ナビ

------------------------------------*/
		#nav_kb {
				font-size: 80%;
		}
		#nav_kb .nav_wrap {}
		#nav_kb ul {}
		#nav_kb ul li {}
		#nav_kb ul li a {}
		#nav_kb ul li:not(:last-child) a::after {
				border-width: 2px;
		}
		#nav_kb ul li a:hover {}
		/*ナビ固定*/
		#nav_kb .nav_wrap.fixed {}
		/*------------------------------------

コンセプト

------------------------------------*/
		#concept_kb {}
		#concept_kb h2 {}
		#concept_kb p {}
		/*------------------------------------

メインコンテンツ

------------------------------------*/
		#main_kb {}
		/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
		#intro_kb {}
		/* お悩み */
		#intro_kb .onayami {}
		#intro_kb .onayami .q_icon {
				width: 3.0em;
		}
		#intro_kb .onayami .onayami_ttl {
				font-size: 161%;
		}
		#wrap_kb ul.fukidashi_list {
				width: 90%;
				background-size: 44%;
				background-position: top 54% right -5%;
		}
		ul.fukidashi_list::after {
				bottom: -3%;
				right: 45.5%;
		}
		ul.fukidashi_list li {
				width: 46%;
		}
		ul.fukidashi_list li img {}
		ul.fukidashi_list li:nth-child(1) {}
		ul.fukidashi_list li:nth-child(2) {}
		ul.fukidashi_list li:nth-child(3) {
				order: -1;
				width: 100%;
		}
		ul.fukidashi_list li:nth-child(4) {
				width: 100%;
				text-align: left;
				margin: 0;
		}
		ul.fukidashi_list li:nth-child(5) {
				margin: 1em 0;
				width: 57%;
		}
		ul.fukidashi_list li:nth-child(6) {}
		ul.fukidashi_list li:nth-child(7) {
				width: 50%;
		}
		ul.fukidashi_list li:nth-child(1) img {}
		ul.fukidashi_list li:nth-child(2) img {
				width: 90%;
		}
		ul.fukidashi_list li:nth-child(3) img {
				width: 43%;
		}
		ul.fukidashi_list li:nth-child(4) img {
				width: 50%;
				margin-left: 5%;
		}
		ul.fukidashi_list li:nth-child(5) img {}
		ul.fukidashi_list li:nth-child(6) img {}
		ul.fukidashi_list li:nth-child(7) img {}
		/* カードが誕生！ */
		.onayami_card {
				margin: 2.5em 0 0;
		}
		#wrap_kb .onayami_card h3.onayami_card_ttl {
				font-size: 137%;
		}
		.onayami_card h3.onayami_card_ttl::after {}
		.onayami_card p {
				width: 80%;
		}
		/* このカードの出番です */
		.deban_card {}
		.deban_card .deban_card_ttl {
				font-size: 143%;
				white-space: nowrap;
		}
		ul.deban_card_list {
				/* display: block; */
		}
		ul.deban_card_list li {
				width: 40%;
				padding: 70px 4% 0;
		}
		ul.deban_card_list li:nth-child(1) {}
		ul.deban_card_list li:nth-child(2) {}
		ul.deban_card_list li .image_illust {}
		ul.deban_card_list li .deban_flo {
				width: 14%;
				top: 5%;
				right: 1%;
		}
		ul.deban_card_list li .fukidashi_01 {
				width: 62%;
				top: 17%;
				left: -16%;
		}
		ul.deban_card_list li .fukidashi_02 {
				width: 62%;
				top: 2%;
				left: 35%;
		}
		ul.deban_card_list li .fukidashi_03 {
				width: 59%;
				top: 4%;
				left: 9%;
		}
		ul.deban_card_list li .fukidashi_04 {
				width: 57%;
				top: 18%;
				right: -20%;
		}
		ul.deban_card_list li .question_01 {
				top: 4%;
				left: 6%;
		}
		ul.deban_card_list li .question_02 {
				top: 46%;
				right: 6%;
		}
		ul.deban_card_list li .question_03 {
				width: 11%;
				top: 42%;
				left: 11%;
		}
		ul.deban_card_list li .question_04 {}
		.deban_card p {
				font-size: 100%;
		}
		.deban_card .main_image {}
		.deban_card .main_image img {}
		/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
		#kansyu_kb {}
		#wrap_kb #kansyu_kb h2 {}
		#kansyu_kb h3.onayami_ttl {
				font-size: 170%;
		}
		#kansyu_kb h3.onayami_ttl .min_txt {}
		#kansyu_kb .kansyu_box {
				display: block;
		}
		#kansyu_kb .kansyu_box img {
				margin: 0 0 1em;
				width: 44%;
		}
		#kansyu_kb .kansyu_box p {
				width: 80%;
				margin: 0 auto;
				text-align: justify;
		}
		/*------------------------------------

商品リンク

------------------------------------*/
		.spec_kb {
				background: url(../images/spec_bg_sp.jpg) no-repeat center;
				background-size: contain;
				margin: 3.5em 0;
				padding: 0 0;
		}
		.spec_kb .inner_kb {
				height: 164vw;
				display: flex;
				align-items: flex-end;
		}
		.spec_kb .spec_box {
				width: 80%;
				margin: 0 auto;
		}
		.spec_kb .spec_box h2 {
				width: 100%;
				margin: 0 auto 0.6em;
				padding-bottom: 0.5em;
		}
		.spec_kb .spec_box h2 img {
				width: 90%;
		}
		.spec_kb .spec_box .price_kb {}
		.spec_kb .spec_box .price_kb .num_kb {}
		.spec_kb .spec_box .price_kb .tax_kb {}
		.spec_set {
				font-size: 84%;
		}
		.spec_set div {}
		.spec_set div span {}
		.spec_kb .spec_box a {
				margin: 0.9em auto 2em;
		}
		.spec_kb .spec_box a span {}
		.spec_kb .spec_box a::after {}
		/*------------------------------------

使い方

------------------------------------*/
		#howto_kb {}
		#howto_kb img.howto_ttl {
				width: 10em;
		}
		#wrap_kb #howto_kb h2 {
				margin-top: 0.4em;
		}
		#howto_kb ul {}
		#howto_kb ul li {
				display: block;
				text-align: center;
				margin-bottom: 2em;
		}
		#howto_kb ul li > div {}
		#howto_kb ul li .howto_img {
				margin: 1em 0;
		}
		#howto_kb ul li .howto_img img {
				width: 50%;
		}
		#howto_kb ul li .howto_txt {}
		#howto_kb ul li .howto_txt h3 {
				font-size: 138%;
		}
		#howto_kb ul li .howto_txt p {}
		/* 位置 */
		#howto_kb ul li.right_kb .howto_img {
				margin: 1em 0;
		}
		/*------------------------------------

説明と宋先生からのメッセージ

------------------------------------*/
		#movie_kb {
				margin: 4em 0 7em;
		}
		#wrap_kb #movie_kb h2 {
				font-size: 131%;
		}
		.movie_kb {
				width: 93%;
				height: 53vw;
		}
		.movie_kb::after {
				border-width: 4px;
		}
		.movie_thumbnail {}
		.movie_thumbnail::before {}
		#play_kb {}
		/*------------------------------------

セット内容

------------------------------------*/
		#set_kb {}
		#wrap_kb #set_kb h2 {}
		#set_kb > p {
				font-size: 105%;
		}
		ul.set_list {
				width: 94%;
				margin: 0 auto;
		}
		ul.set_list li {
				display: block;
		}
		ul.set_list li div.set_txt {
				width: 85%;
		}
		ul.set_list li h3 {
				padding: 0.2em 2.0em;
		}
		ul.set_list li div.set_txt p {
				text-align: center;
		}
		ul.set_list li > img {}
		/* 位置 */
		ul.set_list li.box_left {}
		ul.set_list li.box_left .set_txt {}
		ul.set_list li.box_left > img {}
		ul.set_list li.box_right {}
		ul.set_list li.box_right .set_txt {}
		ul.set_list li.box_right > img {}
		/* 個別 */
		ul.set_list li.parent {}
		ul.set_list li.parent div.set_txt {
				width: 85%;
		}
		ul.set_list li.children {}
		ul.set_list li.children .set_txt {}
		ul.set_list li.children .set_txt p {
				/* text-align: justify; */
		}
		ul.set_list li.children_mokuji {}
		ul.set_list li.children_mokuji .set_txt {}
		ul.set_list li.children_mokuji img {}
		ul.set_list li.children_mokuji img.mokuji01 {
				width: 80%;
				margin: 0 0 2em;
		}
		ul.set_list li.children_mokuji img.mokuji02 {
				width: 81%;
				padding: 0 12% 0 0;
		}
		ul.set_list li.omote {}
		ul.set_list li.omote div.set_txt {}
		ul.set_list li.naka {}
		ul.set_list li.naka div.set_txt {}
		ul.set_list li.ura {}
		ul.set_list li.ura .set_txt {
				width: 100%;
				margin: 0;
		}
		ul.set_list li.ura > img {}
		ul.set_list li.ura p {
				position: relative;
		}
		ul.set_list li.ura p .ura_img01 {
				width: 50vw;
				display: block;
				margin-left: 5vw;
		}
		ul.set_list li.ura p .ura_img02 {
				position: absolute;
				top: -10vw;
				right: 7vw;
				margin: 0;
				width: 23vw;
		}
		ul.set_list li.ura::after {
				display: none;
		}
		/*------------------------------------

こんなとき、どうすれば？

------------------------------------*/
		#question {}
		#question .question_box {
				width: 90%;
		}
		#question .question_ttl {
				display: block;
				text-align: center;
		}
		#question .question_ttl img {
				margin: 0 0 0.6em;
				width: 34%;
		}
		#question .question_ttl h2 {
				font-size: 150%;
				text-align: center;
		}
		#question .question_ttl::after {}
		#question ul.question_list {
				width: 83%;
		}
		#question ul.question_list li {}
		#question ul.question_list li h3 {}
		#question ul.question_list li p {}
		/*------------------------------------

最後に

------------------------------------*/
		#closing_kb {
				padding: 1.3em 2em;
		}
		#closing_kb p {
				font-size: 104%;
		}
		#closing_kb p span {}
		#closing_kb::before, #closing_kb::after {
				border-width: 3px;
		}
		#closing_kb::before {}
		#closing_kb::after {}
    
    
/*------------------------------------

配布キャンペーン

------------------------------------*/
#campaign_kb {margin: 5em auto;width: 90%;padding: 0 2em 2.3em;}

#campaign_kb::before {width: 52vw;margin: -11vw auto -9vw;}

#campaign_kb .campaign-ttl {font-size: 160%;}

#campaign_kb .campaign-ttl::after { }


#campaign_kb p { }

#campaign_kb .list-ttl { }

#campaign_kb .campaign-list {font-size: 100%;letter-spacing: 0.1em;}

#campaign_kb .campaign-list li { }

#campaign_kb .campaign-list .note_kb { }

#campaign_kb .list-ttl li { }

#campaign_kb a {line-height: 1.3;font-size: 115%;padding: 0.7em 0;}
#campaign_kb a span { }
#campaign_kb a::after { }

#campaign_kb .ashirai_box {display: block;}

#campaign_kb .ashirai_box .ashirai_13 {width: 24vw;top: 64%;right: -4vw;}


    
    
		/*------------------------------------

フッター

------------------------------------*/
		#footer_kb {}
		#footer_kb .link_kb {}
		#footer_kb .link_kb a {}
		#footer_kb .link_kb a::after {}
		#footer_kb .footer_ttl {}
		#footer_kb .footer_ttl img:nth-child(1) {
				width: 29%;
		}
		#footer_kb .footer_ttl img:nth-child(2) {
				width: 76%;
		}
		#footer_kb .link_kb.lab_top {}
		#footer_kb .link_kb.lab_top a {}
		#footer_kb .link_kb.lab_top a img {
				width: 51vw;
		}
		/*------------------------------------

SNS

------------------------------------*/
		#sns_kb {}
		#sns_kb a {
				width: 9vw;
		}
		#sns_kb a img {}
}
/*------------------------------------

キッズデザインアワード追加

------------------------------------*/
/* タイトル */
.title_kda_logo {
		position: absolute;
		top: 4%;
		right: 4%;
		width: 20%;
		max-width: 105px;
}
.title_kda_logo img {}
/* メイン */
#kda_kb {
		background: #ffffe6;
		padding: 3.5em 0;
		margin-bottom: 4em;
}
#kda_kb .kda_logo {
		width: 305px;
		margin: 0 auto 1.5em;
		position: relative;
}
#kda_kb .kda_logo::before {
		display: block;
		width: 8em;
		height: 139%;
		content: '';
		background-image: url(../images/onayami_card.png);
		background-repeat: no-repeat;
		background-position: center right 0;
		background-size: contain;
		position: absolute;
		bottom: -1.1em;
		right: -9.0em;
}
#kda_kb .inner_kb > p {
		font-family: "Shuei MaruGo B";
		font-size: 107%;
}
#kda_kb p {}
#kda_kb .kda_logo img {}
#kda_kb .comment-wrap {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 7%;
		max-width: 720px;
		margin: 2em auto 0;
}
#kda_kb .comment-wrap .comment-box {
		color: #009d66;
		width: 45%;
}
#kda_kb .comment-wrap .comment-box .comment-btn {
		cursor: pointer;
		background: #FFF;
		border-radius: 0.5em;
		font-size: 150%;
		margin-bottom: 0.7em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		transition: all 0.3s;
}
@media (hover:hover) {
		#kda_kb .comment-wrap .comment-box .comment-btn:hover {
				opacity: 0.7;
		}
}
#kda_kb .comment-wrap .comment-box .comment-btn::after {
		display: block;
		width: 1em;
		height: 1em;
		content: '';
		background-image: url(../images/kda_arrow.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-right: -1em;
}
#kda_kb .comment-wrap .comment-box .comment-btn.open::after {
		transform: rotate(180deg)
}
#kda_kb .comment-wrap .comment-box .comment-btn span {
		font-family: "Shuei MaruGo B";
}
#kda_kb .comment-wrap .comment-box .comment-txt {
		display: none;
		text-align: justify;
		line-height: 1.9;
		letter-spacing: 0.1em;
}
/* 商品リンク */
.spec_kb .kda_logo {
		position: absolute;
		top: 4%;
		left: 0.5%;
		width: 17%;
		max-width: 100px;
}
/* SP */
@media (max-width: 768px) {
		.title_kda_logo {
				top: auto;
				right: auto;
				bottom: 2%;
				left: 2%;
				width: 17%;
		}
		/* メイン */
		#kda_kb {
				padding: 0.5em 5% 2em;
		}
		#kda_kb .kda_logo {
				width: 76%;
				margin-top: -10vw;
		}
		#kda_kb .kda_logo::before {
				position: static;
				height: 24vw;
				width: 100%;
				background-position: center;
				margin: 0 0vw 2vw 3vw;
		}
		#kda_kb .kda_logo img {}
		#kda_kb .comment-wrap {
				display: block;
		}
		#kda_kb .comment-wrap .comment-box {
				width: 90%;
				margin: 0 auto 2em;
		}
		#kda_kb .comment-wrap .comment-box .comment-btn {}
		#kda_kb .comment-wrap .comment-box .comment-btn::after {}
		#kda_kb .comment-wrap .comment-box .comment-btn.open::after {}
		#kda_kb .comment-wrap .comment-box .comment-btn span {}
		#kda_kb .comment-wrap .comment-box .comment-txt {}
		/* 商品リンク */
		.spec_kb .kda_logo {}
}
;
transform: rotate(0.05deg);
}
.onayami_card h3.onayami_card_ttl::after {
		display: block;
		width: 5em;
		height: 100%;
		content: '';
		background: url(../images/onayami_card.png) no-repeat center right 0;
		background-size: contain;
		position: absolute;
		bottom: 0;
		right: -2.5em;
}
.onayami_card p {
		width: 55%;
		margin: 2em auto 4em;
		text-align: justify;
		font-size: 91%;
}
/* このカードの出番です */
.deban_card {
		position: relative;
}
.deban_card .deban_card_ttl {
		color: #00adb2;
}
ul.deban_card_list {
		display: flex;
		justify-content: center;
		align-items: center;
		margin: 1em 0 2em;
}
ul.deban_card_list li {
		position: relative;
		padding: 70px 33px 0;
}
ul.deban_card_list li:nth-child(1) {}
ul.deban_card_list li:nth-child(2) {}
ul.deban_card_list li .image_illust {}
ul.deban_card_list li .deban_flo {
		position: absolute;
		display: block;
}
ul.deban_card_list li .fukidashi_01 {
		top: 93px;
		left: -120px;
}
ul.deban_card_list li .fukidashi_02 {
		top: 4%;
		left: 14%;
}
ul.deban_card_list li .fukidashi_03 {
		top: 3%;
		left: 38%;
}
ul.deban_card_list li .fukidashi_04 {
		top: 30%;
		right: -43%;
}
ul.deban_card_list li .question_01 {
		width: 11%;
		top: 13%;
		left: -24%;
}
ul.deban_card_list li .question_02 {
		width: 11%;
		top: 35%;
		right: 6%;
}
ul.deban_card_list li .question_03 {
		width: 11%;
		top: 24%;
		left: 11%;
}
ul.deban_card_list li .question_04 {
		width: 14%;
		top: 13%;
		right: -28%;
}
.deban_card p {
		font-size: 110%;
		line-height: 2.1;
}
.deban_card .main_image {
		margin: 2em;
}
.deban_card .main_image img {
		border-radius: 2.5em;
}
/* アニメ */
.deban_card.fadeIn_kb ul.deban_card_list li .deban_flo {
		animation: cloud_anime 3.7s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.5s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_01 {
		animation-delay: 0.3s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_02 {
		animation-delay: 0.8s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_03 {
		animation-delay: 0.3s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .fukidashi_04 {
		animation-delay: 0.8s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_01 {
		animation: question_anime 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.5s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_02 {
		animation: question_anime 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.8s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_03 {
		animation: question_anime02 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.0s;
}
.deban_card.fadeIn_kb ul.deban_card_list li .question_04 {
		animation: question_anime02 2s cubic-bezier(0.475, 0.885, 0.320, 1.575) infinite 0.3s;
}
@keyframes question_anime {
		0% {
				transform: rotate(10deg)
		}
		50% {
				transform: rotate(10deg)
		}
		50.1% {
				transform: rotate(0deg)
		}
		100% {
				transform: rotate(0deg)
		}
}
@keyframes question_anime02 {
		0% {
				transform: rotate(-10deg)
		}
		50% {
				transform: rotate(-10deg)
		}
		50.1% {
				transform: rotate(0deg)
		}
		100% {
				transform: rotate(0deg)
		}
}
/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
#kansyu_kb {
		margin: 6em 0 5em;
}
#wrap_kb #kansyu_kb h2 {
		margin-bottom: 0.4em;
}
#kansyu_kb h3.onayami_ttl {
		line-height: 1.6;
}
#kansyu_kb h3.onayami_ttl .min_txt {
		margin-left: 0.3em;
}
#kansyu_kb .kansyu_box {
		display: flex;
		justify-content: center;
		align-items: center;
}
#kansyu_kb .kansyu_box img {
		margin-right: 2.5em;
}
#kansyu_kb .kansyu_box p {
		text-align: left;
		margin: 0;
		font-size: 95%;
}
/*------------------------------------

商品リンク

------------------------------------*/
.spec_kb {
		background: url(../images/spec_bg.jpg) no-repeat center;
		background-size: contain;
		margin: 4.5em -500%;
		padding: 0 500%;
}
.spec_kb .inner_kb {
		display: flex;
		justify-content: flex-end;
		align-items: center;
		height: 540px;
		position: relative;
}
.spec_kb .spec_box {
		width: 400px;
		margin-right: 1em;
}
.spec_kb .spec_box h2 {
		width: 100%;
		margin: 0 auto 0.9em;
		border-bottom: 2px solid #FFF;
		padding-bottom: 0.8em;
}
.spec_kb .spec_box .price_kb {
		margin: 0 0 1em;
}
.spec_kb .spec_box .price_kb .num_kb {
		font-size: 230%;
		font-weight: 500;
		font-family: 'Tajawal', sans-serif;
		line-height: 0;
}
.spec_kb .spec_box .price_kb .tax_kb {}
.spec_set {
		font-size: 90%;
		display: inline-block;
}
.spec_set div {
		/* display: flex; */
		/* justify-content: flex-start; */
		/* align-items: flex-start; */
		/* text-align: left; */
		transform: rotate(0.05deg);
}
.spec_set div span {
		letter-spacing: 0.1em;
}
.spec_kb .spec_box a {
		position: relative;
		display: block;
		width: 80%;
		padding: 0.4em 0;
		margin: 1.9em auto 0;
		font-size: 135%;
		background: #ef4045;
		color: #FFF;
		font-weight: bold;
		border-radius: 1.5em;
		border: 1px solid #FFF;
		box-shadow: 0 0px 0px 4px #ef4045;
}
.spec_kb .spec_box a span {
		font-family: "Hiragino Kaku Gothic W6 JIS2004";
		font-weight: bold;
		font-size: 84%;
		letter-spacing: 0.2em;
		transform: rotate(0.05deg);
}
.spec_kb .spec_box a::after {
		display: block;
		width: 0.9em;
		height: 100%;
		content: '';
		background: url(../images/buy_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		bottom: 0.1em;
		right: 1.0em;
		transition: all 0.3s;
}
@media (hover:hover) {
		.spec_kb .spec_box a:hover {
				opacity: 1 !important;
				background: #FFF;
				color: #ef4045;
				border: 1px solid #ef4045;
				box-shadow: 0 0px 0px 4px #FFF;
		}
		.spec_kb .spec_box a:hover::after {
				right: 0.7em;
				background: url(../images/buy_arrow_w.svg) no-repeat center;
		}
}
/*------------------------------------

使い方

------------------------------------*/
#howto_kb {}
#howto_kb img.howto_ttl {
		width: 200px;
}
#wrap_kb #howto_kb h2 {
		margin-top: 0.7em;
}
#howto_kb ul {}
#howto_kb ul li {
		display: flex;
		justify-content: center;
		align-items: center;
		text-align: left;
}
#howto_kb ul li > div {
		margin: 0 1.5em;
}
#howto_kb ul li .howto_img {}
#howto_kb ul li .howto_img img {}
#howto_kb ul li .howto_txt {}
#howto_kb ul li .howto_txt h3 {
		color: #00ac92;
		font-size: 168%;
}
#howto_kb ul li .howto_txt p {
		line-height: 1.9;
}
/* 位置 */
#howto_kb ul li.right_kb .howto_img {
		order: 1;
		margin: -1em 0;
}
/*------------------------------------

説明と宋先生からのメッセージ

------------------------------------*/
#movie_kb {
		margin: 0 0 7em;
}
#movie_kb h2 {}
.movie_kb {
		width: 100%;
		height: 600px;
		aspect-ratio: 16 / 8.956;
		margin: 0 auto;
		/* height: 0; */
		/* border: 8px solid #FFF; */
		position: relative;
}
.movie_kb::after {
		border: 8px solid #FFF;
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		pointer-events: none;
}
.movie_thumbnail {
		height: 100%;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		overflow:hidden;
}
.movie_thumbnail::before {
		display: block;
		width: 100%;
		height: 100%;
		content: '';
		background: url(../images/movie_thumb.jpg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		left: 0; /* pointer-events:none; */
}
#play_kb {
		display: block;
		width: 100%;
		height: 100%;
		border: none;
		background: none;
		/* opacity: 0; */
		transition: all 0.3s;
}
#play_kb::after {
		width: 100%;
		height: 100%;
		display: block;
		content: '';
		background: url(../images/movie_btn.svg) no-repeat center;
		background-size: 12.5%;
		position: absolute;
		top: 0;
		left: 0;
		opacity: 0;
		cursor: pointer;
		/* pointer-events:none; */
}
@media (hover:hover) {
		#play_kb:hover {
				transform: scale(1.2)
		}
}
/* アニメ */
.fadeIn_kb #play_kb::after {
		animation: bound 0.7s cubic-bezier(0.61, 1, 0.88, 1) 0.4s forwards;
}
/*------------------------------------

セット内容

------------------------------------*/
#set_kb {}
#wrap_kb #set_kb h2 {
		margin-bottom: 0.6em;
}
#set_kb > p {
		font-weight: bold;
		font-family: "Shuei MaruGo B";
		font-size: 115%;
}
ul.set_list {}
ul.set_list li {
		display: flex;
		justify-content: center;
		align-items: center;
		/* flex-wrap: wrap; */
		margin: 3em 0 5em;
}
ul.set_list li div.set_txt {
		margin: 0 auto;
}
ul.set_list li h3 {
		color: #e2372f;
		background: #FFF;
		border-radius: 2em;
		font-size: 157%;
		letter-spacing: 0.19em;
		padding: 0.2em 1.5em;
		margin-bottom: 0.9em;
}
ul.set_list li div.set_txt p {
		text-align: justify;
		/* margin: 0 2em; */
		/* display: block; */
		/* margin: 0 auto; */
		/* font-size: 91%; */
		letter-spacing: 0.08em;
}
ul.set_list li > img {}
/* 位置 */
ul.set_list li.box_left {}
ul.set_list li.box_left .set_txt {
		order: 1;
}
ul.set_list li.box_left > img {}
ul.set_list li.box_right {}
ul.set_list li.box_right .set_txt {}
ul.set_list li.box_right > img {}
/* 個別 */
ul.set_list li.parent {}
ul.set_list li.parent div.set_txt {
		width: 375px;
}
ul.set_list li.children {
		flex-wrap: wrap;
}
ul.set_list li.children .set_txt {
		max-width: 100%;
}
ul.set_list li.children .set_txt p {
		text-align: center;
}
ul.set_list li.children_mokuji {
		flex-wrap: wrap;
		text-align: center;
		justify-content: center;
		align-items: flex-start;
}
ul.set_list li.children_mokuji .set_txt {
		width: 100%;
		max-width: 100%;
		margin-bottom: 1.5em;
}
ul.set_list li.children_mokuji img {
		margin: 0 1.5em;
}
ul.set_list li.children_mokuji img.mokuji01 {
		width: 41%;
}
ul.set_list li.children_mokuji img.mokuji02 {
		width: 35%;
}
ul.set_list li.omote {}
ul.set_list li.omote div.set_txt {}
ul.set_list li.naka {}
ul.set_list li.naka div.set_txt {
		width: 285px;
}
ul.set_list li.ura {
		position: relative;
}
ul.set_list li.ura .set_txt {
		width: 234px;
		margin-left: 13em;
}
ul.set_list li.ura > img {
		padding-bottom: 3em;
}
ul.set_list li.ura p {}
ul.set_list li.ura p .ura_img01 {
		margin: 1em 0 1em;
}
ul.set_list li.ura p .ura_img02 {
		width: 8em;
		margin: 1em 0 0 4.6em;
		display: block;
}
ul.set_list li.ura::after {
		display: block;
		width: 100%;
		height: 320px;
		content: '';
		background: url(../images/set_06_border.svg) no-repeat center right 348px;
		background-size: contain;
		position: absolute;
		top: 60px;
		left: 0;
}
/*------------------------------------

こんなとき、どうすれば？

------------------------------------*/
#question {
		text-align: left;
}
#question .question_box {
		background: #FFF;
		border-radius: 2em;
		width: 820px;
		margin: 0 auto;
		padding: 1.7em 0 1em;
}
#question .question_ttl {
		display: flex;
		justify-content: center;
		align-items: center;
		flex-wrap: wrap;
}
#question .question_ttl img {
		margin-right: 1.5em;
		width: 133px;
}
#question .question_ttl h2 {
		color: #e5372f;
		font-family: "Shuei MaruGo B";
		text-align: left;
		line-height: 1.5em;
		font-size: 171%;
}
#question .question_ttl::after {
		display: block;
		width: 84%;
		height: 1em;
		content: '';
		background: url(../images/question_line.svg) no-repeat center;
		background-size: contain;
		margin: 0.5em auto;
}
#question ul.question_list {
		width: 75%;
		margin: 1em auto;
}
#question ul.question_list li {
		margin-bottom: 2em;
}
#question ul.question_list li h3 {
		color: #00a980;
		font-size: 125%;
		text-indent: -2.3em;
		padding-left: 2.3em;
}
#question ul.question_list li p {
		letter-spacing: 0.1em;
		text-align: justify;
}
/*------------------------------------

最後に

------------------------------------*/
#closing_kb {
		margin: 4em 0 1em;
		display: inline-block;
		padding: 1.3em 4em;
}
#closing_kb p {
		font-size: 127%;
		color: #4d4d4d;
		line-height: 2.2em;
}
#closing_kb p span {
		display: inline-block;
		border-bottom: 1px dotted #4d4d4d;
		letter-spacing: 0.15em;
		font-family: "Shuei MaruGo B";
}
#closing_kb::before, #closing_kb::after {
		display: block;
		width: 3em;
		height: 3em;
		content: '';
		position: absolute;
}
#closing_kb::before {
		border-top: 5px solid #FFF;
		border-left: 5px solid #FFF;
		top: 0;
		left: 0.4em;
}
#closing_kb::after {
		border-right: 5px solid #FFF;
		border-bottom: 5px solid #FFF;
		bottom: 0;
		right: 0;
}
/*------------------------------------

フッター

------------------------------------*/
#footer_kb {
		padding: 0 0 4.5em;
}
#footer_kb .link_kb {}
#footer_kb .link_kb a {
		color: #4d4d4d;
		font-family: "Shuei MaruGo B";
		background: #FFF;
		display: inline-block;
		border: 3px solid #f7e448;
		border-radius: 0.4em;
		position: relative;
		padding: 1em 4.5em 1em 3em;
		line-height: 1.7;
}
#footer_kb .link_kb a::after {
		display: block;
		width: 2.6em;
		height: 100%;
		content: '';
		background: url(../images/link_arrow.svg) no-repeat center;
		background-size: contain;
		position: absolute;
		top: 0;
		right: 1em;
}
#footer_kb .footer_ttl {
		margin: 2em auto 3em;
}
#footer_kb .footer_ttl img:nth-child(1) {}
#footer_kb .footer_ttl img:nth-child(2) {
		width: 630px;
		display: block;
		margin: 0.3em auto;
}
#footer_kb .link_kb.lab_top {}
#footer_kb .link_kb.lab_top a {}
#footer_kb .link_kb.lab_top a img {
		width: 300px;
		margin-bottom: 0.7em;
}
/*------------------------------------

SNS

------------------------------------*/
#sns_kb {
		margin: 2.5em auto;
}
#sns_kb a {
		display: block;
		width: 40px;
		margin: 0 auto;
}
#sns_kb a img {}
/*------------------------------------
 
 ページトップへ
 
 ------------------------------------*/
.pageTop {
		position: relative;
		z-index: 100;
		display: none;
		width: 100%;
		height: 0;
		margin: 0 auto;
}
.pageTop a {
		position: fixed;
		z-index: 100;
		right: 49px;
		bottom: 0px;
		display: block;
		width: 113px;
		height: 38px;
		background-color: #FFF;
		background-image: url("../images/pagetop.svg");
		background-position: center bottom;
		background-repeat: no-repeat;
		background-size: contain;
		box-sizing: content-box;
}
@media (hover:hover) {
		.pageTop a:hover {
				opacity: 1 !important;
				background-color: #ef4045;
				background-image: url("../images/pagetop_on.svg");
		}
}
@media (max-width: 768px) {
		/* SP */
		.pageTop a {
				right: 5vw;
				height: 7vw;
				width: 20.5vw;
		}
}
/*------------------------------------
 
 フッターまで来たら追尾要素をストップ
 
------------------------------------*/
.fixed_stop_kb {
		top: auto !important;
		position: absolute !important;
}
/************ アニメーション ************/
.fade_kb {
		opacity: 0;
}
.fade_kb.fadeIn_kb {
		animation: fadeIn_kb 1.0s forwards 0s;
}
@keyframes fade_kb {
		0% {
				opacity: 0;
		}
		100% {
				opacity: 1;
		}
}
@keyframes fadeIn_kb {
		0% {
				transform: translateY(50px);
				opacity: 0;
		}
		100% {
				transform: translateY(0px);
				opacity: 1;
		}
}
/*------------------------------------

SP

------------------------------------*/
@media (max-width: 768px) {
		.pc_kb {
				display: none !important;
		}
		.sp_kb {
				display: block !important;
		}
		p span.sp_kb {
				display: inline !important;
		}
		/*------------------------------------

wrap

------------------------------------*/
		#outer_kb {
				width: 100%;
				min-width: auto;
		}
		#wrap_kb {
				font-size: 3.3vw;
				/* line-height: 1.8em; */
				overflow-x:hidden;
		}
		#wrap_kb img {
				/* width: 100%; */
		}
		#wrap_kb a {}
		#wrap_kb ul {}
		#wrap_kb ul li {}
		.inner_kb {
				width: 100%;
		}
		/*------------------------------------

メインタイトル

------------------------------------*/
		#title_kb {}
		#title_kb .title_image {
				height: 136vw;
				background: url(../images/title_image_sp.jpg) no-repeat center;
				background-size: 100%;
		}
		.title_ashirai {
				right: 42%;
				bottom: 2%;
				width: 45%;
		}
		.title_ashirai img {}
		.fixed_btn {
				width: 25%;
				right: 3vw;
				bottom: 10vw;
		}
		.fixed_btn a {}
		.fixed_btn a img {}
		/*------------------------------------

共通

------------------------------------*/
		.line_kb {}
		#wrap_kb section {}
		#wrap_kb section > h2 {
				font-size: 190%;
		}
		#wrap_kb section > h2::before, #wrap_kb section > h2::after {}
		#wrap_kb section > h2::before {}
		#wrap_kb section > h2::after {}
		#wrap_kb section h3 {}
		.min_txt {}
		/* あしらい */
		.ashirai_box {
				display: none;
		}
		/*------------------------------------

リード

------------------------------------*/
		#lead_kb {
				margin: 2.1em 0 4em;
		}
		#lead_kb h1 {
				margin-bottom: 0.7em;
		}
		#lead_kb h1 img {
				width: 75%;
		}
		#lead_kb p {}
		#lead_kb p a {}
		/*------------------------------------

ナビ

------------------------------------*/
		#nav_kb {
				font-size: 80%;
		}
		#nav_kb .nav_wrap {}
		#nav_kb ul {}
		#nav_kb ul li {}
		#nav_kb ul li a {}
		#nav_kb ul li:not(:last-child) a::after {
				border-width: 2px;
		}
		#nav_kb ul li a:hover {}
		/*ナビ固定*/
		#nav_kb .nav_wrap.fixed {}
		/*------------------------------------

コンセプト

------------------------------------*/
		#concept_kb {}
		#concept_kb h2 {}
		#concept_kb p {}
		/*------------------------------------

メインコンテンツ

------------------------------------*/
		#main_kb {}
		/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
		#intro_kb {}
		/* お悩み */
		#intro_kb .onayami {}
		#intro_kb .onayami .q_icon {
				width: 3.0em;
		}
		#intro_kb .onayami .onayami_ttl {
				font-size: 161%;
		}
		#wrap_kb ul.fukidashi_list {
				width: 90%;
				background-size: 44%;
				background-position: top 54% right -5%;
		}
		ul.fukidashi_list::after {
				bottom: -3%;
				right: 45.5%;
		}
		ul.fukidashi_list li {
				width: 46%;
		}
		ul.fukidashi_list li img {}
		ul.fukidashi_list li:nth-child(1) {}
		ul.fukidashi_list li:nth-child(2) {}
		ul.fukidashi_list li:nth-child(3) {
				order: -1;
				width: 100%;
		}
		ul.fukidashi_list li:nth-child(4) {
				width: 100%;
				text-align: left;
				margin: 0;
		}
		ul.fukidashi_list li:nth-child(5) {
				margin: 1em 0;
				width: 57%;
		}
		ul.fukidashi_list li:nth-child(6) {}
		ul.fukidashi_list li:nth-child(7) {
				width: 50%;
		}
		ul.fukidashi_list li:nth-child(1) img {}
		ul.fukidashi_list li:nth-child(2) img {
				width: 90%;
		}
		ul.fukidashi_list li:nth-child(3) img {
				width: 43%;
		}
		ul.fukidashi_list li:nth-child(4) img {
				width: 50%;
				margin-left: 5%;
		}
		ul.fukidashi_list li:nth-child(5) img {}
		ul.fukidashi_list li:nth-child(6) img {}
		ul.fukidashi_list li:nth-child(7) img {}
		/* カードが誕生！ */
		.onayami_card {
				margin: 2.5em 0 0;
		}
		#wrap_kb .onayami_card h3.onayami_card_ttl {
				font-size: 137%;
		}
		.onayami_card h3.onayami_card_ttl::after {}
		.onayami_card p {
				width: 80%;
		}
		/* このカードの出番です */
		.deban_card {}
		.deban_card .deban_card_ttl {
				font-size: 143%;
				white-space: nowrap;
		}
		ul.deban_card_list { /* display: block; */
		}
		ul.deban_card_list li {
				width: 40%;
				padding: 70px 4% 0;
		}
		ul.deban_card_list li:nth-child(1) {}
		ul.deban_card_list li:nth-child(2) {}
		ul.deban_card_list li .image_illust {}
		ul.deban_card_list li .deban_flo {
				width: 14%;
				top: 5%;
				right: 1%;
		}
		ul.deban_card_list li .fukidashi_01 {
				width: 62%;
				top: 17%;
				left: -16%;
		}
		ul.deban_card_list li .fukidashi_02 {
				width: 62%;
				top: 2%;
				left: 35%;
		}
		ul.deban_card_list li .fukidashi_03 {
				width: 59%;
				top: 4%;
				left: 9%;
		}
		ul.deban_card_list li .fukidashi_04 {
				width: 57%;
				top: 18%;
				right: -20%;
		}
		ul.deban_card_list li .question_01 {
				top: 4%;
				left: 6%;
		}
		ul.deban_card_list li .question_02 {
				top: 46%;
				right: 6%;
		}
		ul.deban_card_list li .question_03 {
				width: 11%;
				top: 42%;
				left: 11%;
		}
		ul.deban_card_list li .question_04 {}
		.deban_card p {
				font-size: 100%;
		}
		.deban_card .main_image {}
		.deban_card .main_image img {}
		/*------------------------------------

お悩みをお聞かせください

------------------------------------*/
		#kansyu_kb {}
		#wrap_kb #kansyu_kb h2 {}
		#kansyu_kb h3.onayami_ttl {
				font-size: 170%;
		}
		#kansyu_kb h3.onayami_ttl .min_txt {}
		#kansyu_kb .kansyu_box {
				display: block;
		}
		#kansyu_kb .kansyu_box img {
				margin: 0 0 1em;
				width: 44%;
		}
		#kansyu_kb .kansyu_box p {
				width: 80%;
				margin: 0 auto;
				text-align: justify;
		}
		/*------------------------------------

商品リンク

------------------------------------*/
		.spec_kb {
				background: url(../images/spec_bg_sp.jpg) no-repeat center;
				background-size: contain;
				margin: 3.5em 0;
				padding: 0 0;
		}
		.spec_kb .inner_kb {
				height: 164vw;
				display: flex;
				align-items: flex-end;
		}
		.spec_kb .spec_box {
				width: 80%;
				margin: 0 auto;
		}
		.spec_kb .spec_box h2 {
				width: 100%;
				margin: 0 auto 0.6em;
				padding-bottom: 0.5em;
		}
		.spec_kb .spec_box h2 img {
				width: 90%;
		}
		.spec_kb .spec_box .price_kb {}
		.spec_kb .spec_box .price_kb .num_kb {}
		.spec_kb .spec_box .price_kb .tax_kb {}
		.spec_set {
				font-size: 84%;
		}
		.spec_set div {}
		.spec_set div span {}
		.spec_kb .spec_box a {
				margin: 0.9em auto 2em;
		}
		.spec_kb .spec_box a span {}
		.spec_kb .spec_box a::after {}
		/*------------------------------------

使い方

------------------------------------*/
		#howto_kb {}
		#howto_kb img.howto_ttl {
				width: 10em;
		}
		#wrap_kb #howto_kb h2 {
				margin-top: 0.4em;
		}
		#howto_kb ul {}
		#howto_kb ul li {
				display: block;
				text-align: center;
				margin-bottom: 2em;
		}
		#howto_kb ul li > div {}
		#howto_kb ul li .howto_img {
				margin: 1em 0;
		}
		#howto_kb ul li .howto_img img {
				width: 50%;
		}
		#howto_kb ul li .howto_txt {}
		#howto_kb ul li .howto_txt h3 {
				font-size: 138%;
		}
		#howto_kb ul li .howto_txt p {}
		/* 位置 */
		#howto_kb ul li.right_kb .howto_img {
				margin: 1em 0;
		}
		/*------------------------------------

説明と宋先生からのメッセージ

------------------------------------*/
		#movie_kb {
				margin: 4em 0 7em;
		}
		#wrap_kb #movie_kb h2 {
				font-size: 131%;
		}
		.movie_kb {
				width: 93%;
				height: 53vw;
		}
		.movie_kb::after {
				border-width: 4px;
		}
		.movie_thumbnail {}
		.movie_thumbnail::before {}
		#play_kb {}
		/*------------------------------------

セット内容

------------------------------------*/
		#set_kb {}
		#wrap_kb #set_kb h2 {}
		#set_kb > p {
				font-size: 105%;
		}
		ul.set_list {
				width: 94%;
				margin: 0 auto;
		}
		ul.set_list li {
				display: block;
		}
		ul.set_list li div.set_txt {
				width: 85%;
		}
		ul.set_list li h3 {
				padding: 0.2em 2.0em;
		}
		ul.set_list li div.set_txt p {
				text-align: center;
		}
		ul.set_list li > img {}
		/* 位置 */
		ul.set_list li.box_left {}
		ul.set_list li.box_left .set_txt {}
		ul.set_list li.box_left > img {}
		ul.set_list li.box_right {}
		ul.set_list li.box_right .set_txt {}
		ul.set_list li.box_right > img {}
		/* 個別 */
		ul.set_list li.parent {}
		ul.set_list li.parent div.set_txt {
				width: 85%;
		}
		ul.set_list li.children {}
		ul.set_list li.children .set_txt {}
		ul.set_list li.children .set_txt p { /* text-align: justify; */
		}
		ul.set_list li.children_mokuji {}
		ul.set_list li.children_mokuji .set_txt {}
		ul.set_list li.children_mokuji img {}
		ul.set_list li.children_mokuji img.mokuji01 {
				width: 80%;
				margin: 0 0 2em;
		}
		ul.set_list li.children_mokuji img.mokuji02 {
				width: 81%;
				padding: 0 12% 0 0;
		}
		ul.set_list li.omote {}
		ul.set_list li.omote div.set_txt {}
		ul.set_list li.naka {}
		ul.set_list li.naka div.set_txt {}
		ul.set_list li.ura {}
		ul.set_list li.ura .set_txt {
				width: 100%;
				margin: 0;
		}
		ul.set_list li.ura > img {}
		ul.set_list li.ura p {
				position: relative;
		}
		ul.set_list li.ura p .ura_img01 {
				width: 50vw;
				display: block;
				margin-left: 5vw;
		}
		ul.set_list li.ura p .ura_img02 {
				position: absolute;
				top: -10vw;
				right: 7vw;
				margin: 0;
				width: 23vw;
		}
		ul.set_list li.ura::after {
				display: none;
		}
		/*------------------------------------

こんなとき、どうすれば？

------------------------------------*/
		#question {}
		#question .question_box {
				width: 90%;
		}
		#question .question_ttl {
				display: block;
				text-align: center;
		}
		#question .question_ttl img {
				margin: 0 0 0.6em;
				width: 34%;
		}
		#question .question_ttl h2 {
				font-size: 150%;
				text-align: center;
		}
		#question .question_ttl::after {}
		#question ul.question_list {
				width: 83%;
		}
		#question ul.question_list li {}
		#question ul.question_list li h3 {}
		#question ul.question_list li p {}
		/*------------------------------------

最後に

------------------------------------*/
		#closing_kb {
				padding: 1.3em 2em;
		}
		#closing_kb p {
				font-size: 104%;
		}
		#closing_kb p span {}
		#closing_kb::before, #closing_kb::after {
				border-width: 3px;
		}
		#closing_kb::before {}
		#closing_kb::after {}
		/*------------------------------------

フッター

------------------------------------*/
		#footer_kb {}
		#footer_kb .link_kb {}
		#footer_kb .link_kb a {}
		#footer_kb .link_kb a::after {}
		#footer_kb .footer_ttl {}
		#footer_kb .footer_ttl img:nth-child(1) {
				width: 29%;
		}
		#footer_kb .footer_ttl img:nth-child(2) {
				width: 76%;
		}
		#footer_kb .link_kb.lab_top {}
		#footer_kb .link_kb.lab_top a {}
		#footer_kb .link_kb.lab_top a img {
				width: 51vw;
		}
		/*------------------------------------

SNS

------------------------------------*/
		#sns_kb {}
		#sns_kb a {
				width: 9vw;
		}
		#sns_kb a img {}
}
/*------------------------------------

キッズデザインアワード追加

------------------------------------*/
/* タイトル */
.title_kda_logo {
		position: absolute;
		top: 4%;
		right: 4%;
		width: 20%;
		max-width: 105px;
}
.title_kda_logo img {}
/* メイン */
#kda_kb {
		background: #ffffe6;
		padding: 3.5em 0;
		margin-bottom: 4em;
}
#kda_kb .kda_logo {
		width: 305px;
		margin: 0 auto 1.5em;
		position: relative;
}
#kda_kb .kda_logo::before {
		display: block;
		width: 8em;
		height: 139%;
		content: '';
		background-image: url(../images/onayami_card.png);
		background-repeat: no-repeat;
		background-position: center right 0;
		background-size: contain;
		position: absolute;
		bottom: -1.1em;
		right: -9.0em;
}
#kda_kb .inner_kb > p {
		font-family: "Shuei MaruGo B";
		font-size: 107%;
}
#kda_kb p {}
#kda_kb .kda_logo img {}
#kda_kb .comment-wrap {
		display: flex;
		justify-content: center;
		align-items: flex-start;
		gap: 7%;
		max-width: 720px;
		margin: 2em auto 0;
}
#kda_kb .comment-wrap .comment-box {
		color: #009d66;
		width: 45%;
}
#kda_kb .comment-wrap .comment-box .comment-btn {
		cursor: pointer;
		background: #FFF;
		border-radius: 0.5em;
		font-size: 150%;
		margin-bottom: 0.7em;
		display: flex;
		justify-content: center;
		align-items: center;
		gap: 0.5em;
		transition: all 0.3s;
}
@media (hover:hover) {
		#kda_kb .comment-wrap .comment-box .comment-btn:hover {
				opacity: 0.7;
		}
}
#kda_kb .comment-wrap .comment-box .comment-btn::after {
		display: block;
		width: 1em;
		height: 1em;
		content: '';
		background-image: url(../images/kda_arrow.svg);
		background-repeat: no-repeat;
		background-position: center;
		background-size: contain;
		margin-right: -1em;
}
#kda_kb .comment-wrap .comment-box .comment-btn.open::after {
		transform: rotate(180deg)
}
#kda_kb .comment-wrap .comment-box .comment-btn span {
		font-family: "Shuei MaruGo B";
}
#kda_kb .comment-wrap .comment-box .comment-txt {
		display: none;
		text-align: justify;
		line-height: 1.9;
		letter-spacing: 0.1em;
}
/* 商品リンク */
.spec_kb .kda_logo {
		position: absolute;
		top: 4%;
		left: 0.5%;
		width: 17%;
		max-width: 100px;
}
/* SP */
@media (max-width: 768px) {
		.title_kda_logo {
				top: auto;
				right: auto;
				bottom: 2%;
				left: 2%;
				width: 17%;
		}
		/* メイン */
		#kda_kb {
				padding: 0.5em 5% 2em;
		}
		#kda_kb .kda_logo {
				width: 76%;
				margin-top: -10vw;
		}
		#kda_kb .kda_logo::before {
				position: static;
				height: 24vw;
				width: 100%;
				background-position: center;
				margin: 0 0vw 2vw 3vw;
		}
		#kda_kb .kda_logo img {}
		#kda_kb .comment-wrap {
				display: block;
		}
		#kda_kb .comment-wrap .comment-box {
				width: 90%;
				margin: 0 auto 2em;
		}
		#kda_kb .comment-wrap .comment-box .comment-btn {}
		#kda_kb .comment-wrap .comment-box .comment-btn::after {}
		#kda_kb .comment-wrap .comment-box .comment-btn.open::after {}
		#kda_kb .comment-wrap .comment-box .comment-btn span {}
		#kda_kb .comment-wrap .comment-box .comment-txt {}
		/* 商品リンク */
		.spec_kb .kda_logo {}
}