@charset "UTF-8";

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

行動指針

=========================================================== */
.focus--content__inner {
	position:relative;
	padding: 30px;
}
.focus--content p {
	font-size: 1.6rem;
	font-weight: bold;
    line-height: 1.4;
    position: relative;
}
.focus--content p span {
	position: relative;
    z-index: 1;
    font-style: italic;
}
.focus--content p:after {
	content: "";
    display: inline-block;
    width: 120px;
    height: 50px;
    background: url(../images/guideline/focus_bgtxt.png) no-repeat;
    position: absolute;
    top: -24px;
    left: -15px;
    background-size: contain;
}
.focusRing__ring-top,
.focusRing__ring-bottom {
	font-size: 4.2rem;
}
.focusRing__ring-top:before,
.focusRing__ring-bottom:after {
	content: "";
    position: absolute;
    width: 25px;
    height: 1em;
    background: url(../images/business/r.svg) no-repeat 0 0;
    background-size: contain;
}

.focusRing__ring-bottom:before,
.focusRing__ring-top:after {
	content: "";
    position: absolute;
    width: 25px;
    height: 1em;
    background: url(../images/business/l.svg) no-repeat 0 0;
    background-size: contain;
}
.focusRing__ring-top:before {
	top: 0px;
    left: 0;
    transform: rotate(-180deg);
}
.focusRing__ring-top:after {
	top: 0;
    right: 0;
	transform: rotate(180deg);
}
.focusRing__ring-bottom:before {
	bottom: 0;
	left: 0;
}
.focusRing__ring-bottom:after {
	bottom: 0;
	right: 0;
}

.common-list .common-list__inner {
	border: 1px solid #b9bbbb;
    padding: 25px 30px;
}
.common-list__ttl {
	color: #c50a33;
	font-size: 1.6rem;
	margin-bottom: 5px;
}
.common-list__ttl span {
	font-size: 2rem;
	margin-right: 7px;
}
.slogan_content {
	padding:30px;
}
.slogan_content img {
	margin-bottom: 25px;
}
.slogan_content p {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.5;
}


@media screen and (min-width: 768px) {
	.focus--content__inner {
		text-align: center;
		padding: 45px;
	}
	.focus--content p {
		font-size: 2.6rem;
		display: inline-block;
		line-height: 1.8;
	}
	.focus--content p:after {
	    width: 210px;
	    height: 125px;
	    left: 4%;
	    top: -35px;
	}
	.focusRing__ring-top,
	.focusRing__ring-bottom {
		font-size: 5.3rem;
	}
	.business__housefreedom--image {
		display: flex;
	}
	.business__housefreedom--image_box {
		flex-basis: 50%;
	    max-width: 50%;
	}
	.focusRing__ring-top:before,
	.focusRing__ring-bottom:after {
	    width: 30px;
	    height: 50px;
	}

	.focusRing__ring-bottom:before,
	.focusRing__ring-top:after {
	    width: 30px;
	    height: 50px;
	}
	.common-list .common-list__inner {
	    padding: 30px 40px;
	}
	.common-list__ttl {
		font-size: 1.8rem;
	}
	.common-list__ttl span {
		font-size: 2.2rem;
	}
	.slogan_content {
		padding:60px;
	}
	.slogan_content img {
		margin-bottom: 35px;
	}
	.slogan_content p {
		font-size: 2.6rem;
	}
}


@media screen and (min-width: 992px) {
	.focus--content p:after {
		width: 270px;
	    height: 110px;
	    left: 4%;
	    top: -44px;
	}
}