@charset "UTF-8";

/* ====================================
	製品ページ共通スタイル
 ==================================== */





/* tab02 */
/* サブセクション */
#tab02 .main-section {
	background-color: #C4DEE8;
}


#tab02 .category-title {
	color: #C4DEE8;
}

#tab02 .category-title::before {
	background: #C4DEE8;
}



/* ユーザーの声 */

#tab02 .voice-section {
	background-color: #C4DEE8;
}

#tab02 .voice-title {
	background-color: #5FA1B9;
}

/* 個別指定 */

/* tab02 */
/* #tab02 .sub02-1 .flex-item .img {
	position: relative;
	margin-right: 4%;
}

#tab02 .sub02-1 .flex-item .sub-img.img-shadow {
	border-radius: 50%;
}

#tab02 .sub02-1 .flex-item .sub-img {
	position: absolute;
	bottom: -13rem;
	right: -5rem;
	width: 50%;
} */



#tab02 .sub05-2 .flex-item .sub-img.img-shadow {
	border-radius: 50%;
}

#tab02 .sub05-2 .flex-item .sub-img {
	position: absolute;
	bottom: -20rem;
	right: -12rem;
	width: 54%;
}

#tab02 .sub05-2 .flex-item .sub-img {
	position: absolute;
	bottom: -14rem;
	right: -14rem;
	width: 76%;
}



/* アローボタン */
#tab02 .btn-arrow a {
	background-color: #5FA1B9;
}

#navi-under-section::before {
	background-color: #5FA1B9;
}

/* ====================================
	スマートフォン専用スタイル
===================================== */
@media only screen and (max-width: 1023px) {
	.img-text {
		font-size: 1.3rem;
	}

	.category-title::after,
	.category-title::before {
		background-color: #C4DEE8;
		content: '';
		flex-grow: 1;
		height: 2px;
	}

	#tab02 .flex-item.img {
		padding-right: 1.5%;
		padding-bottom: 1.5%;
	}

	/* 個別指定 */
	#tab02 .sub01-2 .flex-item.img {
		padding-right: 0%;
	}

	#tab02 .sub01-2.flex-container {
		margin-top: 3rem;
	}


	#tab02 .sub05-2 .flex-item .sub-img {
		bottom: -52%;
		right: -2%;
		width: 62%;
		max-width: 330px;
	}

	#tab02 .sub05-2 .flex-item .img {
		margin-bottom: 42%;
		margin-right: 8%;
	}

	/* 背景装飾 */
	.square1 {
		left: -14%;
		top: -131px;
		width: 50%;
		max-width: 350px;
		transform: rotate(58deg);
	}

	.square2 {
		left: 75%;
		top: 500px;
		width: 50%;
		max-width: 350px;
		transform: rotate(-30deg);
	}

	.square3 {
		left: -20%;
		bottom: -52px;
		width: 50%;
		max-width: 350px;
		transform: rotate(41deg);
	}

	.square4 {
		left: 74%;
		top: 400px;
		width: 50%;
		max-width: 350px;
		transform: rotate(41deg);
	}

	.square5 {
		left: -28%;
		top: 1200px;
		width: 50%;
		max-width: 350px;
		transform: rotate(-30deg);
	}

	.square6 {
		left: 74%;
		bottom: -180px;
		width: 50%;
		max-width: 350px;
		transform: rotate(41deg);
	}

}

/* ====================================
	PC&タブレット、印刷専用スタイル
===================================== */
@media print,
screen and (min-width: 1024px) {

	/* メインコラム */
	.main-column {
		flex-direction: row-reverse;
	}

	/* 個別指定 */


	/* tab02 */
	#tab02 .sub01-1 .flex-item.img {
		width: 44%;
	}

	#tab02 .sub01-2.flex-container {
		margin-top: 3.5rem;
	}

	#tab02 .sub01-2 .flex-item.img {
		width: 49.6%;
	}


	#tab02 .sub02 .flex-item.img {
		padding-right: 4%;
		position: relative;
	}

	#tab02 .sub03 .sub03-1.flex-container {
		flex-direction: row-reverse;
	}

	#tab02 .sub03-1 .flex-item,
	#tab02 .sub03-2 .flex-item,
	#tab02 .sub05-1 .flex-item,
	#tab02 .sub05-2 .flex-item {
		width: 47%;
	}

	#tab02 .sub03-1.flex-container,
	#tab02 .sub03-2.flex-container,
	#tab02 .sub05-1.flex-container {
		align-items: center;
	}

	#tab02 .sub04 .sub-sub-item.adj {
		margin-top: 5.4rem;
	}

	#tab02 .sub05-2 .flex-item.img {
		margin-bottom: 14rem;
		width: 34%;
	}

	#tab02 .sub05-2 .flex-item.text {
		margin-top: 4%;
	}

	#tab02 .sub05 .sub05-2.flex-container {
		flex-direction: row-reverse;
	}

	#tab02 .sub05-3.text-container {
		text-align: center;
	}

	#tab02 .sub-sub-item.adj {
		margin-top: 6rem;
	}

	/* 背景装飾 */
	.square1 {
		left: calc(50% - 85rem);
		top: -285px;
		max-width: 500px;
		transform: rotate(58deg);
	}

	.square2 {
		left: calc(50% - -40rem);
		top: 80px;
		max-width: 500px;
		transform: rotate(-30deg);
	}

	.square3 {
		left: calc(50% - 100rem);
		bottom: 50px;
		max-width: 500px;
		transform: rotate(41deg);
	}

	.square4 {
		left: calc(50% - -48rem);
		bottom: 483px;
		max-width: 500px;
		transform: rotate(41deg);
	}

	.square5 {
		left: calc(50% - 98rem);
		top: 280px;
		max-width: 500px;
		transform: rotate(-30deg);
	}

	.square6 {
		left: calc(50% - -45rem);
		top: 980px;
		max-width: 500px;
		transform: rotate(41deg);
	}
}

/* ====================================
	568px以上1023px以下専用スタイル
===================================== */
@media only screen and (min-width: 568px) and (max-width: 1023px) {}

/* ====================================
	567px以下専用スタイル
===================================== */
@media only screen and (max-width: 567px) {}


/* ====================================
	1024px以上1199px以下専用スタイル
===================================== */
@media print,
screen and (min-width: 1024px) and (max-width: 1199px) {}

/* ====================================
	1200px以上専用スタイル
===================================== */
@media screen and (min-width: 1200px) {}