@charset "UTF-8";

/* ====================================
  フォント設定
 ==================================== */
/* フォント */
article,
.dnp-shuei-gothic-gin-std {
	font-family: dnp-shuei-gothic-gin-std, sans-serif;
	font-weight: 400;
}

.fot-chiaro {
	font-family: fot-chiaro-std, sans-serif;
	font-weight: 700;
	font-style: normal;
}

/* フォント：IE対応 */
_:-ms-input-placeholder,
:root article,
:root .dnp-shuei-gothic-gin-std {
	font-family: inherit;
}

/* ====================================
	共通スタイル
 ==================================== */
article {
	overflow: hidden;
	font-weight: 400;
	position: relative;
	z-index: 1;
}

/* タブ切り替え時の挙動調整 */
body {
	display: none;
}

article a:hover {
	text-decoration: none;
}

.caption li a.under {
	text-decoration: underline !important;
}

/* カラー */
.dark-orange {
	color: #E68F37;
}

.light-orange {
	color: #F8E2C9;
}

.dark-red {
	color: #C43737;
}

.light-red {
	color: #F8D1D1;
}

.box-gray {
	background-color: #F5F4F2;
}

.color-red {
	color: #DC3C36;
}

hr.line-dotted {
	border-top: dotted 1px #000;
}

.font-bold {
	font-weight: 500;
}

.center {
	text-align: center;
}

.caption-r {
	font-size: 1.2rem;
	text-align: right;
}

.ma {
	margin-left: auto;
	margin-right: auto;
}

.img-container,
.text-container,
.youtube-container,
.voice-section,
.img-wide-container {
	position: relative;
	z-index: 3;
}

.text-container .dark-orange,
.text-container .dark-red {
	font-weight: bold;
}

/* フレックスコンテナ */
.flex-container {
	display: flex;
	flex-wrap: wrap;
}

.flex-item {
	width: 100%;
	position: relative;
	z-index: 3;
}

/* メインセクション */
.main-section {
	background: transparent linear-gradient(90deg, #F7E2CA 0%, #F7D1D1 100%) 0% 0% no-repeat padding-box;
}

/* メインビジュアル */
#mainVisual {
	position: relative;
	background-color: #fff;
	z-index: 3;
}

#mainVisual .swiper-slide-active .slide-img {
	position: relative;
}


#mainVisual .swiper-slide-active .slide-img img,
#mainVisual .swiper-slide-duplicate-active .slide-img img,
#mainVisual .swiper-slide-prev .slide-img img {
	-webkit-animation: subSlide_animation 7s linear 0s infinite forwards;
	animation: subSlide_animation 7s linear 0s infinite forwards;
}

@-webkit-keyframes subSlide_animation {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-60px)
	}
}

@keyframes subSlide_animation {
	0% {
		transform: translateX(0)
	}

	to {
		transform: translateX(-60px)
	}

}


/* メインセクション */
.main-section {
	position: relative;
	z-index: 3;
	background-color: #fff;
}

/* 切り替えナビ */
#tab-box {
	position: relative;
}

#navi-section {
	position: relative;
}

ul.list-pagenavi {
	position: relative;
	display: flex;
	justify-content: space-between;
	width: 100%;
	z-index: 3;
	top: -1px;
}

ul.list-pagenavi a:active .navi-outer,
ul.list-pagenavi a:focus .navi-outer,
ul.list-pagenavi a:active .navi-under-outer,
ul.list-pagenavi a:focus .navi-under-outer {
	transition: all 2s;
}

ul.list-pagenavi #tab1 .navi-outer,
ul.list-pagenavi .tab1 .navi-under-outer {
	background-color: #fff;
}

ul.list-pagenavi .navi-outer:hover,
ul.list-pagenavi .is-active .navi-outer,
ul.list-pagenavi .navi-under-outer:hover,
ul.list-pagenavi .is-active .navi-under-outer {
	color: #fff;
	font-weight: bold;
}


ul.list-pagenavi #tab1 .navi-outer {
	border: solid 1px #F8E2C9;
}

ul.list-pagenavi #tab1 .navi-outer:hover,
ul.list-pagenavi #tab1.is-active .navi-outer {
	background: #E68F37;
}

