.line img {display: block;}
.warm1_wrap .bd {border-color: #dc9ba1;}
.warm1_top {max-width:800px;}
.warm1_tit1 {word-break: keep-all;}
.warm1_tit1 > span:first-child {color: #dc9ba1;}
.warm1_tit1 > span:first-child::after {background-color: #dc9ba1;}
.warm1_area5 {background-color: #8ba0bb;}

.warm1_tit1 i.ico1 {position: absolute; right: 0; bottom: .1em; width: 2em; text-align: right;}
.warm1_tit1 i.ico2 {position: absolute; left: 0; bottom: 100%; max-width:2em; animation: blink-effect 1s step-end infinite;}
.warm1_tit1 i.ico3 {position: absolute; right: -5%; bottom: 100%; max-width:2em; animation: blink-effect 1s step-end infinite;}

.ico00 {z-index: 1; position: absolute; right: -5%; bottom:100%;width: 5%;}

.warm1_tit1 i.ee {position: relative; bottom: 100%;}


.warm1_area2 .icon1 {text-align: right;}
.warm1_area2 .icon1 img {width: 30%;}

.warm1_area4 .icon2 {text-align: right; bottom: auto; top: 70%; right: 0;}
.warm1_area4 .icon2 img {width: 50%;}


.pr111 {position: relative; padding-right: 50%;}
.pr111 .warm1_tit1 {white-space:nowrap;}
.pr111 .im {position: absolute; left: 55%; top: 50%; transform:translateY(-20%);}

@media (max-width: 960px) {
	.warm1_top {background-position: center 0 !important; background-size: 100% auto;}
	.warm1_top .icon {width: 90px;}

	.warm1_tit1 i.ico1 img {max-width:none; height: 2em; max-height:none;}
	.ico00 {width: 10%;}

	.warm1_tit1 i.ee {width: auto; position: absolute; right: 3%; bottom: 120%; width: 1em;}

	.icon1 img {width: 50%;}

	.warm1_area4 .icon2 {position: absolute; right: 0; top: auto; bottom: 0; margin-bottom: 0;}
	.warm1_area4 .icon2 img {max-height: none; width: 80px;}
}
@keyframes blink-effect {
	50% {opacity: 0;}
}
@media (min-width: 1180px) {
	.view-pc {display: none;}
}