.spot_titbox {padding: 0; background: none; box-shadow:none; color: #fff;}
.warm3_tit1.fix {display: flex; align-items: flex-end; justify-content: center;}
.warm3_tit1 {text-align: center; margin-bottom: 2.5em;}
.warm3_tit1 span {margin-right: 0; box-shadow: inset 0 -.7em 0 rgba(255,255,255,.8); color:#ff89a7;}
.warm3_tit1 em {display: inline-block; vertical-align: bottom; padding: 0 1em .2em;}
.warm3_wrap {max-width:none; background-color: #fff4e7;}
.warm3_wrap .inr-c {max-width:1120px; margin-left: auto; margin-right: auto;}

.warm3_tit1.ty2 {position: relative; text-align: left;}
.warm3_tit1.ty2 span {display: inline-block; padding: .5em 1em .4em; background-color: #ff594a; font-weight: 400; color: #000; border-radius: 50px; box-shadow: none;}
.warm3_tit1.ty2::after {
	content:""; 
	position: absolute; bottom: -20px; left: 30px;
	width: 0; height: 0;
	border-style: solid;
	border-width: 30px 20px 0px 20px;
	border-color: #ff594a transparent transparent transparent;
	border-radius: 5px;
}


.warm3_tit2 {margin-bottom: .8em; font-family: 'SBAggro'; font-size: 24px; color: #000;}
.warm3_tit2 em {color: #ff89a7;}


.warm3_box {text-align: center; position: relative;}
.warm3_box:after {content:""; position: absolute; left: -30px; top: -30px; width: calc(100% + 60px); height: calc(100% + 60px); background-color: #ddccb9; border-radius: 1em;}
.warm3_box > div {position: relative; z-index: 1;}

.desc_mf1 {position: relative; z-index: 2;}

.spot_titbox {max-width: 900px;}

.slider_wrap {position: relative; padding: 20px; background-image: url('images/warm3/bg1.png'); background-size: cover;}
.slider_wrap .slider {border-radius: 16px;}

.etc_imgs {position: relative; padding-right: 160px;}
.etc_imgs .icon {position: absolute; right: 0; top: 0; width: 130px; min-width: 130px; }

.icon2 {text-align: right;}
.icon2 img {max-width: 180px;}

.icon3 {text-align: right; margin-top: -30px;}
.icon3 img {max-width: 250px;}

.imm {padding: 10px; background-image: url('images/warm3/bg2.png'); background-size: cover;}
.imm img {border-radius: 15px; width: 100%;}

.etc_bg {position: relative; padding: 7% 0;}
.etc_bg::after {content:""; position: absolute; left: 50%; margin-left: -1200px; top: 0; width: 2400px; height: 100%; background-image: url('../images/office/bg1.png'); background-size: 1000px;}
.etc_bg .img {position: relative; z-index: 1;}

.imgs_right {position: relative; padding-right: 130px;}
.imgs_right .icon1 {position: absolute; right: 0; top: 50%; width: 100px; transform:translateY(-50%);}


.inr-c {max-width:1120px;}
.desc_mf1.fix {display: flex; gap: 10px; word-break: keep-all;}
.desc_mf1.fix span:first-child {flex-shrink: 0;}

.swiper-pagination.subty1 .swiper-pagination-bullet.swiper-pagination-bullet-active {background-color: #ff89a7;}


@media (max-width: 1200px) {
	.warm3_wrap .inr-c {margin-left: 40px; margin-right: 40px;}
}

@media (max-width: 960px) {
	.box_float .item {width: 100% !important;}

	.etc {padding-right: 0 !important;}
	.etc .icon1 {z-index: 1; left: 70% !important; top: -30% !important;}

	.warm3_wrap .inr-c {margin-left: 5%; margin-right: 5%;}

	.etc_imgs {padding-right: 100px;}
	.etc_imgs .icon {top: auto; bottom: 0; width: 80px; min-width: 80px; }

	.slider_wrap {padding: 10px;}

	.icon2 {text-align: center;}
	.icon2 img {max-width: 100px;}
	.icon3 img {max-width: 130px;}

	.warm3_tit1 {margin-bottom: 1.5em;}


	.warm3_tit2 {font-size: 18px;}
	.warm3_tit1.ty2 span {position: relative; z-index: 1; padding-top: .7em; font-size: 20px;}
	.warm3_tit1.ty2::after {bottom: -10px;}

}
@media (max-width: 480px) {
	.imgs_right {display: none;}
}