ul.list-pagenavi #tab1 .navi-outer:hover::before,
ul.list-pagenavi #tab1.is-active .navi-outer::before {
	border-color: #E68F37 transparent transparent transparent;
}

ul.list-pagenavi #tab2 .navi-outer {
	border: solid 1px #F8D1D1;
}

ul.list-pagenavi #tab2 .navi-outer:hover,
ul.list-pagenavi #tab2.is-active .navi-outer {
	background: #C43737;
}

ul.list-pagenavi #tab2 .navi-outer:hover::before,
ul.list-pagenavi #tab2.is-active .navi-outer::before {
	border-color: #C43737 transparent transparent transparent;
}


.navi-item .navi-text {
	font-weight: bold;
}

.main-column {
	position: relative;
	z-index: 3;
	background-color: #fff;
}

/* 切り替えナビ アンダー */
ul.list-pagenavi .tab1 .navi-under-outer {
	border: solid 1px #F8E2C9;
}

ul.list-pagenavi .tab1 .navi-under-outer:hover,
ul.list-pagenavi .tab1.is-active .navi-under-outer {
	background: #E68F37;
	border: solid 1px #E68F37;
}

ul.list-pagenavi .tab2 .navi-under-outer {
	border: solid 1px #F8D1D1;
}

ul.list-pagenavi .tab2 .navi-under-outer:hover,
ul.list-pagenavi .tab2.is-active .navi-under-outer {
	background: #C43737;
	border: solid 1px #C43737;
}


#navi-under-section {
	position: relative;
	margin-top: 2rem;
}

#navi-under-section::before {
	content: "";
	display: block;
	width: 100vw;
	height: 2px;
	position: absolute;
	top: -3px;
	left: 0px;
}

/* サブセクション */
.sub-section {
	position: relative;
}

.category-title {
	position: relative;
	z-index: 3;
}

.sub-sub-title {
	font-weight: bold;
}

.sub-title {
	position: relative;
	font-weight: bold;
	z-index: 3;
}

/* ユーザーの声 */
.voice-section {
	background-color: rgba(224, 223, 221, 1);
	position: relative;
}

.voice-content {
	padding: 12rem 8% 10rem;
	background-color: #fff;
	position: relative;
	border: 16px solid #C3B691;
}

.voice-title {
	color: #fff;
	background-color: #000;
	font-weight: bold;
	display: inline-block;
	position: absolute;
	top: -10px;
	left: 50%;
	transform: translate(-50%, -50%);
}

.room-user a {
	text-decoration: underline;
}

/* もっと見る */
.readmore-btn {
	display: none;
	text-align: center;
	margin-top: 1.5rem;
}

.readmore-btn a {
	font-size: 1.6rem;
	background-color: #E6E6E6;
	padding: 1em 2em;
	display: inline-block;
	text-decoration: none;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	border-radius: 50px;
}

.readmore-btn a span {
	position: relative;
}

.readmore-btn a span::after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 56%;
	right: -20px;
	transform: translateY(-50%);
	width: 10px;
	height: 10px;
	background-image: url(/range/roomclip/common/images/arrow_down.svg);
	background-repeat: no-repeat;
	padding-left: 14px;
}

/* 製品紹介 */
.prod-text-container {
	text-align: center;
}

.prod-container .prod-img-item p {
	text-align: center;
}

.bnr-btn {
	max-width: 480px;
	margin-top: 9rem;
}

.bnr-btn a:hover .img {
	transition: .4s;
	opacity: .6;
}

.bnr-btn a:hover .bnr-text {
	text-decoration: underline;
}

.bnr-text {
	padding: 1rem 0 0 1em;
	background-image: url(/products/common/images/chevron-right-solid.svg);
	background-repeat: no-repeat;
	background-position: left 0 top 1.5rem;
	background-size: auto 0.8em;
}

/* アローボタン */
.btn-arrow a {
	display: inline-block;
	height: 100%;
	padding: .9em 2.5em .9em 1.5em;
	font-size: inherit;
	line-height: inherit;
	background-image: url(/range/roomclip/common/images/arrow.svg);
	background-repeat: no-repeat;
	background-position: right .7em center;
	background-size: auto 1em;
	color: #fff;
	text-decoration: none;
}

