@charset "utf-8";

/***************************************************************************
Media Queries
****************************************************************************/

@media print, screen and (max-width: 1000px) {
}
@media only screen and (max-width: 767px) {
}
@media only screen and (max-width: 480px) {
}

/***************************************************************************
case_detail
****************************************************************************/

#case_detail #onayami .icon {
	background-color: #FFD500;
}
#case_detail #onayami .icon:after {
	background-image: url(/-/wp-content/themes/tochi/img/chintai/senior/senior_case/detail/case_detail_onayami_sankaku.svg);
}
#case_detail #kibou .icon {
	background-color: #FFA200;
}
#case_detail #kibou .icon:after {
	background-image: url(/-/wp-content/themes/tochi/img/chintai/senior/senior_case/detail/case_detail_kibou_sankaku.svg);
}
#case_detail #saiyou .icon {
	background-color: #003B80;
}
#case_detail #saiyou .icon:after {
	background-image: url(/-/wp-content/themes/tochi/img/chintai/senior/senior_case/detail/case_detail_saiyou_sankaku.svg);
}

/***************************************************************************
case_photo
****************************************************************************/

#case_photo {
	display: flex;
}
#case_photo ul {
	width: 50%;
}
#case_photo .icon {
	position: absolute;
	top: -20px;
	z-index: 1;
}
#case_photo .before .icon {
	right: 0;
}
#case_photo .thumb img {
	width: 99%;
}
#case_photo .after .thumb {
	text-align: right;
}

@media only screen and (max-width: 767px) {
#case_photo {
	display: block;
}
#case_photo ul {
	width: 100%;
}
#case_photo ul.after {
	margin-top: 5vw;
}
#case_photo .icon {
	position: absolute;
	top: 0px;
	width: 27vw;
}
#case_photo .thumb img {
	width: 100%;
}
}