@charset "utf-8";

/* Keep the inherited works typography independent from the root rem scale. */
.page-workspage {
	font-size: 16px;
}
@media screen and (max-width: 767px) {
	.page-workspage {
		font-size: 13px;
	}
}

/* ---------------------------------------------------------------------- */
#workstitle {
	margin-bottom: 20px;
}
#works-hospital #workstitle {background-color:#7dcef4;}
#works-sme #workstitle {background-color:#beb1aa;}
#works-clinic #workstitle {background-color:#a3b4dc;}
#works-mansion #workstitle {background-color:#f6ad3b;}
#works-seikotsuin #workstitle {background-color:#aacd06;}
.titleinner {
	position: relative;
	height: 180px;
}
.titleimg {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.titleen {
	position: absolute;
	right: 0px;
	top: 60px;
	height: 35px;
}
.titleen img {
	margin-right: 0px;
}
.titletex {
	position: absolute;
	left: 180px;
	top: 50px
}
.titletex h2 {
	color: #fff;
	font-size: 40px;
	font-weight: 400;
}
.titleinner p {
	color: #fff;
	font-size: 14px;
	line-height: 1.6em;
	padding: 20px 0px 10px 0px;
}
@media screen and (max-width: 767px) {
	.titleinner {
		position: static;
		height: auto;
	}
	.titleimg {
		position: static;
		width: 80px;
		margin: 0px auto;
	}
	.titleen {
		display: none!important;
	}
	.titletex {
		position: static;
		padding-top: 5px;
	}
	.titletex h2 {
		font-size: 24px;
		text-align: center;
	}
	.titleinner p {
		font-size: 13px;
		line-height: 1.6em;
		line-height: 1.4em;
		padding: 10px 10px 10px 10px;
	}
}
/* ---------------------------------------------------------------------- */
.workstitle {
	padding: 10px 10px;
}
#works-hospital .workstitle {border-bottom: 1px solid #7ecef4;}

#works-mansion .workstitle {
	background: rgb(255,247,147);
	background: -moz-linear-gradient(top, rgba(255,247,147,1) 0%, rgba(255,241,6,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,247,147,1) 0%,rgba(255,241,6,1) 100%);
	background: linear-gradient(to bottom, rgba(255,247,147,1) 0%,rgba(255,241,6,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff793', endColorstr='#fff106',GradientType=0 );
	margin-bottom: 10px;
	padding: 0px 10px;
}

.workstitle strong {
	display: block;
	position: relative;
	font-size: 1.125em;/*18px*/
	font-weight: 400;
	padding: 5px 0px 5px 25px;
}
.workstitle strong::after {
	position: absolute;
	left: 5px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #595656;
	margin-top: -6px;
}
/* ---------------------- */
#works-clinic .workstitle strong {color: #5976ba;}
#works-clinic .workstitle strong::after {
	border-color: transparent transparent transparent #5976ba;
}
/* ---------------------- */
#works-hospital .workstitle strong {color: #00afec;}
#works-hospital .workstitle strong::after {
	border-color: transparent transparent transparent #00afec;
}
/* ---------------------- */
#works-mansion .workstitle strong {color: #f39800;}
#works-mansion .workstitle strong::after {
border-width: 12px 7px 0 7px;
border-color: #f39800 transparent transparent transparent;
}
/* ---------------------- */
#works-seikotsuin .workstitle strong {color: #6bb259;}
#works-seikotsuin .workstitle strong::after {
	border-color: transparent transparent transparent #6bb259;
}
/* ---------------------- */
#works-sme .workstitle {color: #f39800;}
#works-sme .workstitle strong {
	display: inline-block;
	font-size: 30px;
	font-weight: 700;
}
#works-sme .workstitle em {
	display: inline-block;
	padding: 5px 0px 0px 10px;
}
/* ---------------------- */
.workstitles {
	margin-bottom: 20px;
}
.workstitles strong {
	display: inline-block;
	color: #fff;
	font-size: 0.875em;/*14px*/
	font-weight: normal;
	line-height: 1em;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 10px 15px;
}
#works-clinic .workstitles strong {background-color: #5976ba;}
#works-seikotsuin .workstitles strong {background-color: #6bb259;}
.workstitles p {
	display: inline-block;
	font-size: 12px;
	line-height: 1.1em;
}
@media screen and (max-width: 767px) {
	.workstitles strong {
		display: block;
	}
}
/* ---------------------- */
.serviceboxinner {
	padding: 15px 20px;
}
@media screen and (max-width: 767px) {
	.serviceboxinner {
		padding: 15px 5px;
	}
	.serviceboxinner img {
		margin: 0px auto;
	}
}
#seikotsuinbranding.servicebox .serviceboxinner {
	padding: 15px 0px 5px 0px;
}
#seikotsuin-2 .servicebox3 .serviceboxinner {
	padding: 15px 0px 5px 0px;
}
#seikotsuin-2 .servicebox4 .serviceboxinner {
	padding: 15px 0px 5px 0px;
}
.serviceboxinner img {
	display: block;
}
.serviceboxinner p {
}
/* ---------------------------------------------------------------------- */

