@charset "UTF-8";

/* カルーセル - アニメーション ---------- */

/* ミライエ */
.hero_carousel_item_01 .obj_01,
.hero_carousel_item_01 .obj_01_ov {
	opacity: 0;
	left: 50%;
	margin-left: -170px;
}
.hero_carousel_item_01 .tit {
	left: 50%;
	margin-left: -490px;
}

/* IEQ ソリューション */
.hero_carousel_item_05 a {
	opacity: 1;
	transition: opacity 0.4s;
}
/*.hero_carousel_item_05 a:hover {
	opacity: 0.85;
}*/
.hero_carousel_item_05 .tit {
	left: 50%;
	margin-top: 56px;
	margin-left: -470px;
}
.hero_carousel_item_05 .obj_01,
.hero_carousel_item_05 .obj_02 {
	opacity: 0;
}
.hero_carousel_item_05 .obj_01,
.hero_carousel_item_05 .obj_02 {
	left: 0;
}

.hero_carousel_item_05 .btn {
	display: block;
	position: absolute;
	top: 266px;
	width: 219px;
	height: 33px;
	left: 50%;
	margin-left: -357px;
}
.hero_carousel_item_05 .btn_bg {
	box-sizing: border-box;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #d50000;
	border: 1px solid #d50000;
	border-radius: 3px;
	transition: all 0.3s;
}
.hero_carousel_item_05 .btn_label img {
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 0.3s;
}
.hero_carousel_item_05 .btn_label img.default {
	opacity: 1;
}
.hero_carousel_item_05 .btn_label img.over {
	opacity: 0;
}

.hero_carousel_item_05 a:hover .btn_bg {
	background-color: #fff;
}
.hero_carousel_item_05 a:hover .btn_label img.default {
	opacity: 0;
}
.hero_carousel_item_05 a:hover .btn_label img.over {
	opacity: 1;
}

/* GTシリーズ */
.hero_carousel_item_02 .obj_01,
.hero_carousel_item_02 .obj_01_ov {
	opacity: 0;
	left: 50%;
	margin-left: -170px;
}
.hero_carousel_item_02 .tit {
	left: 50%;
	margin-left: -490px;
}

/* 課題解決の提案 */
.hero_carousel_item_04 .light {
	opacity: 0;
}
.hero_carousel_item_04 .photo {
	opacity: 0;
	left: 50%;
	margin-left: -740px;
}
.hero_carousel_item_04 .tit {
	left: 50%;
	margin-left: -490px;
}

/* misola */
.hero_carousel_item_06 .tit,
.hero_carousel_item_06 .tit_hover
{
	left: 50%;
	transform: translateX(-100%);
}

.hero_carousel_item_06 .tit_hover
{
	opacity: 0;
}

.hero_carousel_item_06:hover .tit_hover
{
	opacity: 1;
	transition: .3s ease;
}

.hero_carousel_item_06 .obj_01,
.hero_carousel_item_06 .obj_02,
.hero_carousel_item_06 .obj_03
{
	left: 50%;
	opacity: 0;
}

.hero_carousel_item_06 .bg2
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
}

/*価格表示テキスト*/
.price_txt .md_txt_plain {
  margin: 15px 0 40px;
}

.price_txt_sp .md_txt_plain {
  margin: 0 0 40px;
}