/* 背景装飾 */
.bg-img {
	position: absolute;
	width: 100%;
	/* width: 32%; */
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	z-index: 2;
}


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

	/* 個別改行 */
	article .pc {
		display: none;
	}

	.pc-large {
		display: none;
	}

	.pc-small {
		display: none;
	}

	article .base-width-sp,
	article .base-width {
		padding-left: 5%;
		padding-right: 5%;
	}

	article .outer-base-width {
		padding-left: 0;
		padding-right: 0;
	}


	.font-viewport-sp {
		font-size: 2.667vw;
	}

	.sp-ma {
		margin-left: auto;
		margin-right: auto;
	}

	/* マージン */
	.mts {
		margin-top: 2rem;
	}

	.mtm {
		margin-top: 5rem;
	}

	/* 最大幅 */
	.sp-ma {
		margin-left: auto;
		margin-right: auto;
	}

	.spmaxw540 {
		max-width: 540px;
	}

	/* フレックスコンテナ */
	.flex-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}

	.flex-container>.flex-item {
		width: 100%;
		margin-top: 3rem;
	}

	.flex-container>.flex-item:first-of-type {
		margin-top: 0;
	}

	/* フレックスコンテナ：イメージテキスト */
	.flex-container.img-text>.img-container,
	.flex-container.img-text>.text-container {
		width: 48%;
	}

	/* メインビジュアル */
	#mainVisual .mv-right-item .mv-title {
		max-width: 540px;
		margin-top: 1rem;
		margin-bottom: 3rem;
		padding: 0 5%;

	}

	#mainVisual .mv-left-item .slide-img img,
	#mainVisual .mv-right-item .slide-img img {
		object-fit: cover;
		width: calc(100% + 60px);
		will-change: animation;
	}

	#mainVisual .swiper-pagination-bullet {
		margin-right: 6px;
		background: #D9D9D9;
	}

	#mainVisual .swiper-pagination-bullet-active {
		background: #000;
	}

	#mainVisual .swiper-pagination {
		display: flex;
		justify-content: center;
		width: 100%;
		padding: 10px 0 0;
		position: relative;
	}

	/* メインセクション */
	#mainVisual {
		padding-bottom: 4rem;
	}

	.main-section {
		padding: 4rem 0 4rem;
		/* margin-top: 4rem; */
	}

	.main-title {
		margin-bottom: 2rem;
		font-size: 1.8rem;
	}

	.main-text {
		font-size: 1.4rem;
		line-height: 1.8;
	}

	/* 切り替えナビ */


	#navi-section {
		padding-top: 4rem;
	}

	ul.list-pagenavi li:first-child {
		margin-bottom: 10px;
	}

	ul.list-pagenavi {
		margin-bottom: 3rem;
		margin-top: 2rem;
	}

	ul.list-pagenavi li {
		width: 49%;
	}


	ul.list-pagenavi .navi-outer,
	ul.list-pagenavi .navi-under-outer {
		font-size: 1.4rem;
		display: block;
		padding: 20px 4px;
		color: #535353;
		text-decoration: none;
		position: relative;
	}

	ul.list-pagenavi .navi-outer:hover::before,
	ul.list-pagenavi .is-active .navi-outer::before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: -14px;
		transform: translateX(-50%);
		left: 50%;
		border-style: solid;
		border-width: 14px 8px 0 8px;
		z-index: 1;
	}

	.navi-item {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}

	.navi-item .navi-img {
		width: 32%;
	}

	.navi-item .navi-text {
		text-align: center;
		margin-top: .4rem;
	}

	/* メインコラム */
	.main-column {
		padding: 10% 5%;
		font-size: 1.4rem;
		line-height: 1.8;
		border: solid 2px #D9D9D9;
		position: relative;
		margin-top: 5rem;
	}

	.main-col-img {
		max-width: 160px;
		margin: 0 auto;
	}

	.main-col-text {
		margin-top: 2rem;
	}

	.main-col-text .box-gray {
		margin-top: 2rem;
		padding: 5%;
	}

	.main-disc-top {
		width: 100%;
		height: 15px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.main-disc-bottom {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.main-disc-top::before,
	.main-disc-top::after,
	.main-disc-bottom::before,
	.main-disc-bottom::after {
		content: '';
		width: 10px;
		height: 10px;
		background-color: #707070;
		position: absolute;
	}

	.main-disc-top::before {
		top: -4px;
		left: -4px;
	}

	.main-disc-top::after {
		top: -4px;
		right: -4px;
	}

	.main-disc-bottom::before {
		bottom: -4px;
		left: -4px;
	}

	.main-disc-bottom::after {
		bottom: -4px;
		right: -4px;
	}

	/* Roomclip detail */
	.room-no {
		font-weight: bold;
		color: #E03E38;
		line-height: 1;
		vertical-align: middle;
		margin-bottom: 0.4em;
	}

	ul.list-roomclip-detail {
		display: flex;
		flex-wrap: wrap;
		font-size: 1.1rem;
	}

	.room-no::before {
		content: '';
		display: inline-block;
		width: 16px;
		margin-right: 5px;
		padding-top: 16px;
		background: url(/range/roomclip/common/images/logo-roomclip.svg) no-repeat left center;
		background-size: contain;
		vertical-align: text-bottom;
	}

	.room-logo {
		display: inline-block;
		width: 20px;
		margin-right: 8px;
	}

	.room-user {
		margin-left: .7em;
		padding-left: .7em;
		border-left: solid 1px #535353;
	}

	.room-comment {
		margin-top: .5em;
		font-size: 1.2rem;
	}

	/* サブセクション */
	.sub-section {
		padding: 6rem 0 0;
	}

	.category-title {
		font-size: 4.6rem;
	}

	.category-title {
		font-size: 5rem;
		text-align: center;
		display: flex;
		align-items: center;
	}

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

	.category-title::after {
		margin-left: 1rem;
	}

	.category-title::before {
		margin-right: 1rem;
	}

	.sub-title {
		font-size: 1.8rem;
		margin-top: 3rem;
	}

	.text-container {
		font-size: 1.4rem;
		line-height: 1.8;
	}

	.sub-sub-title {
		font-size: 1.5rem;
	}

	.sub-title+.sub-sub-item {
		margin-top: 3rem;
	}

	.flex-container.flex-item:nth-of-type(n+2) {
		margin-top: 3rem;
	}

	.sub-sub-item {
		margin-top: 4rem;
	}

	.flex-item.text,
	.flex-item.img {
		margin-top: 3rem;
	}

	.sub-sub-item>.img-container.pcmaxw1080 {
		margin-top: 7rem;
	}

	#tab01 .img-shadow {
		box-shadow: 6px 6px 0px rgba(230, 143, 55, 1);
	}

	#tab02 .img-shadow {
		box-shadow: 6px 6px 0px rgba(196, 55, 55, 1);
	}

	.mt-text {
		margin-top: 1.8rem;
	}

	/* 個別スタイル */

	/* ユーザーの声 */
	.voice-section {
		padding: 10rem 0 6rem;
		margin-top: 6rem;
		position: relative;
	}

	.voice-content {
		padding: 4rem 5% 0rem;
		background-color: #fff;
		position: relative;
		border: 6px solid #C3B691;
	}

	.voice-title {
		font-size: 1.8rem;
		text-align: center;
		padding: 8px 12px;
		min-width: 278px;
		top: -10px;
	}

	.voice-sub-title {
		display: inline-block;
		margin: 2rem 0 1rem;
		font-size: 1.8rem;
		line-height: 1.6;
	}

	.voice-unit {
		padding: 4rem 0;
	}

	.voice-item {
		display: flex;
		flex-direction: column-reverse;
		line-height: 2;
	}

	.voice-item .text {
		margin-top: 2rem;
		font-size: 1.3rem;
	}

	.voice-movie-text {
		margin-bottom: .5em;
	}

	/* もっと見る */
	.readmore-btn a {
		padding: 5px 20px;
		font-size: 1.3rem;
	}

	.readmore-btn {
		margin-top: 0;
		padding-top: 1.5rem;
	}

	.readmore-btn a span::after {
		background-size: 76%;
		height: 8px;
	}

	/* 製品セクション */
	.prod-container {
		display: flex;
		flex-wrap: wrap;
		flex-direction: column;
		margin-top: 3rem;
	}

	.product-section {
		padding: 6rem 0 4rem;
	}

	.prod-container .prod-img-item {
		width: 100%;
	}

	.prod-container .prod-text-item {
		flex: 1;
	}

	.prod-container .prod-img-container {
		display: flex;
	}

	.prod-container .prod-img-item .img {
		width: 88%;
	}

	.prod-container .prod-img-item .prod-img:last-child {
		margin-left: 14px;
	}

	.product-title {
		font-size: 1.8rem;
	}

	.prod-item {
		display: flex;
		flex-direction: column-reverse;
	}

	.prod-img-container {
		padding: 0 2%;
		font-size: 1.2rem;
	}

	.prod-text-container {
		margin-top: 3rem;
		font-size: 1.3rem;
		text-align: left;
	}

	.prod-name {
		font-size: 2.4rem;
		font-weight: normal;
	}

	.product-section .btn-arrow {
		margin-top: 2rem;
	}

	.product-section .bdr-gray {
		width: 90%;
		margin: 6rem auto 0;
	}

	.bnr-btn {
		margin-top: 5rem;
	}

	.bnr-text {
		font-size: 1.3rem;
	}

	/* アローボタン */
	.btn-arrow a {
		width: 100%;
		text-align: center;
	}
}

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

	/* 個別改行 */
	article .sp {
		display: none;
	}

	article .sp-only {
		display: none;
	}

	.sp-small {
		display: none;
	}

	.sp-large {
		display: none;
	}

	.sp-only-pagination {
		display: none;
	}

	/* マージン */
	.mts {
		margin-top: 4rem;
	}

	.mtm {
		margin-top: 10rem;
	}

	/* 最大幅 */
	.ma {
		margin-left: auto;
		margin-right: auto;
	}

	.maxw750 {
		max-width: 750px;
	}

	.maxw800 {
		max-width: 800px;
	}

	.maxw860 {
		max-width: 860px;
	}

	.mtm {
		margin-top: 10rem;
	}

	.pc-tc {
		text-align: center;
	}

	.pcmaxw1080 {
		max-width: 1080px;
	}

	/* メインビジュアル */
	#mainVisual .visual {
		height: 50vw;
	}

	#mainVisual .mv-right-item {
		position: absolute;
		top: 0;
		max-width: 750px;
		left: calc(54% - 0px);
		width: 47%;
		min-width: 500px;
	}

	#mainVisual .mv-right-item .mv-title {
		width: 80%;
		margin: 0 auto;
	}

	#mainVisual .mv-left-item {
		position: absolute;
		top: 0;
		right: calc(46% - 0px);
		width: 55vw;
		max-width: 850px;
		margin-top: 2rem;
	}

	#mainVisual .mv-left-item .slide-img img,
	#mainVisual .mv-right-item .slide-img img {
		height: 100%;
		object-fit: cover;
		width: calc(100% + 60px);
		will-change: animation;
	}

	#mainVisual .swiper-container {
		border-radius: 30px;
	}

	#mainVisual .swiper-container.slide2 {
		margin: 3rem 10rem 0;
	}

	/* メインセクション */
	#mainVisual {
		padding-bottom: 3vw;
	}

	.main-section {
		padding: 8rem 0 8rem;
		/* margin-top: 3vw; */
	}

	.main-title {
		margin-bottom: 8rem;
		font-size: 2.8rem;
		text-align: center;
	}

	.main-text {
		font-size: 1.7rem;
		line-height: 2.4;
		text-align: center;
	}

	/* 切り替えナビ */
	#navi-section {
		padding-top: 15rem;
	}

	ul.list-pagenavi {
		margin-bottom: 8rem;
	}

	ul.list-pagenavi li {
		width: 49%;
	}

	ul.list-pagenavi .navi-outer,
	ul.list-pagenavi .navi-under-outer {
		font-size: 2.4rem;
		display: block;
		padding: 24px 8px;
		color: #535353;
		/* text-align: center; */
		text-decoration: none;
		position: relative;
	}

	ul.list-pagenavi .navi-outer:hover::before,
	ul.list-pagenavi .is-active .navi-outer::before {
		content: "";
		position: absolute;
		width: 0;
		height: 0;
		bottom: -23.5px;
		transform: translateX(-50%);
		left: 50%;
		border-style: solid;
		border-width: 24px 14px 0 14px;
		z-index: 1;
	}

	.navi-item {
		display: flex;
		justify-content: center;
		align-items: center;
	}

	.navi-item .navi-img {
		width: 20%;
		margin-right: 8%;
	}

	/* メインコラム */
	.main-column {
		display: flex;
		justify-content: space-between;
		padding: 30px;
		line-height: 2;
		border: solid 5px #D9D9D9;
		position: relative;
		margin-top: 15rem;
	}

	.main-col-img {
		width: 25%;
	}

	.main-col-text {
		width: 70%;
	}

	.main-col-text .box-gray {
		margin-top: 20px;
		padding: 20px;
	}

	.main-disc-top {
		width: 100%;
		height: 15px;
		position: absolute;
		top: 0;
		left: 0;
	}

	.main-disc-bottom {
		width: 100%;
		position: absolute;
		bottom: 0;
		left: 0;
	}

	.main-disc-top::before,
	.main-disc-top::after,
	.main-disc-bottom::before,
	.main-disc-bottom::after {
		content: '';
		width: 10px;
		height: 10px;
		background-color: #707070;
		position: absolute;
	}

	.main-disc-top::before {
		top: -4px;
		left: -4px;
	}

	.main-disc-top::after {
		top: -4px;
		right: -4px;
	}

	.main-disc-bottom::before {
		bottom: -4px;
		left: -4px;
	}

	.main-disc-bottom::after {
		bottom: -4px;
		right: -4px;
	}

	.room-no {
		font-weight: bold;
		color: #E03E38;
		line-height: 1;
		vertical-align: middle;
	}

	ul.list-roomclip-detail {
		display: flex;
		flex-wrap: wrap;
		font-size: 1.4rem;
	}

	.room-no::before {
		content: '';
		display: inline-block;
		width: 24px;
		margin-right: 10px;
		padding-top: 22px;
		background: url(/range/roomclip/common/images/logo-roomclip.svg) no-repeat left center;
		background-size: contain;
		vertical-align: text-bottom;
	}

	.room-logo {
		display: inline-block;
		width: 20px;
		margin-right: 10px;
	}

	.room-user {
		margin-left: 1em;
		padding-left: 1em;
		border-left: solid 1px #535353;
	}

	/* サブセクション */
	.flex-container {
		justify-content: space-between;
	}

	.flex-container>.flex-item.text {
		width: 50%;
	}

	.flex-container>.flex-item.img {
		width: 47%;
	}

	.sub-section {
		padding: 12rem 0 0;
	}

	.category-title {
		font-size: 10rem;
		line-height: 1.2;
	}

	.category-title::before {
		content: '';
		display: block;
		width: 100vw;
		height: 0.2rem;
		position: absolute;
		transform: translate(-50%, -50%);
		top: 50%;
		left: calc(-50vw - 16px);
	}

	.sub-title {
		font-size: 3.4rem;
		margin-top: 2.8rem;
	}

	.sub-sub-title {
		font-size: 2rem;
	}

	.sub-title+.sub-sub-item {
		margin-top: 9rem;
	}

	.sub-sub-item {
		margin-top: 10rem;
	}

	.text-container {
		font-size: 1.6rem;
		line-height: 2;
	}


	#tab01 .img-shadow {
		box-shadow: 10px 10px 0px rgba(230, 143, 55, 1);
		margin-right: 10px;
	}

	#tab02 .img-shadow {
		box-shadow: 10px 10px 0px rgba(196, 55, 55, 1);
		margin-right: 10px;
	}

	.mt-text {
		margin-top: 2rem;
	}

	/* 個別スタイル */

	/* ユーザーの声 */
	.voice-section {
		margin-top: 13rem;
		padding: 23rem 0 14rem;
		position: relative;
	}

	.voice-content {
		padding: 12rem 7% 0rem;
		background-color: #fff;
		position: relative;
		border: 16px solid #C3B691;
	}

	.voice-title {
		font-size: 3rem;
		padding: 14px 24px;
		min-width: 650px;
		top: -10px;
	}

	.voice-sub-title {
		display: inline-block;
		margin: 2rem 0 6rem;
		font-size: 3.4rem;
		line-height: 1.6;
	}

	.voice-unit {
		padding: 10rem 0;
	}

	.voice-unit:first-of-type {
		padding-top: 0;
	}

	.voice-container {
		display: flex;
		justify-content: space-between;
	}

	.voice-gallery {
		width: 45%;
	}

	.voice-item {
		display: flex;
		flex-direction: column;
		width: 50%;
		line-height: 2;
	}

	ul.slider-img-thumbs {
		min-height: 0%;
		/* IE対応 */
		width: 100%;
		margin-top: auto;
		padding-top: 4rem;
	}

	.voice-movie {
		width: 540px;
	}

	.voice-movie-text {
		margin-bottom: .5em;
	}

	/* もっと見る */
	.readmore-btn a {
		padding: 5px 20px;
	}

	.readmore-btn {
		margin-top: 0;
		padding-top: 1.5rem;
	}

	/* youtube動画 */
	.youtube-container {
		margin-top: 6rem;
		margin-bottom: 2rem;
	}

	.youtube-container .text-container {
		text-align: center;
	}

	/* 製品セクション */
	.product-section {
		padding: 10rem 0 8rem;
	}

	.prod-container {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		margin-top: 5rem;
	}

	.prod-container .prod-img-item {
		width: 55%;
	}

	.prod-container .prod-text-item {
		flex: 1;
	}

	.prod-container .prod-img-container {
		display: flex;
		font-size: 1.3rem;
	}

	.prod-container .prod-img-item .img {
		width: 100%;
	}

	.prod-container .prod-img-item .prod-img:last-child {
		margin-left: 40px;
	}

	.product-title {
		font-size: 3rem;
	}

	.prod-item {
		margin-top: 15rem;
		padding: 50px;
		border: dotted 1px #707070;
		position: relative;
		width: 47%;
	}

	.prod-text {
		font-size: 1.6rem;
		margin-top: 1rem;
	}

	.prod-name {
		font-size: 5.2rem;
		line-height: 1.4;
	}

	.prod-info {
		font-size: 2rem;
		margin-top: 10px;
	}

	.product-section .btn-arrow {
		margin-top: 30px;
		width: 260px;
	}

	.product-section .bdr-gray {
		margin-top: 16rem;
	}

	/* アローボタン */
	.btn-arrow a {
		max-width: 260px;
		display: block;
	}

}

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

	/* メインセクション */
	.main-text {
		/* font-size: 1.7rem; */
		line-height: 2;
		text-align: center;
	}

	/* 切り替えナビ */
	.navi-item .navi-img {
		max-width: 85px;
	}

	ul.list-pagenavi .navi-outer,
	ul.list-pagenavi .navi-under-outer {
		font-size: 1.8rem;
	}

	/* サブセクション */
	.sub-section {
		padding: 6rem 0 0;
		position: relative;
	}

	.sub-title {
		font-size: 2rem;
		margin-top: 3rem;
		text-align: center;
	}

	#tab01 .img-shadow {
		box-shadow: 8px 8px 0px rgba(230, 143, 55, 1);
		margin-right: 8px;
	}

	#tab2 .img-shadow {
		box-shadow: 8px 8px 0px rgba(196, 55, 55, 1);
		margin-right: 8px;
	}

	/* 製品セクション */
	.prod-text-container {
		text-align: center;
	}

	/* アローボタン */
	.btn-arrow a {
		max-width: 240px;
	}
}

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

	/* 切り替えナビ */
	.navi-item .navi-text {
		line-height: 1.4;
		margin-top: .6rem;
	}


}

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

	/* メインセクション */
	#mainVisual {
		padding-bottom: 0rem;
	}

	#mainVisual .mv-left-item {
		padding-bottom: 10rem;
	}
}

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

	/* メインセクション */
	#mainVisual {
		padding-bottom: 0rem;
	}
}

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

	/* メインセクション */
	#mainVisual .visual {
		height: 760px;
	}

	/* メインセクション */
	#mainVisual {
		padding-bottom: 5rem;
	}

}