/* cliniclogo--------------------- */
#cliniclogo {
	position: relative;
	min-height: 900px;
	background-image:url("./img/clinic/cliniclogobg.png");
	background-position: right bottom;
	background-repeat: no-repeat;
	margin-bottom: 20px;
}
#cliniclogo img {
	position: absolute;
}
#cliniclogo p {
	position: absolute;
	left: 50px;
	top: 200px;
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align: right;
	background-color: #00afec;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 20px;
}
#cliniclogo p span {
	display: block;
	font-size: 13px;
}
#cliniclogo img.cliniclogo1 {left: 50px;top: 0px;}
#cliniclogo img.cliniclogo2 {left: 50px;top: 290px;}
#cliniclogo img.cliniclogo3 {right: 10px;bottom: 10px;}
@media screen and (max-width: 767px) {
	#cliniclogo {
		background-image: none;
	}
	#cliniclogo {
		position: static;
		min-height: 90px;
	}
	#cliniclogo img {
		position: static;
	}
	#cliniclogo p {
		position: static;
		display: block;
		text-align: center;
	}
}
/* seikotsuinlogo--------------------- */
#seikotsuinlogo {
	margin-bottom: 20px;
}
#seikotsuinlogo .brandinginner {
	position: relative;
}
.brandinginner img {
	margin: 0px auto 10px auto;
}
#seikotsuinlogo .brandingbox1 {
	position: absolute;
	left: 0px;
	top: 0px;
	text-align: center;
}
#seikotsuinlogo .brandingbox1 p {
	display: inline-block;
	color: #fff;
	font-size: 16px;
	text-align: right;
	background-color: #f39800;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 10px 10px 10px 10px;
}
#seikotsuinlogo .brandingbox1 p span {
	display: block;
	font-size: 13px;
}
#seikotsuinlogo .brandingbox2 {
	position: absolute;
	left: 0px;
	bottom: -250px;
}
#seikotsuinlogo .brandingbox2 img {
	width: 300px;
}
#seikotsuinlogo .brandingbox3 img {
	margin: 0px 0px 0px auto;
}
@media screen and (max-width: 767px) {
	#seikotsuinlogo .brandinginner {
		position: relative;
	}
	#seikotsuinlogo .brandingbox1 {
		position: static;
	}
	#seikotsuinlogo .brandingbox1 p {
		display: block;
		color: #fff;
		font-size: 16px;
		text-align: center;
		background-color: #f39800;
		border-radius: 20px;
		-moz-border-radius: 20px;
		-webkit-border-radius: 20px;
		padding: 10px 5px;
	}
	#seikotsuinlogo .brandingbox1 p span {
		display: block;
		font-size: 13px;
	}
	#seikotsuinlogo .brandingbox2 {
		position: static;
	}
	#seikotsuinlogo .brandingbox2 img {
		width: auto;
	}
	#seikotsuinlogo .brandingbox3 img {
		margin: 0px auto;
	}
}
/* branding--------------------- */
.branding {
}
.brandingtitle {
	line-height: 1em;
	margin-bottom: 5px;
}
.brandingtitle strong {
	display: inline-block;
	color: #fff;
	font-weight: normal;
	line-height: 1em;
	text-align: center;
	margin-right: 10px;
	padding: 7px 10px;
}
#clinicbrandingtool .brandingtitle strong {
	background-color: #5976ba;
}
#seikotsuinbrandingtool .brandingtitle strong {
	background-color: #6bb259;
}
.brandingtitle span {
	display: inline-block;
	font-size: 16px;
}
.brandingtitle em {
	display: inline-block;
	font-size: 12px;
}
/* --------------------- */
#clinicbrandingtool .brandingtitle span,
#clinicbrandingtool .brandingtitle em {
	color: #5976ba;
}
#seikotsuinbrandingtool .brandingtitle span,
#seikotsuinbrandingtool .brandingtitle em {
	color: #6bb259;
}
.brandinginner {
}
#seikotsuinbrandingtool .brandinginner {
	padding-left: 320px;
}
.brandingtool {
}
.brandingtool1 {
}
.brandingtool2 {
}
#clinicbrandingtool .brandingtool1 {
	width: 60%;
	padding-right: 10px;
}
.brandingbox {
}
#clinicbrandingtool .brandingbox {
	margin-bottom: 10px;
}
#clinicbrandingtool .brandingbox2,
#clinicbrandingtool .brandingbox4 {
	margin-bottom: 0px;
}
#seikotsuinbrandingtool .brandingbox1 {
	padding-right: 10px;
}
@media screen and (max-width: 767px) {
	#clinicbrandingtool .brandingtool1 {
		width: auto;
		padding-right: 0px;
		padding-bottom: 10px;
	}
	#seikotsuinbrandingtool .brandinginner {
		padding-left: 0px;
	}
	#seikotsuinbrandingtool .brandingbox1 {
		padding-right: 0px;
		padding-bottom: 10px;
	}
}
/* --------------------- */
.brandingtool table {
	width: 100%;
	border-collapse:collapse;
	border-spacing: 0px;
	empty-cells:show;
}
.brandingtool th {
	color: #fff;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	line-height: 1.2em;
	border-left: none;
	border-right: 1px solid #fff;
	border-top: none;
	border-bottom: 1px solid #fff;
	padding: 3px;
}
#clinicbrandingtool .brandingtool th {
	background-color: #5976ba;
}
#seikotsuinbrandingtool .brandingtool th {
	background-color: #6bb259;
}
.brandingtool tr th:last-child {
	border-right: 1px solid #5976ba;
}
#clinicbrandingtool .brandingtool tr th:last-child {
	border-right: 1px solid #5976ba;
}
#seikotsuinbrandingtool .brandingtool tr th:last-child {
	border-right: 1px solid #6bb259;
}
.brandingtool th.serviceth1n {
}
#clinicbrandingtool .brandingtool th.serviceth1n {
	border-bottom: 1px solid #5976ba;
}
#seikotsuinbrandingtool .brandingtool th.serviceth1n {
	border-bottom: 1px solid #6bb259;
}
.brandingtool th span {
	display: block;
	font-size: 10px;
}
.brandingtool td {
	font-size: 12px;
	text-align: center;
	border: 1px solid #5976ba;
	padding: 3px;
}
#clinicbrandingtool .brandingtool td {
	border: 1px solid #5976ba;
}
#seikotsuinbrandingtool .brandingtool td {
	border: 1px solid #6bb259;
}
.brandingtool td span {
	font-size: 11px;
	padding-left: 3px;
}
#clinicbrandingtool .brandingtool td.tdnone {
	background-image:url("./img/clinic/tdnone.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0px;
}
/* --------------------- */
.brandingbtm {
	font-size: 11px;
	line-height: 1.2em;
}
/* --------------------- */
.marketing {
}
.marketingbloc {
	margin-bottom: 30px;
}
.marketingbox {
}
.marketingbox.gaikan {
	width: 400px;
}
.marketingbox.print {/*chirashi*/
}
.marketinginner {
}
.marketingbtm {
	font-size: 11px;
	line-height: 1.4em;
	text-align: right;
}
.marketinginner li p {
	line-height: 1em;
}
@media screen and (max-width: 767px) {
	.marketingbox.gaikan {
		width: auto;
	}
}
/* --------------------- */
.marketingpriceSP {
}
.marketingpriceSP li {
	display: inline-block;
	width: 45%;
	vertical-align: top;
}
.marketingpriceSP li:first-child {
	margin-bottom: 10px;
}
.marketingpriceSP li:last-child {
	width: auto;
}
.marketingpriceSP li strong {
	display: block;
	position: relative;
	color: #5976ba;
	font-size: 1.125em;/*18px*/
	line-height: 1em;
	padding: 5px 0px 5px 25px;
}
#clinicgaikan .marketingpriceSP li strong {
	color: #5976ba;
}
#seikotsuingaikan .marketingpriceSP li strong {
	color: #6bb259;
}
.marketingpriceSP li strong::after {
	position: absolute;
	left: 5px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #595656;
	margin-top: -6px;
}
.marketingpriceSP li p {
	font-size: 0.750em;/*12px*/
	line-height: 1.4em;
}
/* --------------------- */
.docomap .workstitles strong {
	margin-right: 10px;
}
.docomap .workstitles p {
	position: relative;
	color: #de5534;
	text-align: center;
	padding: 5px 15px;
}
.docomap .workstitles p::before,
.docomap .workstitles p::after {
	position: absolute;
	top: 0px;
	width: 15px;
	height: 48px;
	content: "";
	background-position: center;
	background-repeat: no-repeat;
}
.docomap .workstitles p::before {
	left: 0px;
	background-image:url("./img/parts/docomap1.png");
}
.docomap .workstitles p::after {
	right: 0px;
	background-image:url("./img/parts/docomap2.png");
}
.docomap .workstitles p em {
	display: block;
	font-size: 10px;
}
@media screen and (max-width: 767px) {
	.workstitles strong {
		display: block;
	}
	.docomap .workstitles strong {margin-right: 0px;}
}
.docomap .docomapinner {
}
.docomap .docomapinner img {
	margin: 0px auto;
}
.docomap .docomapinner ul {
}
.docomap .docomapinner li {
}
.docomap .docomapinner li span {
	display: inline-block;
	position: relative;
	padding: 5px 0px 5px 15px;
}
.docomap .docomapinner li span::after {
	position: absolute;
	left: 0px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #595656;
	margin-top: -6px;
}
.docomap .docomapinner li strong {
	display: inline-block;
	font-size: 1.125em;/*18px*/
	line-height: 1em;
	padding: 5px 0px;
}
#clinicdocomap.docomap .docomapinner li strong {
	color: #5976ba;
}
#seikotsuindocomap.docomap .docomapinner li strong {
	color: #6bb259;
}
.docomap .docomapinner li p {
	font-size: 0.750em;/*12px*/
	line-height: 1.4em;
}
/* --------------------- */
.hp {
}
.marketingbox#clinichp {
	color: #5976ba;
}
.marketingbox#seikotsuinhp {
	color: #6bb259;
}
.hp .img {
	width: 170px;
}
.hp .tex {
}
.hp .img img {
	width: 160px;
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.hp .img {
		width: auto;
	}
}
.hpbox {
	margin-bottom: 10px;
}
.hpbox dl {
	border: 1px solid;
}
#clinichp .hpbox dl {
	border-color: #5876b8;
}
#seikotsuinhp .hpbox dl {
	border-color: #6bb259;
}
.hpbox dt {
	text-align: center;
	padding: 5px 0px!important;
}
#clinichp .hpbox dt {
	color: #5876b8;
	background-color: #e9eff8;
}
#seikotsuinhp .hpbox dt {
	color: #6bb259;
	background-color: #ebf5ec;
}
.hpbox dt strong {
	display: block;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.4em;
	margin-bottom: 5px;
}
.hpbox dt span {
	display: block;
	font-size: 10px;
	line-height: 1em;
}
.hpbox dd {
	padding: 0px 5px 5px 5px;
}
.hpbox dd ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px;
}
@media screen and (max-width: 767px) {
	.hpbox dd ul {
		border-spacing: 2px 0px;
	}
}
.hpbox dd li {
	display: table-cell;
	line-height: 1em;
	text-align: center;
	vertical-align: middle;
}
.hpbox dd li span {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	padding: 2px 2px;
}
#clinichp .hpbox dd li span {
	background-color: #5876b8;
}
#seikotsuinhp .hpbox dd li span {
	background-color: #6bb259;
}
.hpbox dd li strong {
	display: inline-block;
	font-size: 12px;
	font-weight: normal;
	padding: 2px 5px;
}
@media screen and (max-width: 767px) {
	.hpbox dd li span {
		display: block;
		margin-bottom: 5px;
	}
	.hpbox dd li strong {
		display: block;
	}
}
.hpbox dd li strong em {
	font-style: normal;
	font-size: 1.125em;/*18px*/
	font-style: normal;
}
.hpbox dd p {
	font-size: 11px;
	text-align: right;
}
.hpbtm {
	font-size: 10px;
	line-height: 1.2em;
	text-align: left;
}
.seikotsuhpbtn {
	text-align: center;
}
.seikotsuhpbtn img {
	display: inline-block;
}
/* --------------------- */
.printbloc {
}
.print2 {
	padding-top: 30px;
}
.print .img {
}
.print .img img {
}
.print .tex {
}
.print .tex dl {
}
.print .tex dt {
}
.print .tex dt strong {
	display: block;
	position: relative;
	font-size: 1.125em;/*18px*/
	line-height: 1em;
	padding: 5px 0px 5px 25px;
}
.print .tex dt strong::after {
	position: absolute;
	left: 5px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #595656;
	margin-top: -6px;
}

