@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. モジュール

******************************************************************************* */
/* ==

　01. モジュール

=============================================================================== */
/* ビジュアル
------------------------------------------------------------------------------- */
.prdVisual01 {
	position: relative;
	min-width: 950px;
	margin: 0 0 60px;
}
.prdVisual01_img {
	display: block;
}
.prdVisual01_img img {
	width: 100%;
}
.prdVisual01_btn {
	display: block;
	position: fixed;
	right: 50px;
	bottom: 0;
	width: 100%;
	max-width: 264px;
	line-height: 62px;
	margin: 35px 0 0;
	padding: 0 0 2px;
	border-radius: 8px 8px 0 0;
	background-color: #CC3B33;
	color: #fff;
	font-size: 134%;
	font-weight: 500;
	text-align: center;
	text-decoration: none;
	transition: all .3s;
	z-index: 3;
}
.d_hover .prdVisual01_btn:hover {
	background-color: #B2B1AE;
}
/* リード
------------------------------------------------------------------------------- */
.prdLead01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	max-width: 755px;
	margin: 0 auto 60px;
}
.prdLead01_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 500px;
}
.prdLead01_tags {
	display: none;
}
.prdLead01_txt {
	line-height: 2;
	margin: 0;
	color: #3F3E3C;
	font-size: 200%;
	font-weight: 400;
}
.prdLead01_img {
	width: 216px;
}
/* リード
------------------------------------------------------------------------------- */
.prdLead02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	max-width: 1240px;
	margin: 0 auto 60px;
}
.prdLead02_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 50%;
	padding: 0 20px 0 0;
	box-sizing: border-box;
}
.prdLead02_tags {
	display: none;
}
.prdLead02_txt {
	line-height: 2;
	margin: 0;
	color: #3F3E3C;
	font-size: 200%;
	font-weight: 400;
}
.prdLead02_img {
	width: 50%;
}
/* ピックアップ
------------------------------------------------------------------------------- */
.prdPickup01 {
	margin: 100px 0;
	padding: 0 15px;
	background-color: #F5F4F0;
	overflow: hidden;
}
.prdPickup01_in {
	max-width: 1240px;
	margin: 0 auto;
	padding: 95px 0 103px;
}
.prdPickup01_tit {
	line-height: 1.6;
	margin: 0 0 26px;
	font-size: 250%;
	font-weight: 700;
}
.prdPickup01_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
.prdPickup01_list {
	margin: 0;
}
.prdPickup02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 70px 0 0;
	background-color: #fff;
}
.prdPickup02_img {
	display: block;
	width: 23.226%;
	max-width: 288px;
}
.prdPickup02_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 76.774%;
	padding: 20px 35px;
	box-sizing: border-box;
}
.prdPickup02_tit {
	line-height: 1.6;
	margin: -5px 0 17px;
	font-size: 200%;
	font-weight: 700;
}
.prdPickup02_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
@media only screen and (max-width: 1100px) { 
	.prdPickup02_tit {
		margin: -3px 0 8px;
		font-size: 167%;
	}
	.prdPickup02_txt {
		font-size: 117%;
	}
}
/* スライダ―
------------------------------------------------------------------------------- */
.prdSlider01 {
	position: relative;
	margin: 48px 0 0;
}
.prdSlider01_loading {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
	margin: -40px 0 0 -40px;
	background: url(/common/images/rn04/svg/loading_ico01.svg) center center no-repeat;
	background-size: contain;
}
.prdSlider01_in {
	margin: 0 -100% 0 0;
	transition: opacity .5s;
	opacity: 0;
}
.prdSlider01_in.swiper-initialized {
	opacity: 1;
}
.prdSlider01_item {
	width: 612px;
}
.prdSlider01_item:last-child {
	border-right: 30px solid transparent;
}
.prdSlider01_img {
	display: block;
}
.prdSlider01_caption {
	line-height: 1.6;
	margin: 15px 0 0;
	font-size: 100%;
	font-weight: 400;
}
.prdSlider01_bar {
	transition: opacity .5s;
	opacity: 0;
}
.prdSlider01_bar-show {
	opacity: 1;
}
.prdSlider01_bar.swiper-scrollbar {
	position: static;
	width: auto;
	height: 3px;
	margin: 50px 100px 0 0;
	border-radius: 0;
	background: #E5E4E0;
}
.prdSlider01_bar .swiper-scrollbar-drag {
	border-radius: 0;
	background: #000;
}
.prdSlider01_btn {
	position: absolute;
	bottom: -12px;
	width: 30px;
	height: 30px;
	z-index: 2;
	cursor: pointer;
	transition: opacity .5s;
	opacity: 0;
}
.prdSlider01_btn-show {
	opacity: 1;
}
.prdSlider01_btn-prev {
	right: 46px;
}
.prdSlider01_btn-next {
	right: 0;
}
.prdSlider01_btn.swiper-button-disabled {
	opacity: .25;
}
.prdSlider01_btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.prdSlider01_btn-prev::before {
	background-image: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw05.svg);
}
.prdSlider01_btn-next::before {
	background-image: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw06.svg);
}
/* ブロック
------------------------------------------------------------------------------- */
.prdAbout01 {
	display: -webkit-box;
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
}
.prdAbout01_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 45%;
	max-width: 510px;
}
.prdAbout01_tit {
	position: relative;
	line-height: 1.6;
	margin: 0 0 20px;
	padding: 0 0 0 37px;
	font-size: 200%;
	font-weight: 500;
}
.prdAbout01_tit::before {
	content: "";
	display: block;
	position: absolute;
	top: 0.65em;
	left: 7px;
	width: 12px;
	height: 12px;
	border-radius: 100%;
	background-color: #000;
}
.prdAbout01_txt {
	line-height: 1.6;
	margin: 0 0 22px;
	font-size: 134%;
	font-weight: 400;
}
.prdAbout01_txt:last-child {
	margin-bottom: 0;
}
.prdAbout01_img {
	width: 47.581%;
	max-width: 590px;
}
.prdAbout02 {
	position: relative;
}
.prdAbout02_list {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 45px 0 0;
}
.prdAbout02_item {
	width: 49.354%;
	max-width: 612px;
}
.prdAbout02_img {
	display: block;
}
.prdAbout02_caption {
	line-height: 1.6;
	margin: 15px 0 0;
	font-size: 100%;
	font-weight: 400;
}
.prdAbout02_bar {
	display: none;
	transition: opacity .5s;
	opacity: 0;
}
.prdAbout02_bar-show {
	opacity: 1;
}
.prdAbout02_bar.swiper-scrollbar {
	position: static;
	width: auto;
	height: 3px;
	margin: 50px 100px 0 0;
	border-radius: 0;
	background: #E5E4E0;
}
.prdAbout02_bar .swiper-scrollbar-drag {
	border-radius: 0;
	background: #000;
}
.prdAbout02_btn {
	position: absolute;
	bottom: -12px;
	width: 30px;
	height: 30px;
	z-index: 2;
	cursor: pointer;
	transition: opacity .5s;
	opacity: 0;
}
.prdAbout02_btn-show {
	opacity: 1;
}
.prdAbout02_btn-prev {
	right: 46px;
}
.prdAbout02_btn-next {
	right: 0;
}
.prdAbout02_btn.swiper-button-disabled {
	opacity: .25;
}
.prdAbout02_btn::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 24px;
	height: 24px;
	margin: -12px 0 0 -12px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
}
.prdAbout02_btn-prev::before {
	background-image: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw05.svg);
}
.prdAbout02_btn-next::before {
	background-image: url(/tochikatsu/d-room/common/images/rn03/svg/ico_arw06.svg);
}
.prdAbout02_bar.swiper-scrollbar {
	margin: 50px 0 0;
}
.prdAbout02_btn {
	position: absolute;
	bottom: -44px;
	width: 30px;
	height: 30px;
	z-index: 2;
	cursor: pointer;
	transition: opacity .5s;
	opacity: 0;
}
.prdAbout02_btn-show {
	opacity: 1;
}
.prdAbout02_btn-prev {
	right: 46px;
}
.prdAbout02_btn-next {
	right: 0;
}
.prdAbout02_btn.swiper-button-disabled {
	opacity: .25;
}
.prdAbout02_btn::before {
	width: 30px;
	height: 30px;
	margin: -15px 0 0 -15px;
}
/* メリット
------------------------------------------------------------------------------- */
.prdMerit01 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 48px 0 0;
}
.prdMerit01_img {
	position: relative;
	width: 47.917%;
}
.prdMerit01_img img {
	display: block;
	position: absolute;
	width: 690px;
	right: 0;
	max-width: none; 
}
.prdMerit01_info {
	display: -webkit-box;
	display: flex;
	align-items: center;
	width: 47.6%;
	min-height: 568px;
}
.prdMerit01_info-min {
	min-height: 280px;
}
.prdMerit01_tit {
	line-height: 1.6;
	margin: 0 0 25px;
	font-size: 200%;
	font-weight: 700;
}
.prdMerit02 {
	display: -webkit-box;
	display: flex;
	justify-content: space-between;
	margin: 48px 0 0;
	padding: 33px 35px 32px;
	border: 1px solid #E5E4E0;
}
.prdMerit02_img {
	width: 37.645%;
	max-width: 195px;
}
.prdMerit02_info {
	width: 57.915%;
}
.prdMerit02_tit {
	line-height: 1.6;
	margin: 0 0 17px;
	font-size: 150%;
	font-weight: 700;
}
.prdMerit02_txt {
	line-height: 1.6;
	margin: 0;
	font-size: 134%;
	font-weight: 400;
}
.prdMerit02_note {
	line-height: 1.6;
	margin: 7px 0 0;
	color: #807F7D;
	font-size: 100%;
	font-weight: 400;
}