.print#clinicprint .tex dt strong {
	color: #5976ba;
}
.print#seikotsuinchirashi .tex dt strong {
	color: #6bb259;
}
.print .tex dd {
}
.print .tex dd em {
	display: block;
	font-style: normal;
	font-weight: bold;
	padding-left: 25px;
}
.print .tex dd span {
	display: block;
	text-align: right;
}
.print#clinicprint .tex dd span {
	color: #5976ba;
}
.print#seikotsuinchirashi .tex dd span {
	color: #6bb259;
}
@media screen and (max-width: 767px) {
	.print .tex dd span {
		text-align: center;
	}
}
.print .tex dd span b {
	font-size: 1.125em;/*18px*/
}
.print#seikotsuinchirashi .tex p {
	font-size: 0.813em;/*13px*/
	line-height: 1em;
	text-align: center;
	border: 1px solid #6bb259;
	padding: 5px;
}
.print#seikotsuinchirashi .tex p span {
	display: inline-block;
	color: #fff;
	line-height: 1em;
	background-color: #6bb259;
	padding: 5px 10px;
}
.print#seikotsuinchirashi .tex p strong {
	display: block;
	color: #6bb259;
	line-height: 1em;
	padding: 5px 0px;
}
.seikotsuchirashibtn {
	text-align: center;
}
.seikotsuchirashibtn img {
	display: inline-block;
}
/* ---------------------------------------------------------------------- */
.hospital {
}
.hospitalinner {
	padding: 15px 20px;
}
@media screen and (max-width: 767px) {
	.hospitalinner {
		padding: 15px 5px;
	}
	.hospitalinner img {
		margin: 0px auto;
	}
}
.hospitalimg {
	float: left;
	margin-right: 10px;
}
@media screen and (max-width:767px) {
	.hospitalimg {
		float: none;
		margin-right: 0px;
	}
}
.hospitalban {
}
/* ---------------------------------------------------------------------- */
.sme {
}
#works-sme .servicebox {
	margin-bottom: 40px;
}
#sme .servicebox1 .serviceboxinner,
#sme .servicebox3 .serviceboxinner,
#sme .servicebox4 .serviceboxinner,
#sme .servicebox5 .serviceboxinner {
	padding: 15px 0px 5px 40px;
}
@media screen and (max-width: 767px) {
	#sme .servicebox1 .serviceboxinner,
	#sme .servicebox3 .serviceboxinner,
	#sme .servicebox4 .serviceboxinner,
	#sme .servicebox5 .serviceboxinner {
		padding: 0px 0px 5px 0px;
	}
}
/* sme-top---------------------- */
#sme-top {
}
.sme-top {
	position: relative;
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.sme-top {
		position: static;
		padding-left: 0px;
	}
}
.sme-top img {
	display: block;
}
.sme-top img.sme-top-img {
	position: absolute;
	right: 0px;
	top: 0px;
}
@media screen and (max-width: 767px) {
	.sme-top img.sme-top-img {
		display: none;
	}
}
.sme-top img.sme-top-titleimg {
}
.sme-top p {
	display: block;
	padding-right: 300px;
}
@media screen and (max-width: 767px) {
	.sme-top p {
		padding-right: 0px;
	}
}
.sme-top-strength {
	margin-bottom: 10px;
}
.sme-top-strength img {
	display: block;
	margin: 0px auto;
}
.sme-top-strength p {
	display: none;
}
/* --------------------- */
.sme-top-ex {
}
.sme-top-exbloc {
	border: 1px solid;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 20px;
}
.sme-top-exA.sme-top-exbloc {border-color:#90c31f;}
.sme-top-exB.sme-top-exbloc {border-color:#89abda;}
.sme-top-exC.sme-top-exbloc {border-color:#ef856e;}
.sme-top-eximg {
	width: 120px;
}
.sme-top-eximg div {
	position: relative;
	width: 120px;
}
.sme-top-eximg img {
	position: absolute;
	left: -20px;
	top: 10px;
	display: block;
}
.sme-top-exbox {
	border-left: 1px solid;
	padding: 10px 5px;
}
.sme-top-exA .sme-top-exbox {border-color:#90c31f;}
.sme-top-exB .sme-top-exbox {border-color:#89abda;}
.sme-top-exC .sme-top-exbox {border-color:#ef856e;}
.sme-top-exbox h3 {
	color: #fff;
	font-size: 0.875em;/*14px*/
	text-align: center;
	line-height: 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin-bottom: 10px;
	padding: 10px 5px;
}
.sme-top-exA .sme-top-exbox h3 {background-color:#90c31f;}
.sme-top-exB .sme-top-exbox h3 {background-color:#89abda;}
.sme-top-exC .sme-top-exbox h3 {background-color:#ef856e;}
.sme-top-exbox ul {
	display: table;
	width: 100%;
	list-style-type: none;
}
.sme-top-exbox li {
	display: table-cell;
	position: relative;
	line-height: 1em;
	text-align: center;
	vertical-align: middle;
	padding: 0px 15px;
}
.sme-top-exA .sme-top-exbox li {color:#90c31f;}
.sme-top-exB .sme-top-exbox li {color:#89abda;}
.sme-top-exC .sme-top-exbox li {color:#ef856e;}

.sme-top-exbox li::after {
	position: absolute;
	right: -8px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 7px 0 7px 12px;
	border-color: transparent transparent transparent #007bff;
	margin-top: -7px;
}
.sme-top-exA .sme-top-exbox li::after {border-color: transparent transparent transparent #90c31f;}
.sme-top-exB .sme-top-exbox li::after {border-color: transparent transparent transparent #89abda;}
.sme-top-exC .sme-top-exbox li::after {border-color: transparent transparent transparent #ef856e;}
.sme-top-exbox li:last-child::after {
	display: none;
}
.sme-top-exbox li span {
	display: block;
	font-size: 0.875em;/*14px*/
	font-weight: 700;
	line-height: 1em;
	border: 1px solid;
	padding: 5px 5px;
}
.sme-top-exbox p {
	font-size: 0.875em;/*14px*/
	line-height: 1.4em;
	padding: 5px;
}
.sme-top-exA .sme-top-exbox p {color:#90c31f;}
.sme-top-exB .sme-top-exbox p {color:#89abda;}
.sme-top-exC .sme-top-exbox p {color:#ef856e;}
.sme-top-exbox p span {
	font-size: 11px;
	padding-left: 10px;
}
@media screen and (max-width: 767px) {
	.sme-top-eximg {
		float: none;
		width: auto;
	}
	.sme-top-eximg div {
		position: static;
		width: auto;
	}
	.sme-top-eximg img {
		position: static;
		margin: 0px auto;
	}
	.sme-top-exbox {
		border-left: none;
		border-top: 1px solid;
	}
}
/* --------------------- */
.smetitle {
	color: #f39800;
	font-size: 16px;
	font-weight: bold;
	line-height: 1em;
	border-top: 1px solid #f39800;
	border-bottom: 1px solid #f39800;
	padding: 10px;
}
/* --------------------- */
.bloc#sme-2 {
	background-color: #fef5e8;
}
.bloc#sme-2 {
	background-color: #fef5e8;
}
.smebloc {
}
.smebox {
}
.smeboxinner {
	padding: 10px 0px 30px 0px;
}
.smeboxinner ul {
	border-spacing: 10px 5px;
}
.smeboxinner li {
	background-color: rgba(255,255,255,0.6);
	background-color: #fff;
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 1px 1px 5px 1px #e6e6e6;
	padding: 10px;
}
@media screen and (max-width: 767px) {
	.smeboxinner li {
		margin-bottom: 10px;
	}
}
.smeboximg {
	margin-bottom: 5px;
}
.smeboximg img {
	display: block;
	margin: 0px auto;
}
.smebox p {
	position: relative;
	font-size: 0.875em;/*14px*/
	background-color: #eeefef;
}
.smebox p span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1em;
	padding: 8px 5px 8px 20px;
}
.smebox p span::after {
	position: absolute;
	left: 5px;
	top: 50%;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #595656;
	margin-top: -6px;
}
.smebox#sme-web p span::after {
	display: none;
}
.smebox p span em {
	font-style: normal;
}
.smebox p strong {
	display: inline-block;
	position: absolute;
	right: 0px;
	top: 0px;
	color: #fff;
	font-weight: 400;
	line-height: 1em;
	text-align: center;
	vertical-align: middle;
	background-color: #9fa0a0;
	padding: 8px 10px;
}
/* ---------------------------------------------------------------------- */
.mansion {
}
/* mansiontop--------------------- */
#mansiontop {
	margin-bottom: 20px;
}
.mansiontop {
	position: relative;
	background-image:url("./img/mansion/mansiontopbg.png");
	background-position: left top;
	background-repeat: no-repeat;
	margin: 0px auto;
}
.mansiontop img {
	display: block;
}
.mansiontop .mansiontopmg {
}
.mansiontop img.mansiontoptitlemg {
	position: absolute;
	right: 0px;
	top: 30px;
}
.mansiontop p {
	position: absolute;
	right: 0px;
	top: 320px;
	width: 460px;
	font-size: 0.875em;/*14px*/
	line-height: 1.4em;
}
.mansiontop p strong {
	display: block;
	color: #f6ad3c;
	font-size: 16px;
	padding-top: 10px;
}
@media screen and (max-width: 767px) {
	.mansiontop {
		position: static;
	}
	.mansiontop img.mansiontoptitlemg {
		position: static;
	}
	.mansiontop p {
		position: static;
		width: auto;
	}
}
/* mansionabout--------------------- */
.mansionabout {
}
.mansionabout-top {
	position: relative;
	padding: 30px 200px 30px 320px;
}
.mansionabout-top img {
	position: absolute;
	margin: 0px auto;
}
.mansionabout-top img.mansionimg1 {
	left: 50px;
	bottom: 0px;
}
.mansionabout-top img.mansionimg2 {
	right: 50px;
	bottom: 0px;
}
.mansionabout-top-tex {
}
.mansionabout-top-tex p {
	color: #595757;
	font-size: 1.500em;/*24px*/
	line-height: 1em;
	text-align: center;
	background-image:url("./img/mansion/mansion1toptex.png");
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 5px 5px 5px 15px;
}
.mansionabout-top-tex p span {
	display: inline-block;
	color: #ea5433;
	background-image:url("./img/mansion/mansion1point.png");
	background-position: top;
	background-repeat: no-repeat;
	padding-top: 15px;
}
.mansionabout-top-tex p:first-child {
	margin-bottom: 5px;
}
@media screen and (max-width: 767px) {
	.mansionabout-top {
		position: relative;
		padding: 3px 10px;
	}
	.mansionabout-top img {
		position: static;
	}
	.mansionabout-top img.mansionimg1 {
	}
	.mansionabout-top img.mansionimg2 {
	}
	.mansionabout-top-tex {
		margin-left: 0px;
	}
	.mansionabout-top-tex p {
		display: inline;
		font-size: 20px;
		background-image:none;
		margin-right: 0px;
		padding: 5px 0px;
	}
}
.mansionabout-bloc {
	background-color: #fdecdb;
	background-image:url("./img/mansion/mansion1bg.png");
	background-position: left top;
	background-repeat: repeat;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 15px 20px;
}
.mansionabout-bloctop {
	margin-bottom: 20px;
	padding: 0px 20px;
}
.mansionabout-bloctop p {
}
.mansionabout-bloctop p strong {
	color: #ea5433;
}
@media screen and (max-width: 767px) {
	.mansionabout-bloc {
		padding: 15px 10px;
	}
	.mansionabout-bloctop {
		padding: 0px;
	}
}
.mansionabout-box {
	position: relative;
	background-color: #fff;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 3px 20px;
}
.mansionabout1 {
	margin-bottom: 20px;
}
.mansionabout-box img {
	margin: 0px auto;
}
.mansionabout-badge img {
	position: absolute;
	right: 0px;
	top: 50%;
	-webkit-transform: translate(0%,-50%);
	-moz-transform: translate(%,-50%);
	-ms-transform: translate(0%,-50%);
	-o-transform: translate(0%,-50%);
	transform: translate(0%,-50%);
}
.mansionabout-no {
	width: 110px;
	vertical-align: middle;
}
.mansionabout-no img {
}
.mansionabout-tex {
	border-left: 1px solid #f39800;
	vertical-align: middle;
	padding: 10px 20px;
}
.mansion1box1 .mansionabout-tex {
	padding-top: 10px;
}
.mansion1box2 .mansionabout-tex {
	padding-top: 5px;
	padding-bottom: 5px;
}
.mansionabout-tex strong {
	display: block;
	color: #f39800;
	font-size: 1.125em;/*18px*/
	font-weight: normal;
	text-decoration: underline;
	margin-bottom: 10px;
}
.mansionabout-tex p {
}
.mansion1btm {
	padding: 20px 20px 0px 20px;
}
.mansion1btm p {
}
.mansion1btm p strong {
	color: #ea5433;
}
@media screen and (max-width: 767px) {
	.mansionabout-no {
		width: auto;
	}
	.mansionabout-no img {
		margin: 0px auto 0px 0px;
	}
	.mansionabout-badge img {
		position: absolute;
		right: 0px;
		top: 0%;
		-webkit-transform: translate(0%);
		-moz-transform: translate(%);
		-ms-transform: translate(0%);
		-o-transform: translate(0%);
		transform: translate(0%);
	}
	.mansionabout-tex {
		border-left: none;
		border-top: 1px solid #f39800;
		margin-left: 0px;
		padding-left: 0px;
	}
	.mansion1btm {
		padding: 20px 10px 0px 10px;
	}
}
/* mansion2--------------------- */
#mansion2 {
	margin-bottom: 20px;
}
.mansion2 {
}
.mansion2top {
}
.mansion2top img {
	display: block;
}
.mansion2top img.mansionimg1 {
	float: left;
}
@media screen and (max-width: 767px) {
	.mansion2top img.mansionimg1 {
		float: none;
		margin: 0px auto;
	}
}
.mansion2check {
	background-color: #fffded;
	box-shadow: 2px 2px 2px #e6e6e6;
	-moz-box-shadow: 2px 2px 2px #e6e6e6;
	-webkit-box-shadow: 1px 1px 5px 1px #e6e6e6;
	margin-left: 260px;
	padding: 20px 10px 5px 20px;
}
.mansion2check img {
	float: right;
}
.mansion2check ul {
	list-style-type: none;
}
.mansion2check li {
	font-size: 0.875em;/*14px*/
	line-height: 1.4em;
	background-image:url("./img/mansion/mansion2check.png");
	background-position: left;
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-left: 25px;
	
}
@media screen and (max-width: 767px) {
	.mansion2check {
		margin-left: 0px;
		padding: 20px 10px 5px 10px;
	}
}
.mansion2bloc {
	padding-top: 20px;
}
.mansion2bloctitle {
	color: #f39800;
	font-size: 20px;
	font-weight: normal;
	line-height: 1em;
	text-align: center;
	border-top: 1px solid #f39800;
	border-bottom: 1px solid #f39800;
	margin-bottom: 10px;
	padding: 10px;
}
.mansion2tex {
}
.mansion2tex p {
}
.mansion2tex p strong {
	color: #ea5433;
	font-weight: normal;
}
.mansionline {
	margin-bottom: 30px;
}
.mansionline img {
	display: block;
	margin: 0px auto;
}
/* mansion3--------------------- */
#mansionresult {
}
.mansionresult-top {
	text-align: center;
	margin-bottom: 20px;
}
.mansionresult-top img {
	display: inline-block;
}
.mansionresult-top img {
}
.mansionresult {
}
.mansionresultbox {
	background-image:url("./img/mansion/resultbg.jpg");
	background-repeat: repeat;
	margin-bottom: 20px;
	padding: 40px;
}
.mansionresultouter {
	background-color: rgba(255,255,255,0.8);
	box-shadow: 0px 0px 10px 20px rgba(255,255,255,0.8);
	-moz-box-shadow: 0px 0px 10px 20px rgba(255,255,255,0.8);
	-webkit-box-shadow: 0px 0px 10px 20px rgba(255,255,255,0.8);
	padding: 20px 20px 0px 20px;
}
.mansionresulttitle {
	position: relative;
}
.mansionresulttitle img {
	position: absolute;
	left: -25px;
	top: -55px;
}
.mansionresultinner {
}
.mansionresultimg {
	padding-top: 20px;
}
.mansionresultimg img {
	display: block;
}
.mansionresulttex {
}
.mansionresulttitles {
}
.mansionresulttitles img {
	display: block;
	margin-bottom: 10px;
}
.mansionresulttexinner {
	background-color: #fff;
	background-repeat: repeat-y;
	background-position: left center;
	border: 1px solid;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px 10px 20px;
}
.mansionresult1 .mansionresulttexinner {
	background-image:url("./img/mansion/mansionresultbox1.png");
	border-color: #f39800;
}
.mansionresult2 .mansionresulttexinner {
	background-image:url("./img/mansion/mansionresultbox2.png");
	border-color: #a2bce2;
}
.mansionresulttexinner ul {
	list-style-type: none;
}
.mansionresulttexinner li {
}
.mansionresulttex1 {
	font-size: 16px;
	border-bottom: 1px dotted;
}
.mansionresulttex2 {
	font-size: 12px;
	border-bottom: 1px dotted;
	margin-bottom: 10px;
	padding-left: 10px;
}
.mansionresult1 .mansionresulttex1,.mansionresult1 .mansionresulttex2 {
	color: #f39800;
	border-color: #f39800;
}
.mansionresult2 .mansionresulttex1,.mansionresult2 .mansionresulttex2 {
	color: #a2bce2;
	border-color: #a2bce2;
}
.mansionresulttex1 span {
	font-size: 12px;
}
.mansionresulttex3 {
	padding-left: 10px;
}
.mansionresulttex3 p {
	font-size: 12px;
	line-height: 1.6em;
}
@media screen and (max-width: 767px) {
	.mansionresultbox {
		padding: 10px;
	}
	.mansionresultouter {
		background-color: rgba(255,255,255,0.8);
		box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.8);
		-moz-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.8);
		-webkit-box-shadow: 0px 0px 10px 5px rgba(255,255,255,0.8);
		padding: 20px 10px 10px 10px;
	}
	.mansionresulttitle img {
		left: -5px;
		top: -25px;
	}
}
/* mansion4--------------------- */
#mansion4 {
	margin-bottom: 20px;
}
.mansion4 {
}
.mansion4bloc {
}
.mansion4box {
}
.mansion4box1 {margin-bottom:30px;}
.mansion4box2 {margin-bottom:30px;}
.mansion4box3 {margin-bottom:30px;}
.mansion4box4 {}
.mansion4boxcomp {
	position: relative;
}
.mansion4boxcomp img {
	position: absolute;
	display: block;
}
.mansion4boxcomp img.mansion4kh {
	right: 10px;
	top: -20px;
}
.mansion4boxcomp img.mansion4anzu {
	right: 10px;
	top: -20px;
}
@media screen and (max-width: 767px) {
	.mansion4boxcomp img {
		height: 50px;
	}
	.mansion4boxcomp img.mansion4kh {
		right: 60px;
		top: 40px;
	}
	.mansion4boxcomp img.mansion4anzu {
		right: 10px;
		top: 40px;
	}
}
.mansion4title {
}
.mansion4title img {
	display: block;
}
.mansion4outer {
	padding: 5px;
}
.mansion4box1 .mansion4outer {background-color: #89abda;}
.mansion4box2 .mansion4outer {background-color: #90c31f;}
.mansion4box3 .mansion4outer {background-color: #f39800;}
.mansion4box4 .mansion4outer {background-color: #90c31f;}
.mansion4inner {
	background-color: #fff;
	padding: 40px 20px 10px 20px;
}
@media screen and (max-width: 767px) {
	.mansion4inner {
		background-color: #fff;
		padding: 40px 5px 10px 5px;
	}
}
.mansion4inner img {
	display: block;
	float: left;
}
@media screen and (max-width: 767px) {
	.mansion4inner img {
		float: none;
	}
}
.mansion4tex {
	float: right;
	width: 580px;
}
@media screen and (max-width: 767px) {
	.mansion4tex {
		float: none;
		width: auto;
	}
}
.mansion4tex p {
	color: #ea5433;
	font-size: 1.125em;/*18px*/
	font-weight: normal;
}
@media screen and (max-width: 767px) {
	.mansion4tex p {
		font-size: 16px;
	}
}
.mansion4tex p span {
	color: #666;
	font-size: 12px;
}
.mansion4tex ul {
	display: table;
	table-layout: fixed;
	width: 100%;
	list-style-type: none;
}
.mansion4tex li {
	display: table-cell;
	width: 25%;
	vertical-align: middle;
}
@media screen and (max-width: 767px) {
	.mansion4tex ul {
		display: block;
	}
	.mansion4tex li {
		display: block;
		width: auto;
	}
}
.mansion4tex li div {
	padding: 10px 10px;
}
@media screen and (max-width: 767px) {
	.mansion4tex li div {
		padding: 5px;
	}
}
.mansion4tex li div em {
	display: block;
	color: #fff;
	font-style: normal;
	text-align: center;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 10px 10px;
}
@media screen and (max-width: 767px) {
	.mansion4tex li div em {
		padding: 5px;
	}
}
.mansion4tex li.mansion4liston div em {
	background-color: #ee7961;
}
.mansion4tex li.mansion4listoff div em {
	background-color: #c9c9ca;
}
.mansion4tex li strong {
	display: block;
	font-size: 20px;
	font-weight: normal;
}
.mansion4tex li span {
	display: block;
	font-size: 11px;
}
@media screen and (max-width: 767px) {
	.mansion4tex li strong {
		line-height: 1em;
	}
	.mansion4tex li span {
		line-height: 1em;
	}
}
.mansion4tex li.mansion4list1 {
}
.mansion4tex li.mansion4list2 {
}
.mansion4tex li.mansion4list3 {
}
.mansion4tex li.mansion4list4 {
}
/* oneFproject--------------------- */
#oneFproject {
	margin-bottom: 20px;
}
.oneFprojecttitle {
	position: relative;
	height: 90px;
	border-bottom: 1px solid #f39800;
	margin-bottom: 20px;
}
@media screen and (max-width: 767px) {
	.oneFprojecttitle {
		position: static;
		height: auto;
		margin-bottom: 10px;
	}
}
.oneFprojecttitle img {
}
.oneFprojecttitle img.oneFprojecttitleimg {
}
.oneFprojecttitle img.oneFprojectpenki {
	position: absolute;
	right: 20px;
	top: 10px;
}
@media screen and (max-width: 767px) {
	.oneFprojecttitle img.oneFprojectpenki {
		display: none;
	}
}
.oneFprojecttex {
	padding: 10px;
}
.oneFprojecttex p {
}
/* ---------------------------------------------------------------------- */
/* fvoice---------------------------------------------------------------------- */
#fvoice {
	margin-bottom: 0px;
}
.fvoice {
	background-color: #fffeee;
	padding: 10px 0px;
}
.fvoice ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 10px 0px;
	margin-bottom: 10px;
}
.fvoice li {
	display: table-cell;
	vertical-align: top;
}
.fvoice1 {
	width: 482px;
}
.fvoice img {
	margin: 0px auto;
}
@media screen and (max-width: 767px) {
	.fvoice ul {
		display: block;
		width: auto;
	}
	.fvoice li {
		display: block;
		width: auto;
	}
	.fvoice1 {
		width: auto;
	}
}
/* fba---------------------------------------------------------------------- */
#fba {
	padding: 30px 0px 0px 0px;
}
.fba {
	border: 1px solid #fff;
	padding: 5px 14px;
}
@media screen and (max-width: 767px) {
	.fba {
		padding: 5px 0px;
	}
}
.fbatitle {
	background-color: #ea5532;
	background-image: url("./img/ba/kensho.png");
	background-position: left top;
	background-repeat: no-repeat;
}
.fbatitle div {
	width: 682px;
	height: 64px;
	background-image: url("./img/ba/title.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	margin: 0px 40px 0px auto;
}
@media screen and (max-width: 767px) {
	.fbatitle div {
		width: auto;
		height: 41px;
		background-image: url("./img/ba/title.png");
		background-position: center bottom;
		background-size: 100%;
		margin: 0px auto;
		padding-top: 64px;
	}
}

.fbatitle img {
	display: none;
}
@media screen and (max-width: 479px) {
	.fbatitle {
		background-image: none;
	}
	.fbatitle div {
		width: auto;
		height: auto;
		background-image: none;
		padding-top: 0px;
	}
	.fbatitle img {
		display: block;
		max-width: 100%;
		margin: 0px auto;
	}
}
.fbainner {
	background-color: #fef7f3;
	padding: 20px;
}
@media screen and (max-width: 767px) {
	.fbainner {
		padding: 5px;
	}
}
.fbabloc {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 10px 0px;
	margin-bottom: 10px;
}
.fbabloc:last-child {
	margin-bottom: 0px;
}
.fbabox {
	display: table-cell;
	vertical-align: top;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: 10px 10px;
	border: 1px solid #f5a200;
	padding: 30px 10px 10px 10px;
}
.fbabox.before {
	width: 145px;
	background-image:url("./img/ba/before.png");
}
.fbabox.after {
	background-image:url("./img/ba/after.png");
}
@media screen and (max-width: 767px) {
	.fbabloc {
		display: block;
		width: auto;
	}
	.fbabox {
		display: block;
	}
	.fbabox.before {
		width: auto;
		border-bottom: none;
		padding: 5px 5px 5px 5px;
	}
	.fbabox.after {
		width: auto;
		padding: 30px 5px 5px 5px;
	}
}
@media screen and (max-width: 479px) {
	.fbabox.before {
		padding: 30px 5px 5px 5px;
	}
}
.fbabox ul {
	display: table;
	width: 100%;
	table-layout: fixed;
	border-spacing: 0px 0px;
}
.fbabox li {
	display: table-cell;
	vertical-align: top;
}
@media screen and (max-width: 767px) {
	.fbabox ul {
		text-align: center;
		border-spacing: 1px 0px;
	}
}
@media screen and (max-width: 479px) {
	.fbabox ul {
		display: block;
		width: auto;
	}
	.fbabox li {
		display: inline-block;
		width: 45%;
		margin-bottom: 5px;
	}
}
.fbabox li a {
}
.fbabox li a img {
	width: 143px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
@media screen and (max-width: 767px) {
	.fbabox li a img {
		display: inline-block;
		max-width: #160px;
	}
}
.fbabox li a:hover img {
	opacity: 0.8;
}
/* ---------------------------------------------------------------------- */