img {
	max-width: 100%;
}

body {
	background: #fff;
}
body > #page {
	padding-top: 40px;
	overflow-x: hidden;
}

#header-wrap {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 4;
	width: 100%;
	height: 40px;
	transition: 0.4s;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.1);
}
#header-wrap #header {
	height: 100%;
}
#header-wrap .logo {
	width: 32%;
	min-width: 120px;
	margin-left: 4%;
}
#header-wrap .logo a {
	display: flex;
	align-items: center;
	height: 40px;
}
#header-wrap .logo a img {
	width: 100%;
	vertical-align: middle;
}
#header-wrap #header-navWrap {
	background: #f0f0f0;
	bottom: 0;
	overflow: auto;
}
#header-wrap #header-navWrap #header-search {
	background: #fff;
	border-bottom: #4d4d4d solid 1px;
}
#header-wrap #header-navWrap #header-search form {
	padding: 1em 2em;
	position: relative;
}
#header-wrap #header-navWrap #header-search form input[type='text'] {
	width: 100%;
	padding-left: 1.6em;
	outline: none;
	border-bottom: #333 solid 1px;
	transition: 0.6s;
}
#header-wrap #header-navWrap #header-search form input[type='submit'] {
	position: absolute;
	left: 2em;
	bottom: 1.3em;
	width: 1.2em;
	height: 0;
	padding-top: 1.2em;
	overflow: hidden;
	background: url('/img/icon-search.svg') no-repeat;
}
#header-wrap #header-navWrap #header-nav a {
	text-decoration: none;
}
#header-wrap #header-navWrap #header-nav > li {
	overflow: hidden;
	height: 60px;
	border-bottom: #4d4d4d solid 1px;
	position: relative;
}
#header-wrap #header-navWrap #header-nav > li > a {
	display: block;
	pointer-events: none;
	padding-left: 2em;
	line-height: 60px;
}
#header-wrap #header-navWrap #header-nav > li .category-trigger {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
}
#header-wrap #header-navWrap #header-nav > li .category-trigger img {
	width: 7px;
	position: absolute;
	right: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
}
#header-wrap #header-navWrap .nav-detail {
	bottom: 0;
	overflow: auto;
	position: relative;
	z-index: 10;
}
#header-wrap #header-navWrap .nav-detail > div h3,
#header-wrap #header-navWrap .nav-detail > div h4,
#header-wrap #header-navWrap .nav-detail > div ul li {
	font-size: 13px;
	font-size: 1.3rem;
	border-bottom: #4d4d4d solid 1px;
}
#header-wrap #header-navWrap .nav-detail > div a {
	display: block;
}
#header-wrap #header-navWrap .nav-detail > div i {
	display: inline-block;
	margin-right: 0.25em;
	font-size: 140%;
	width: 1.5em;
	position: relative;
	top: 2px;
}
#header-wrap #header-navWrap .nav-detail > div i:before {
	color: #4d4d4d;
}
#header-wrap #header-navWrap .nav-detail > div h3,
#header-wrap #header-navWrap .nav-detail > div h4 {
	padding: 1.5em 2em;
}
#header-wrap #header-navWrap .nav-detail > div ul li {
	line-height: 1.2;
}
#header-wrap #header-navWrap .nav-detail > div ul li > a {
	padding: 1.75em 0 1.75em 5em;
	position: relative;
}
#header-wrap #header-navWrap .nav-detail > div ul li > a::before {
	content: '';
	display: block;
	width: 0.75em;
	height: 1px;
	position: absolute;
	left: 3.5em;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #4d4d4d;
}
#header-wrap #header-navWrap .nav-detail > div ul li.categoryName > a {
	padding: 0.75em 0 0.75em 5em;
}
#header-wrap
	#header-navWrap
	.nav-detail
	> div
	ul
	li.categoryName
	span[class*='BG-'] {
	display: inline-block;
	font-size: 8px;
	font-size: 0.8rem;
	margin-bottom: 0.25em;
	padding: 0.25em 1em;
	color: #fff;
}
#header-wrap #header-navWrap #nav-support .map {
	margin: 1em;
}
#header-wrap #header-navWrap #nav-support .map ol {
	display: flex;
	flex-wrap: wrap;
}
#header-wrap #header-navWrap #nav-support .map ol + ol {
	margin-top: 1em;
	padding-top: 1em;
	border-top: #4d4d4d dashed 1px;
}
#header-wrap #header-navWrap #nav-support .map ol > li {
	text-align: center;
	width: 33.3%;
}
#header-wrap #header-navWrap #nav-support .map ol > li a,
#header-wrap #header-navWrap #nav-support .map ol > li span {
	padding: 0.5em 0;
	margin: 0.25em;
	display: block;
	text-decoration: none;
}
#header-wrap #header-navWrap #nav-support .map ol > li a {
	padding-bottom: 0.75em;
	background: #e24040;
	color: #fff;
	border-radius: 4px;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
}
#header-wrap #header-navWrap #nav-support .map ol > li span {
	background: #eee;
	color: #999;
	box-shadow: inset 0 0 0 1px #ddd;
}
#header-wrap #header-navWrap #nav-showroom a {
	margin: 1em;
}
#header-wrap #header-navWrap #nav-showroom img {
	width: 100%;
}
#header-wrap #header-navWrap .back-trigger {
	height: 60px;
	line-height: 60px;
	border-bottom: #4d4d4d solid 1px;
	text-align: center;
	background: #fff url('../img/arrowLeft.png') 2em center no-repeat;
	background-size: 7px auto;
}

#nav-trigger {
	display: inline-block;
	position: relative;
	width: 16%;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10;
}
#nav-trigger > span {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 50%;
	max-width: 32px;
	height: 3px;
	background: #e24040;
	transition: 1.2s;
}
#nav-trigger > span:after,
#nav-trigger > span:before {
	display: block;
	content: '';
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	height: 3px;
	background: #e24040;
	transition: 0.3s;
}
#nav-trigger > span:before {
	margin-top: -8px;
}
#nav-trigger > span:after {
	margin-top: 6px;
}

.nav-detail {
	background: #f0f0f0;
}

#breadcrumb {
	width: 100%;
	padding: 0.5em;
	font-size: 10px;
	background: black;
	color: #fff;
}
#breadcrumb > ol {
	overflow: hidden;
}
#breadcrumb > ol > li {
	float: left;
}
#breadcrumb > ol > li + li:before {
	content: '>';
	margin: 0 0.5em;
}
#breadcrumb > ol > li:last-child a {
	text-decoration: none;
	cursor: default;
}

#pageTitle {
	text-align: center;
	background: #333;
	background-position: center center;
	background-size: cover;
}
#pageTitle h1 {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 2.5em 0;
	color: #fff;
}

#pageNav {
	display: none;
}

body.nav-open #header-wrap {
	background: rgba(0, 0, 0, 0.1);
}

body.nav-open #nav-trigger {
	width: 12%;
	z-index: 10;
	left: 0;
	right: auto;
}
body.nav-open #nav-trigger > span {
	background: transparent;
}
body.nav-open #nav-trigger > span:after,
body.nav-open #nav-trigger > span:before {
	margin-top: 0;
	background-color: #fff;
}
body.nav-open #nav-trigger > span:before {
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}
body.nav-open #nav-trigger > span:after {
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}

.forCustomer {
	margin-top: 3em !important;
}

body.index .forCustomer {
	display: none !important;
}

#footer-wrap {
	margin-top: 2em;
	text-align: center;
	background: #000;
	color: #fff;
}
#footer-wrap #footer {
	font-size: 10px;
	font-size: 2.66667vw;
}
#footer-wrap #footer > ul {
	overflow: hidden;
	border: #4d4d4d solid 1px;
	border-bottom: none;
}
#footer-wrap #footer > ul > li {
	float: left;
	width: 50%;
}
#footer-wrap #footer > ul > li a {
	padding: 0.75em 0;
	display: block;
	text-decoration: none;
	border-bottom: #4d4d4d solid 1px;
}
#footer-wrap #footer > ul > li:nth-of-type(even) a {
	border-left: #4d4d4d solid 1px;
}
#footer-wrap #footer #copyright {
	padding: 2em 0;
}

body:not(.index) #recruit-banner,
body:not(.download__drawing):not(.products__worksList) #mailnews-banner,
body:not(.download__pdf-catalog) #news-banner {
	display: none;
}

#gotop,
#recruit-banner,
#mailnews-banner,
#news-banner {
	position: fixed;
	z-index: -1;
	opacity: 0;
}

#gotop {
	right: 1em;
	bottom: 3.5em;
	transition: 0.4s;
}
#gotop a {
	display: block;
	padding: 0.5em 1em;
	background: #fff;
	box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15);
}

#recruit-banner,
#mailnews-banner,
#news-banner {
	right: 0;
	bottom: 8em;
	transition: 0.8s;
	transition-delay: 0.4s;
}
#recruit-banner > span,
#mailnews-banner > span,
#news-banner > span {
	display: block;
	cursor: pointer;
	padding: 0.5em 0.2em 0.5em;
	margin-bottom: -1em;
	text-align: right;
	position: relative;
	z-index: 4;
}
#recruit-banner > a,
#mailnews-banner > a,
#lnews-banner > a {
	display: block;
	background: #fff;
}

body.gotopFixed #gotop,
body.breadcrumbFixed #recruit-banner,
body.breadcrumbFixed #mailnews-banner,
body.breadcrumbFixed #news-banner {
	opacity: 1;
	z-index: 4;
}

body .sp-db {
	display: block !important;
}

body .sp-dn {
	display: none !important;
}

body .sp-dib {
	display: inline-block !important;
}

body .sp-dt {
	width: 100%;
	display: table !important;
}
body .sp-dt > * {
	display: table-cell;
}

body .sp-tdn {
	text-decoration: none !important;
}

body .sp-tdu {
	text-decoration: underline !important;
}

body .sp-tac {
	text-align: center !important;
}

body .sp-tar {
	text-align: right !important;
}

body .sp-tal {
	text-align: left !important;
}

body .sp-bd {
	border: #4d4d4d solid 1px;
}

body .sp-bdT {
	border-top: #4d4d4d solid 1px;
}

body .sp-bdB {
	border-bottom: #4d4d4d solid 1px;
}

body .sp-bdL {
	border-left: #4d4d4d solid 1px;
}

body .sp-bdR {
	border-right: #4d4d4d solid 1px;
}

body .sp-bdV {
	border-top: #4d4d4d solid 1px;
	border-bottom: #4d4d4d solid 1px;
}

body .sp-bdH {
	border-left: #4d4d4d solid 1px;
	border-right: #4d4d4d solid 1px;
}

body .sp-clearfix:after {
	content: '';
	display: table;
	clear: both;
}

body .sp-fl {
	float: left;
}

body .sp-fr {
	float: right;
}

body .sp-pen {
	pointer-events: none;
}

body [class*='-column'],
body [class*='-partition'] {
	flex-wrap: wrap;
	justify-content: space-between;
}
body [class*='-column'] > *,
body [class*='-partition'] > * {
	width: 100%;
}
body [class*='-column'] > * > a,
body [class*='-partition'] > * > a {
	display: block;
	height: 100%;
	text-decoration: none;
}

body .linksWrap > * > a {
	display: block;
	height: 100%;
	text-decoration: none;
}

body [class*='-column2'] > * + * {
	margin-top: 1em;
}

body [class*='-column02'] > *,
body [class*='-column3'] > *,
body [class*='-column4'] > *,
body [class*='-column5'] > *,
body [class*='-column6'] > * {
	width: 49%;
	margin-bottom: 1em;
}

/* 20181227採用ページギャラリー用　ここから */
body [class*='-column8'] > * {
	width: 33%;
}

body [class*='-column8'] > *:nth-of-type(n + 4) {
	margin-top: 0.8em;
}

body [class*='-column8'] > *:nth-child(3n + 2):last-child {
	margin-right: 33%;
}
/* 20181227採用ページギャラリー用　ここまで */

body [class*='-partition3'] > *,
body [class*='-partition4'] > *,
body [class*='-partition5'] > * {
	width: 50%;
}

body .spDf-column3 > * {
	width: 33.3%;
	width: calc(100% / 3);
}

body .spDf-column4 > * {
	width: 25%;
}

body .sp-widthMax {
	width: 100% !important;
}

body .sp-widthHalf {
	width: 50% !important;
}

body .childBdWrapBlack {
	border-color: #000;
}
body .childBdWrapBlack > * {
	border: #000 solid 1px;
}

body .childBdWrapGray {
	border-color: #4d4d4d;
}
body .childBdWrapGray > * {
	border: #4d4d4d solid 1px;
}

body .childBdWrapLightGray {
	border-color: #e6e6e6;
}
body .childBdWrapLightGray > * {
	border: #e6e6e6 solid 1px;
}

body [class*='-partition'][class*='childBdWrap'] {
	border-width: 1px 0 0 1px;
	border-style: solid;
}
body [class*='-partition'][class*='childBdWrap'] > * {
	border-top: none;
	border-left: none;
}

body .sp-paddingWrap050 > * {
	padding: 0.5em;
}

body .sp-paddingWrap075 > * {
	padding: 0.75em;
}

body .sp-paddingWrap100 > * {
	padding: 1em;
}

body .sp-paddingWrap200 > * {
	padding: 2em;
}

body .sp-paddingWrap300 > * {
	padding: 3em;
}

body .sp-linkPaddingWrap050 a {
	padding: 0.5em;
}

body .sp-linkPaddingWrap075 a {
	padding: 0.75em;
}

body .sp-linkPaddingWrap100 a {
	padding: 1em;
}

body .sp-linkPaddingWrap200 a {
	padding: 2em;
}

body .sp-linkPaddingWrap300 a {
	padding: 3em;
}

body .linkPaddingWrapImgFit050 a,
body .linkPaddingWrapImgFit075 a {
	padding: 0.5em;
}
body .linkPaddingWrapImgFit050 a > img,
body .linkPaddingWrapImgFit075 a > img {
	max-width: none;
	width: calc(100% + 1em);
	margin-top: -0.5em;
	margin-left: -0.5em;
	margin-bottom: 0.5em;
}

body .linkPaddingWrapImgFit100 a {
	padding: 0.75em;
}
body .linkPaddingWrapImgFit100 a > img {
	max-width: none;
	width: calc(100% + 1.5em);
	margin-top: -0.75em;
	margin-left: -0.75em;
	margin-bottom: 0.75em;
}

[class*='OrnamentPanels'] > * {
	border: #e6e6e6 solid 1px;
}
[class*='OrnamentPanels'] > * a {
	transition: 0.2s;
	position: relative;
}
[class*='OrnamentPanels'] > * b {
	margin: 0.5em 0 0.25em;
}

.OrnamentPanelsTri a:after,
[class*='doubleLineSlide'] .slick-slide a:after,
[class*='singleLineSlide'] .slick-slide a:after,
.products__systembath__bathingEquipment [id^='tabContent'] td > div a:after,
#worksList .df-column4 > div a:after,
#worksList .df-column3 > div a:after,
#worksList .df-column2 > div a:after {
	position: absolute;
	bottom: 0.5em;
	right: 0.5em;
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 0 0.5em 0.5em;
	border-color: transparent transparent #4d4d4d transparent;
}

.OrnamentPanelsTri-lightGray a:after {
	border-bottom-color: #e6e6e6;
}

.OrnamentPanelsTri-red a:after,
[class*='doubleLineSlide'] .slick-slide a:after,
[class*='singleLineSlide'] .slick-slide a:after {
	border-bottom-color: #e24040;
}

body .bdWrap01 {
	border-top: #e6e6e6 solid 1px;
	border-left: #e6e6e6 solid 1px;
}
body .bdWrap01 > * {
	border-right: #e6e6e6 solid 1px;
	border-bottom: #e6e6e6 solid 1px;
}
body .bdWrap01 > * > a {
	padding: 0.5em;
	font-size: 10px;
	font-size: 1rem;
}
body .bdWrap01 > * > a img {
	width: 100%;
	margin-bottom: 0.5em;
}

body .bdWrap01 {
	border-top: #e6e6e6 solid 1px;
	border-left: #e6e6e6 solid 1px;
}
body .bdWrap01 > * {
	border-right: #e6e6e6 solid 1px;
	border-bottom: #e6e6e6 solid 1px;
}
body .bdWrap01 > * > a {
	padding: 0.75em;
}
body .bdWrap01 > * > a img {
	width: 100%;
	margin-bottom: 0.5em;
}

body .sp-pore {
	position: relative;
}

body [class*='sp-poa'] {
	position: absolute;
}

body .sp-poa-rt0 {
	right: 0;
	top: 0;
}

body .sp-poa-rb0 {
	right: 0;
	bottom: 0;
}

body .sp-poa-lt0 {
	left: 0;
	top: 0;
}

body .sp-poa-lb0 {
	right: 0;
	bottom: 0;
}

body .sp-poa-ht0 {
	left: 0;
	right: 0;
	top: 0;
	margin: auto;
}

body .sp-poa-hb0 {
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
}

body .sp-poa-vh0 {
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
}

body .fzVeryMin {
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.5;
}

body .fzMin {
	font-size: 12px;
	font-size: 1.2rem;
}

body .fzBaseText {
	font-size: 14px;
	font-size: 1.4rem;
}

body .fzMd {
	font-size: 16px;
	font-size: 1.6rem;
}

body .fzBig {
	font-size: 18px;
	font-size: 1.8rem;
}

body .fzVeryBig {
	font-size: 22px;
	font-size: 2.2rem;
}

body .fzUltraBig {
	font-size: 32px;
	font-size: 3.2rem;
	font-weight: bold;
}

body .sp-fwn {
	font-weight: normal !important;
}

body .sp-fwm {
	font-weight: 500 !important;
}

body .sp-fwb {
	font-weight: bold !important;
}

body .sp-fz50p {
	font-size: 50%;
}

body .sp-fz60p {
	font-size: 60%;
}

body .sp-fz70p {
	font-size: 70%;
}

body .sp-fz80p {
	font-size: 80%;
}

body .sp-fz90p {
	font-size: 90%;
}

body .sp-fz100p {
	font-size: 100%;
}

body .sp-fz110p {
	font-size: 110%;
}

body .sp-fz120p {
	font-size: 120%;
}

body .sp-fz130p {
	font-size: 130%;
}

body .sp-fz140p {
	font-size: 140%;
}

body .sp-fz150p {
	font-size: 150%;
}

body .sp-fz160p {
	font-size: 160%;
}

body .sp-fz170p {
	font-size: 170%;
}

body .sp-fz180p {
	font-size: 180%;
}

body .sp-fz190p {
	font-size: 190%;
}

body .sp-fz200p {
	font-size: 200%;
}

body .sp-lh05 {
	line-height: 0.5;
}

body .sp-lh06 {
	line-height: 0.6;
}

body .sp-lh07 {
	line-height: 0.7;
}

body .sp-lh08 {
	line-height: 0.8;
}

body .sp-lh09 {
	line-height: 0.9;
}

body .sp-lh010 {
	line-height: 1;
}

body .sp-lh011 {
	line-height: 1.1;
}

body .sp-lh012 {
	line-height: 1.2;
}

body .sp-lh013 {
	line-height: 1.3;
}

body .sp-lh014 {
	line-height: 1.4;
}

body .sp-lh015 {
	line-height: 1.5;
}

body .sp-lh016 {
	line-height: 1.6;
}

body .sp-lh017 {
	line-height: 1.7;
}

body .sp-lh018 {
	line-height: 1.8;
}

body .sp-lh019 {
	line-height: 1.9;
}

body .sp-lh020 {
	line-height: 2;
}

.sp-vm00 {
	margin-top: 0em !important;
	margin-bottom: 0em !important;
}

.sp-vp00 {
	padding-top: 0em !important;
	padding-bottom: 0em !important;
}

.sp-hm00 {
	margin-left: 0em !important;
	margin-right: 0em !important;
}

.sp-hp00 {
	padding-left: 0em !important;
	padding-right: 0em !important;
}

.sp-mt00 {
	margin-top: 0em !important;
}

.sp-mb00 {
	margin-bottom: 0em !important;
}

.sp-ml00 {
	margin-left: 0em !important;
}

.sp-mr00 {
	margin-right: 0em !important;
}

.sp-pt00 {
	padding-top: 0em !important;
}

.sp-pb00 {
	padding-bottom: 0em !important;
}

.sp-pl00 {
	padding-left: 0em !important;
}

.sp-pr00 {
	padding-right: 0em !important;
}

.sp-vm025 {
	margin-top: 0.25em !important;
	margin-bottom: 0.25em !important;
}

.sp-vp025 {
	padding-top: 0.25em !important;
	padding-bottom: 0.25em !important;
}

.sp-hm025 {
	margin-left: 0.25em !important;
	margin-right: 0.25em !important;
}

.sp-hp025 {
	padding-left: 0.25em !important;
	padding-right: 0.25em !important;
}

.sp-mt025 {
	margin-top: 0.25em !important;
}

.sp-mb025 {
	margin-bottom: 0.25em !important;
}

.sp-ml025 {
	margin-left: 0.25em !important;
}

.sp-mr025 {
	margin-right: 0.25em !important;
}

.sp-pt025 {
	padding-top: 0.25em !important;
}

.sp-pb025 {
	padding-bottom: 0.25em !important;
}

.sp-pl025 {
	padding-left: 0.25em !important;
}

.sp-pr025 {
	padding-right: 0.25em !important;
}

.sp-vm050 {
	margin-top: 0.5em !important;
	margin-bottom: 0.5em !important;
}

.sp-vp050 {
	padding-top: 0.5em !important;
	padding-bottom: 0.5em !important;
}

.sp-hm050 {
	margin-left: 0.5em !important;
	margin-right: 0.5em !important;
}

.sp-hp050 {
	padding-left: 0.5em !important;
	padding-right: 0.5em !important;
}

.sp-mt050 {
	margin-top: 0.5em !important;
}

.sp-mb050 {
	margin-bottom: 0.5em !important;
}

.sp-ml050 {
	margin-left: 0.5em !important;
}

.sp-mr050 {
	margin-right: 0.5em !important;
}

.sp-pt050 {
	padding-top: 0.5em !important;
}

.sp-pb050 {
	padding-bottom: 0.5em !important;
}

.sp-pl050 {
	padding-left: 0.5em !important;
}

.sp-pr050 {
	padding-right: 0.5em !important;
}

.sp-vm075 {
	margin-top: 0.75em !important;
	margin-bottom: 0.75em !important;
}

.sp-vp075 {
	padding-top: 0.75em !important;
	padding-bottom: 0.75em !important;
}

.sp-hm075 {
	margin-left: 0.75em !important;
	margin-right: 0.75em !important;
}

.sp-hp075 {
	padding-left: 0.75em !important;
	padding-right: 0.75em !important;
}

.sp-mt075 {
	margin-top: 0.75em !important;
}

.sp-mb075 {
	margin-bottom: 0.75em !important;
}

.sp-ml075 {
	margin-left: 0.75em !important;
}

.sp-mr075 {
	margin-right: 0.75em !important;
}

.sp-pt075 {
	padding-top: 0.75em !important;
}

.sp-pb075 {
	padding-bottom: 0.75em !important;
}

.sp-pl075 {
	padding-left: 0.75em !important;
}

.sp-pr075 {
	padding-right: 0.75em !important;
}

.sp-vm100 {
	margin-top: 1em !important;
	margin-bottom: 1em !important;
}

.sp-vp100 {
	padding-top: 1em !important;
	padding-bottom: 1em !important;
}

.sp-hm100 {
	margin-left: 1em !important;
	margin-right: 1em !important;
}

.sp-hp100 {
	padding-left: 1em !important;
	padding-right: 1em !important;
}

.sp-mt100 {
	margin-top: 1em !important;
}

.sp-mb100 {
	margin-bottom: 1em !important;
}

.sp-ml100 {
	margin-left: 1em !important;
}

.sp-mr100 {
	margin-right: 1em !important;
}

.sp-pt100 {
	padding-top: 1em !important;
}

.sp-pb100 {
	padding-bottom: 1em !important;
}

.sp-pl100 {
	padding-left: 1em !important;
}

.sp-pr100 {
	padding-right: 1em !important;
}

.sp-vm125 {
	margin-top: 1.25em !important;
	margin-bottom: 1.25em !important;
}

.sp-vp125 {
	padding-top: 1.25em !important;
	padding-bottom: 1.25em !important;
}

.sp-hm125 {
	margin-left: 1.25em !important;
	margin-right: 1.25em !important;
}

.sp-hp125 {
	padding-left: 1.25em !important;
	padding-right: 1.25em !important;
}

.sp-mt125 {
	margin-top: 1.25em !important;
}

.sp-mb125 {
	margin-bottom: 1.25em !important;
}

.sp-ml125 {
	margin-left: 1.25em !important;
}

.sp-mr125 {
	margin-right: 1.25em !important;
}

.sp-pt125 {
	padding-top: 1.25em !important;
}

.sp-pb125 {
	padding-bottom: 1.25em !important;
}

.sp-pl125 {
	padding-left: 1.25em !important;
}

.sp-pr125 {
	padding-right: 1.25em !important;
}

.sp-vm150 {
	margin-top: 1.5em !important;
	margin-bottom: 1.5em !important;
}

.sp-vp150 {
	padding-top: 1.5em !important;
	padding-bottom: 1.5em !important;
}

.sp-hm150 {
	margin-left: 1.5em !important;
	margin-right: 1.5em !important;
}

.sp-hp150 {
	padding-left: 1.5em !important;
	padding-right: 1.5em !important;
}

.sp-mt150 {
	margin-top: 1.5em !important;
}

.sp-mb150 {
	margin-bottom: 1.5em !important;
}

.sp-ml150 {
	margin-left: 1.5em !important;
}

.sp-mr150 {
	margin-right: 1.5em !important;
}

.sp-pt150 {
	padding-top: 1.5em !important;
}

.sp-pb150 {
	padding-bottom: 1.5em !important;
}

.sp-pl150 {
	padding-left: 1.5em !important;
}

.sp-pr150 {
	padding-right: 1.5em !important;
}

.sp-vm175 {
	margin-top: 1.75em !important;
	margin-bottom: 1.75em !important;
}

.sp-vp175 {
	padding-top: 1.75em !important;
	padding-bottom: 1.75em !important;
}

.sp-hm175 {
	margin-left: 1.75em !important;
	margin-right: 1.75em !important;
}

.sp-hp175 {
	padding-left: 1.75em !important;
	padding-right: 1.75em !important;
}

.sp-mt175 {
	margin-top: 1.75em !important;
}

.sp-mb175 {
	margin-bottom: 1.75em !important;
}

.sp-ml175 {
	margin-left: 1.75em !important;
}

.sp-mr175 {
	margin-right: 1.75em !important;
}

.sp-pt175 {
	padding-top: 1.75em !important;
}

.sp-pb175 {
	padding-bottom: 1.75em !important;
}

.sp-pl175 {
	padding-left: 1.75em !important;
}

.sp-pr175 {
	padding-right: 1.75em !important;
}

.sp-vm200 {
	margin-top: 2em !important;
	margin-bottom: 2em !important;
}

.sp-vp200 {
	padding-top: 2em !important;
	padding-bottom: 2em !important;
}

.sp-hm200 {
	margin-left: 2em !important;
	margin-right: 2em !important;
}

.sp-hp200 {
	padding-left: 2em !important;
	padding-right: 2em !important;
}

.sp-mt200 {
	margin-top: 2em !important;
}

.sp-mb200 {
	margin-bottom: 2em !important;
}

.sp-ml200 {
	margin-left: 2em !important;
}

.sp-mr200 {
	margin-right: 2em !important;
}

.sp-pt200 {
	padding-top: 2em !important;
}

.sp-pb200 {
	padding-bottom: 2em !important;
}

.sp-pl200 {
	padding-left: 2em !important;
}

.sp-pr200 {
	padding-right: 2em !important;
}

.sp-vm225 {
	margin-top: 2.25em !important;
	margin-bottom: 2.25em !important;
}

.sp-vp225 {
	padding-top: 2.25em !important;
	padding-bottom: 2.25em !important;
}

.sp-hm225 {
	margin-left: 2.25em !important;
	margin-right: 2.25em !important;
}

.sp-hp225 {
	padding-left: 2.25em !important;
	padding-right: 2.25em !important;
}

.sp-mt225 {
	margin-top: 2.25em !important;
}

.sp-mb225 {
	margin-bottom: 2.25em !important;
}

.sp-ml225 {
	margin-left: 2.25em !important;
}

.sp-mr225 {
	margin-right: 2.25em !important;
}

.sp-pt225 {
	padding-top: 2.25em !important;
}

.sp-pb225 {
	padding-bottom: 2.25em !important;
}

.sp-pl225 {
	padding-left: 2.25em !important;
}

.sp-pr225 {
	padding-right: 2.25em !important;
}

.sp-vm250 {
	margin-top: 2.5em !important;
	margin-bottom: 2.5em !important;
}

.sp-vp250 {
	padding-top: 2.5em !important;
	padding-bottom: 2.5em !important;
}

.sp-hm250 {
	margin-left: 2.5em !important;
	margin-right: 2.5em !important;
}

.sp-hp250 {
	padding-left: 2.5em !important;
	padding-right: 2.5em !important;
}

.sp-mt250 {
	margin-top: 2.5em !important;
}

.sp-mb250 {
	margin-bottom: 2.5em !important;
}

.sp-ml250 {
	margin-left: 2.5em !important;
}

.sp-mr250 {
	margin-right: 2.5em !important;
}

.sp-pt250 {
	padding-top: 2.5em !important;
}

.sp-pb250 {
	padding-bottom: 2.5em !important;
}

.sp-pl250 {
	padding-left: 2.5em !important;
}

.sp-pr250 {
	padding-right: 2.5em !important;
}

.sp-vm275 {
	margin-top: 2.75em !important;
	margin-bottom: 2.75em !important;
}

.sp-vp275 {
	padding-top: 2.75em !important;
	padding-bottom: 2.75em !important;
}

.sp-hm275 {
	margin-left: 2.75em !important;
	margin-right: 2.75em !important;
}

.sp-hp275 {
	padding-left: 2.75em !important;
	padding-right: 2.75em !important;
}

.sp-mt275 {
	margin-top: 2.75em !important;
}

.sp-mb275 {
	margin-bottom: 2.75em !important;
}

.sp-ml275 {
	margin-left: 2.75em !important;
}

.sp-mr275 {
	margin-right: 2.75em !important;
}

.sp-pt275 {
	padding-top: 2.75em !important;
}

.sp-pb275 {
	padding-bottom: 2.75em !important;
}

.sp-pl275 {
	padding-left: 2.75em !important;
}

.sp-pr275 {
	padding-right: 2.75em !important;
}

.sp-vm300 {
	margin-top: 3em !important;
	margin-bottom: 3em !important;
}

.sp-vp300 {
	padding-top: 3em !important;
	padding-bottom: 3em !important;
}

.sp-hm300 {
	margin-left: 3em !important;
	margin-right: 3em !important;
}

.sp-hp300 {
	padding-left: 3em !important;
	padding-right: 3em !important;
}

.sp-mt300 {
	margin-top: 3em !important;
}

.sp-mb300 {
	margin-bottom: 3em !important;
}

.sp-ml300 {
	margin-left: 3em !important;
}

.sp-mr300 {
	margin-right: 3em !important;
}

.sp-pt300 {
	padding-top: 3em !important;
}

.sp-pb300 {
	padding-bottom: 3em !important;
}

.sp-pl300 {
	padding-left: 3em !important;
}

.sp-pr300 {
	padding-right: 3em !important;
}

.sp-vm325 {
	margin-top: 3.25em !important;
	margin-bottom: 3.25em !important;
}

.sp-vp325 {
	padding-top: 3.25em !important;
	padding-bottom: 3.25em !important;
}

.sp-hm325 {
	margin-left: 3.25em !important;
	margin-right: 3.25em !important;
}

.sp-hp325 {
	padding-left: 3.25em !important;
	padding-right: 3.25em !important;
}

.sp-mt325 {
	margin-top: 3.25em !important;
}

.sp-mb325 {
	margin-bottom: 3.25em !important;
}

.sp-ml325 {
	margin-left: 3.25em !important;
}

.sp-mr325 {
	margin-right: 3.25em !important;
}

.sp-pt325 {
	padding-top: 3.25em !important;
}

.sp-pb325 {
	padding-bottom: 3.25em !important;
}

.sp-pl325 {
	padding-left: 3.25em !important;
}

.sp-pr325 {
	padding-right: 3.25em !important;
}

.sp-vm350 {
	margin-top: 3.5em !important;
	margin-bottom: 3.5em !important;
}

.sp-vp350 {
	padding-top: 3.5em !important;
	padding-bottom: 3.5em !important;
}

.sp-hm350 {
	margin-left: 3.5em !important;
	margin-right: 3.5em !important;
}

.sp-hp350 {
	padding-left: 3.5em !important;
	padding-right: 3.5em !important;
}

.sp-mt350 {
	margin-top: 3.5em !important;
}

.sp-mb350 {
	margin-bottom: 3.5em !important;
}

.sp-ml350 {
	margin-left: 3.5em !important;
}

.sp-mr350 {
	margin-right: 3.5em !important;
}

.sp-pt350 {
	padding-top: 3.5em !important;
}

.sp-pb350 {
	padding-bottom: 3.5em !important;
}

.sp-pl350 {
	padding-left: 3.5em !important;
}

.sp-pr350 {
	padding-right: 3.5em !important;
}

.sp-vm375 {
	margin-top: 3.75em !important;
	margin-bottom: 3.75em !important;
}

.sp-vp375 {
	padding-top: 3.75em !important;
	padding-bottom: 3.75em !important;
}

.sp-hm375 {
	margin-left: 3.75em !important;
	margin-right: 3.75em !important;
}

.sp-hp375 {
	padding-left: 3.75em !important;
	padding-right: 3.75em !important;
}

.sp-mt375 {
	margin-top: 3.75em !important;
}

.sp-mb375 {
	margin-bottom: 3.75em !important;
}

.sp-ml375 {
	margin-left: 3.75em !important;
}

.sp-mr375 {
	margin-right: 3.75em !important;
}

.sp-pt375 {
	padding-top: 3.75em !important;
}

.sp-pb375 {
	padding-bottom: 3.75em !important;
}

.sp-pl375 {
	padding-left: 3.75em !important;
}

.sp-pr375 {
	padding-right: 3.75em !important;
}

.sp-vm400 {
	margin-top: 4em !important;
	margin-bottom: 4em !important;
}

.sp-vp400 {
	padding-top: 4em !important;
	padding-bottom: 4em !important;
}

.sp-hm400 {
	margin-left: 4em !important;
	margin-right: 4em !important;
}

.sp-hp400 {
	padding-left: 4em !important;
	padding-right: 4em !important;
}

.sp-mt400 {
	margin-top: 4em !important;
}

.sp-mb400 {
	margin-bottom: 4em !important;
}

.sp-ml400 {
	margin-left: 4em !important;
}

.sp-mr400 {
	margin-right: 4em !important;
}

.sp-pt400 {
	padding-top: 4em !important;
}

.sp-pb400 {
	padding-bottom: 4em !important;
}

.sp-pl400 {
	padding-left: 4em !important;
}

.sp-pr400 {
	padding-right: 4em !important;
}

.sp-vm425 {
	margin-top: 4.25em !important;
	margin-bottom: 4.25em !important;
}

.sp-vp425 {
	padding-top: 4.25em !important;
	padding-bottom: 4.25em !important;
}

.sp-hm425 {
	margin-left: 4.25em !important;
	margin-right: 4.25em !important;
}

.sp-hp425 {
	padding-left: 4.25em !important;
	padding-right: 4.25em !important;
}

.sp-mt425 {
	margin-top: 4.25em !important;
}

.sp-mb425 {
	margin-bottom: 4.25em !important;
}

.sp-ml425 {
	margin-left: 4.25em !important;
}

.sp-mr425 {
	margin-right: 4.25em !important;
}

.sp-pt425 {
	padding-top: 4.25em !important;
}

.sp-pb425 {
	padding-bottom: 4.25em !important;
}

.sp-pl425 {
	padding-left: 4.25em !important;
}

.sp-pr425 {
	padding-right: 4.25em !important;
}

.sp-vm450 {
	margin-top: 4.5em !important;
	margin-bottom: 4.5em !important;
}

.sp-vp450 {
	padding-top: 4.5em !important;
	padding-bottom: 4.5em !important;
}

.sp-hm450 {
	margin-left: 4.5em !important;
	margin-right: 4.5em !important;
}

.sp-hp450 {
	padding-left: 4.5em !important;
	padding-right: 4.5em !important;
}

.sp-mt450 {
	margin-top: 4.5em !important;
}

.sp-mb450 {
	margin-bottom: 4.5em !important;
}

.sp-ml450 {
	margin-left: 4.5em !important;
}

.sp-mr450 {
	margin-right: 4.5em !important;
}

.sp-pt450 {
	padding-top: 4.5em !important;
}

.sp-pb450 {
	padding-bottom: 4.5em !important;
}

.sp-pl450 {
	padding-left: 4.5em !important;
}

.sp-pr450 {
	padding-right: 4.5em !important;
}

.sp-vm475 {
	margin-top: 4.75em !important;
	margin-bottom: 4.75em !important;
}

.sp-vp475 {
	padding-top: 4.75em !important;
	padding-bottom: 4.75em !important;
}

.sp-hm475 {
	margin-left: 4.75em !important;
	margin-right: 4.75em !important;
}

.sp-hp475 {
	padding-left: 4.75em !important;
	padding-right: 4.75em !important;
}

.sp-mt475 {
	margin-top: 4.75em !important;
}

.sp-mb475 {
	margin-bottom: 4.75em !important;
}

.sp-ml475 {
	margin-left: 4.75em !important;
}

.sp-mr475 {
	margin-right: 4.75em !important;
}

.sp-pt475 {
	padding-top: 4.75em !important;
}

.sp-pb475 {
	padding-bottom: 4.75em !important;
}

.sp-pl475 {
	padding-left: 4.75em !important;
}

.sp-pr475 {
	padding-right: 4.75em !important;
}

.sp-vm500 {
	margin-top: 5em !important;
	margin-bottom: 5em !important;
}

.sp-vp500 {
	padding-top: 5em !important;
	padding-bottom: 5em !important;
}

.sp-hm500 {
	margin-left: 5em !important;
	margin-right: 5em !important;
}

.sp-hp500 {
	padding-left: 5em !important;
	padding-right: 5em !important;
}

.sp-mt500 {
	margin-top: 5em !important;
}

.sp-mb500 {
	margin-bottom: 5em !important;
}

.sp-ml500 {
	margin-left: 5em !important;
}

.sp-mr500 {
	margin-right: 5em !important;
}

.sp-pt500 {
	padding-top: 5em !important;
}

.sp-pb500 {
	padding-bottom: 5em !important;
}

.sp-pl500 {
	padding-left: 5em !important;
}

.sp-pr500 {
	padding-right: 5em !important;
}

.sp-vm525 {
	margin-top: 5.25em !important;
	margin-bottom: 5.25em !important;
}

.sp-vp525 {
	padding-top: 5.25em !important;
	padding-bottom: 5.25em !important;
}

.sp-hm525 {
	margin-left: 5.25em !important;
	margin-right: 5.25em !important;
}

.sp-hp525 {
	padding-left: 5.25em !important;
	padding-right: 5.25em !important;
}

.sp-mt525 {
	margin-top: 5.25em !important;
}

.sp-mb525 {
	margin-bottom: 5.25em !important;
}

.sp-ml525 {
	margin-left: 5.25em !important;
}

.sp-mr525 {
	margin-right: 5.25em !important;
}

.sp-pt525 {
	padding-top: 5.25em !important;
}

.sp-pb525 {
	padding-bottom: 5.25em !important;
}

.sp-pl525 {
	padding-left: 5.25em !important;
}

.sp-pr525 {
	padding-right: 5.25em !important;
}

.sp-vm550 {
	margin-top: 5.5em !important;
	margin-bottom: 5.5em !important;
}

.sp-vp550 {
	padding-top: 5.5em !important;
	padding-bottom: 5.5em !important;
}

.sp-hm550 {
	margin-left: 5.5em !important;
	margin-right: 5.5em !important;
}

.sp-hp550 {
	padding-left: 5.5em !important;
	padding-right: 5.5em !important;
}

.sp-mt550 {
	margin-top: 5.5em !important;
}

.sp-mb550 {
	margin-bottom: 5.5em !important;
}

.sp-ml550 {
	margin-left: 5.5em !important;
}

.sp-mr550 {
	margin-right: 5.5em !important;
}

.sp-pt550 {
	padding-top: 5.5em !important;
}

.sp-pb550 {
	padding-bottom: 5.5em !important;
}

.sp-pl550 {
	padding-left: 5.5em !important;
}

.sp-pr550 {
	padding-right: 5.5em !important;
}

.sp-vm575 {
	margin-top: 5.75em !important;
	margin-bottom: 5.75em !important;
}

.sp-vp575 {
	padding-top: 5.75em !important;
	padding-bottom: 5.75em !important;
}

.sp-hm575 {
	margin-left: 5.75em !important;
	margin-right: 5.75em !important;
}

.sp-hp575 {
	padding-left: 5.75em !important;
	padding-right: 5.75em !important;
}

.sp-mt575 {
	margin-top: 5.75em !important;
}

.sp-mb575 {
	margin-bottom: 5.75em !important;
}

.sp-ml575 {
	margin-left: 5.75em !important;
}

.sp-mr575 {
	margin-right: 5.75em !important;
}

.sp-pt575 {
	padding-top: 5.75em !important;
}

.sp-pb575 {
	padding-bottom: 5.75em !important;
}

.sp-pl575 {
	padding-left: 5.75em !important;
}

.sp-pr575 {
	padding-right: 5.75em !important;
}

.sp-vm600 {
	margin-top: 6em !important;
	margin-bottom: 6em !important;
}

.sp-vp600 {
	padding-top: 6em !important;
	padding-bottom: 6em !important;
}

.sp-hm600 {
	margin-left: 6em !important;
	margin-right: 6em !important;
}

.sp-hp600 {
	padding-left: 6em !important;
	padding-right: 6em !important;
}

.sp-mt600 {
	margin-top: 6em !important;
}

.sp-mb600 {
	margin-bottom: 6em !important;
}

.sp-ml600 {
	margin-left: 6em !important;
}

.sp-mr600 {
	margin-right: 6em !important;
}

.sp-pt600 {
	padding-top: 6em !important;
}

.sp-pb600 {
	padding-bottom: 6em !important;
}

.sp-pl600 {
	padding-left: 6em !important;
}

.sp-pr600 {
	padding-right: 6em !important;
}

.sp-vm625 {
	margin-top: 6.25em !important;
	margin-bottom: 6.25em !important;
}

.sp-vp625 {
	padding-top: 6.25em !important;
	padding-bottom: 6.25em !important;
}

.sp-hm625 {
	margin-left: 6.25em !important;
	margin-right: 6.25em !important;
}

.sp-hp625 {
	padding-left: 6.25em !important;
	padding-right: 6.25em !important;
}

.sp-mt625 {
	margin-top: 6.25em !important;
}

.sp-mb625 {
	margin-bottom: 6.25em !important;
}

.sp-ml625 {
	margin-left: 6.25em !important;
}

.sp-mr625 {
	margin-right: 6.25em !important;
}

.sp-pt625 {
	padding-top: 6.25em !important;
}

.sp-pb625 {
	padding-bottom: 6.25em !important;
}

.sp-pl625 {
	padding-left: 6.25em !important;
}

.sp-pr625 {
	padding-right: 6.25em !important;
}

.sp-vm650 {
	margin-top: 6.5em !important;
	margin-bottom: 6.5em !important;
}

.sp-vp650 {
	padding-top: 6.5em !important;
	padding-bottom: 6.5em !important;
}

.sp-hm650 {
	margin-left: 6.5em !important;
	margin-right: 6.5em !important;
}

.sp-hp650 {
	padding-left: 6.5em !important;
	padding-right: 6.5em !important;
}

.sp-mt650 {
	margin-top: 6.5em !important;
}

.sp-mb650 {
	margin-bottom: 6.5em !important;
}

.sp-ml650 {
	margin-left: 6.5em !important;
}

.sp-mr650 {
	margin-right: 6.5em !important;
}

.sp-pt650 {
	padding-top: 6.5em !important;
}

.sp-pb650 {
	padding-bottom: 6.5em !important;
}

.sp-pl650 {
	padding-left: 6.5em !important;
}

.sp-pr650 {
	padding-right: 6.5em !important;
}

.sp-vm675 {
	margin-top: 6.75em !important;
	margin-bottom: 6.75em !important;
}

.sp-vp675 {
	padding-top: 6.75em !important;
	padding-bottom: 6.75em !important;
}

.sp-hm675 {
	margin-left: 6.75em !important;
	margin-right: 6.75em !important;
}

.sp-hp675 {
	padding-left: 6.75em !important;
	padding-right: 6.75em !important;
}

.sp-mt675 {
	margin-top: 6.75em !important;
}

.sp-mb675 {
	margin-bottom: 6.75em !important;
}

.sp-ml675 {
	margin-left: 6.75em !important;
}

.sp-mr675 {
	margin-right: 6.75em !important;
}

.sp-pt675 {
	padding-top: 6.75em !important;
}

.sp-pb675 {
	padding-bottom: 6.75em !important;
}

.sp-pl675 {
	padding-left: 6.75em !important;
}

.sp-pr675 {
	padding-right: 6.75em !important;
}

.sp-vm700 {
	margin-top: 7em !important;
	margin-bottom: 7em !important;
}

.sp-vp700 {
	padding-top: 7em !important;
	padding-bottom: 7em !important;
}

.sp-hm700 {
	margin-left: 7em !important;
	margin-right: 7em !important;
}

.sp-hp700 {
	padding-left: 7em !important;
	padding-right: 7em !important;
}

.sp-mt700 {
	margin-top: 7em !important;
}

.sp-mb700 {
	margin-bottom: 7em !important;
}

.sp-ml700 {
	margin-left: 7em !important;
}

.sp-mr700 {
	margin-right: 7em !important;
}

.sp-pt700 {
	padding-top: 7em !important;
}

.sp-pb700 {
	padding-bottom: 7em !important;
}

.sp-pl700 {
	padding-left: 7em !important;
}

.sp-pr700 {
	padding-right: 7em !important;
}

.sp-vm725 {
	margin-top: 7.25em !important;
	margin-bottom: 7.25em !important;
}

.sp-vp725 {
	padding-top: 7.25em !important;
	padding-bottom: 7.25em !important;
}

.sp-hm725 {
	margin-left: 7.25em !important;
	margin-right: 7.25em !important;
}

.sp-hp725 {
	padding-left: 7.25em !important;
	padding-right: 7.25em !important;
}

.sp-mt725 {
	margin-top: 7.25em !important;
}

.sp-mb725 {
	margin-bottom: 7.25em !important;
}

.sp-ml725 {
	margin-left: 7.25em !important;
}

.sp-mr725 {
	margin-right: 7.25em !important;
}

.sp-pt725 {
	padding-top: 7.25em !important;
}

.sp-pb725 {
	padding-bottom: 7.25em !important;
}

.sp-pl725 {
	padding-left: 7.25em !important;
}

.sp-pr725 {
	padding-right: 7.25em !important;
}

.sp-vm750 {
	margin-top: 7.5em !important;
	margin-bottom: 7.5em !important;
}

.sp-vp750 {
	padding-top: 7.5em !important;
	padding-bottom: 7.5em !important;
}

.sp-hm750 {
	margin-left: 7.5em !important;
	margin-right: 7.5em !important;
}

.sp-hp750 {
	padding-left: 7.5em !important;
	padding-right: 7.5em !important;
}

.sp-mt750 {
	margin-top: 7.5em !important;
}

.sp-mb750 {
	margin-bottom: 7.5em !important;
}

.sp-ml750 {
	margin-left: 7.5em !important;
}

.sp-mr750 {
	margin-right: 7.5em !important;
}

.sp-pt750 {
	padding-top: 7.5em !important;
}

.sp-pb750 {
	padding-bottom: 7.5em !important;
}

.sp-pl750 {
	padding-left: 7.5em !important;
}

.sp-pr750 {
	padding-right: 7.5em !important;
}

.sp-vm775 {
	margin-top: 7.75em !important;
	margin-bottom: 7.75em !important;
}

.sp-vp775 {
	padding-top: 7.75em !important;
	padding-bottom: 7.75em !important;
}

.sp-hm775 {
	margin-left: 7.75em !important;
	margin-right: 7.75em !important;
}

.sp-hp775 {
	padding-left: 7.75em !important;
	padding-right: 7.75em !important;
}

.sp-mt775 {
	margin-top: 7.75em !important;
}

.sp-mb775 {
	margin-bottom: 7.75em !important;
}

.sp-ml775 {
	margin-left: 7.75em !important;
}

.sp-mr775 {
	margin-right: 7.75em !important;
}

.sp-pt775 {
	padding-top: 7.75em !important;
}

.sp-pb775 {
	padding-bottom: 7.75em !important;
}

.sp-pl775 {
	padding-left: 7.75em !important;
}

.sp-pr775 {
	padding-right: 7.75em !important;
}

.sp-vm800 {
	margin-top: 8em !important;
	margin-bottom: 8em !important;
}

.sp-vp800 {
	padding-top: 8em !important;
	padding-bottom: 8em !important;
}

.sp-hm800 {
	margin-left: 8em !important;
	margin-right: 8em !important;
}

.sp-hp800 {
	padding-left: 8em !important;
	padding-right: 8em !important;
}

.sp-mt800 {
	margin-top: 8em !important;
}

.sp-mb800 {
	margin-bottom: 8em !important;
}

.sp-ml800 {
	margin-left: 8em !important;
}

.sp-mr800 {
	margin-right: 8em !important;
}

.sp-pt800 {
	padding-top: 8em !important;
}

.sp-pb800 {
	padding-bottom: 8em !important;
}

.sp-pl800 {
	padding-left: 8em !important;
}

.sp-pr800 {
	padding-right: 8em !important;
}

.sp-vm825 {
	margin-top: 8.25em !important;
	margin-bottom: 8.25em !important;
}

.sp-vp825 {
	padding-top: 8.25em !important;
	padding-bottom: 8.25em !important;
}

.sp-hm825 {
	margin-left: 8.25em !important;
	margin-right: 8.25em !important;
}

.sp-hp825 {
	padding-left: 8.25em !important;
	padding-right: 8.25em !important;
}

.sp-mt825 {
	margin-top: 8.25em !important;
}

.sp-mb825 {
	margin-bottom: 8.25em !important;
}

.sp-ml825 {
	margin-left: 8.25em !important;
}

.sp-mr825 {
	margin-right: 8.25em !important;
}

.sp-pt825 {
	padding-top: 8.25em !important;
}

.sp-pb825 {
	padding-bottom: 8.25em !important;
}

.sp-pl825 {
	padding-left: 8.25em !important;
}

.sp-pr825 {
	padding-right: 8.25em !important;
}

.sp-vm850 {
	margin-top: 8.5em !important;
	margin-bottom: 8.5em !important;
}

.sp-vp850 {
	padding-top: 8.5em !important;
	padding-bottom: 8.5em !important;
}

.sp-hm850 {
	margin-left: 8.5em !important;
	margin-right: 8.5em !important;
}

.sp-hp850 {
	padding-left: 8.5em !important;
	padding-right: 8.5em !important;
}

.sp-mt850 {
	margin-top: 8.5em !important;
}

.sp-mb850 {
	margin-bottom: 8.5em !important;
}

.sp-ml850 {
	margin-left: 8.5em !important;
}

.sp-mr850 {
	margin-right: 8.5em !important;
}

.sp-pt850 {
	padding-top: 8.5em !important;
}

.sp-pb850 {
	padding-bottom: 8.5em !important;
}

.sp-pl850 {
	padding-left: 8.5em !important;
}

.sp-pr850 {
	padding-right: 8.5em !important;
}

.sp-vm875 {
	margin-top: 8.75em !important;
	margin-bottom: 8.75em !important;
}

.sp-vp875 {
	padding-top: 8.75em !important;
	padding-bottom: 8.75em !important;
}

.sp-hm875 {
	margin-left: 8.75em !important;
	margin-right: 8.75em !important;
}

.sp-hp875 {
	padding-left: 8.75em !important;
	padding-right: 8.75em !important;
}

.sp-mt875 {
	margin-top: 8.75em !important;
}

.sp-mb875 {
	margin-bottom: 8.75em !important;
}

.sp-ml875 {
	margin-left: 8.75em !important;
}

.sp-mr875 {
	margin-right: 8.75em !important;
}

.sp-pt875 {
	padding-top: 8.75em !important;
}

.sp-pb875 {
	padding-bottom: 8.75em !important;
}

.sp-pl875 {
	padding-left: 8.75em !important;
}

.sp-pr875 {
	padding-right: 8.75em !important;
}

.sp-vm900 {
	margin-top: 9em !important;
	margin-bottom: 9em !important;
}

.sp-vp900 {
	padding-top: 9em !important;
	padding-bottom: 9em !important;
}

.sp-hm900 {
	margin-left: 9em !important;
	margin-right: 9em !important;
}

.sp-hp900 {
	padding-left: 9em !important;
	padding-right: 9em !important;
}

.sp-mt900 {
	margin-top: 9em !important;
}

.sp-mb900 {
	margin-bottom: 9em !important;
}

.sp-ml900 {
	margin-left: 9em !important;
}

.sp-mr900 {
	margin-right: 9em !important;
}

.sp-pt900 {
	padding-top: 9em !important;
}

.sp-pb900 {
	padding-bottom: 9em !important;
}

.sp-pl900 {
	padding-left: 9em !important;
}

.sp-pr900 {
	padding-right: 9em !important;
}

.sp-vm925 {
	margin-top: 9.25em !important;
	margin-bottom: 9.25em !important;
}

.sp-vp925 {
	padding-top: 9.25em !important;
	padding-bottom: 9.25em !important;
}

.sp-hm925 {
	margin-left: 9.25em !important;
	margin-right: 9.25em !important;
}

.sp-hp925 {
	padding-left: 9.25em !important;
	padding-right: 9.25em !important;
}

.sp-mt925 {
	margin-top: 9.25em !important;
}

.sp-mb925 {
	margin-bottom: 9.25em !important;
}

.sp-ml925 {
	margin-left: 9.25em !important;
}

.sp-mr925 {
	margin-right: 9.25em !important;
}

.sp-pt925 {
	padding-top: 9.25em !important;
}

.sp-pb925 {
	padding-bottom: 9.25em !important;
}

.sp-pl925 {
	padding-left: 9.25em !important;
}

.sp-pr925 {
	padding-right: 9.25em !important;
}

.sp-vm950 {
	margin-top: 9.5em !important;
	margin-bottom: 9.5em !important;
}

.sp-vp950 {
	padding-top: 9.5em !important;
	padding-bottom: 9.5em !important;
}

.sp-hm950 {
	margin-left: 9.5em !important;
	margin-right: 9.5em !important;
}

.sp-hp950 {
	padding-left: 9.5em !important;
	padding-right: 9.5em !important;
}

.sp-mt950 {
	margin-top: 9.5em !important;
}

.sp-mb950 {
	margin-bottom: 9.5em !important;
}

.sp-ml950 {
	margin-left: 9.5em !important;
}

.sp-mr950 {
	margin-right: 9.5em !important;
}

.sp-pt950 {
	padding-top: 9.5em !important;
}

.sp-pb950 {
	padding-bottom: 9.5em !important;
}

.sp-pl950 {
	padding-left: 9.5em !important;
}

.sp-pr950 {
	padding-right: 9.5em !important;
}

.sp-vm975 {
	margin-top: 9.75em !important;
	margin-bottom: 9.75em !important;
}

.sp-vp975 {
	padding-top: 9.75em !important;
	padding-bottom: 9.75em !important;
}

.sp-hm975 {
	margin-left: 9.75em !important;
	margin-right: 9.75em !important;
}

.sp-hp975 {
	padding-left: 9.75em !important;
	padding-right: 9.75em !important;
}

.sp-mt975 {
	margin-top: 9.75em !important;
}

.sp-mb975 {
	margin-bottom: 9.75em !important;
}

.sp-ml975 {
	margin-left: 9.75em !important;
}

.sp-mr975 {
	margin-right: 9.75em !important;
}

.sp-pt975 {
	padding-top: 9.75em !important;
}

.sp-pb975 {
	padding-bottom: 9.75em !important;
}

.sp-pl975 {
	padding-left: 9.75em !important;
}

.sp-pr975 {
	padding-right: 9.75em !important;
}

.sp-vm1000 {
	margin-top: 10em !important;
	margin-bottom: 10em !important;
}

.sp-vp1000 {
	padding-top: 10em !important;
	padding-bottom: 10em !important;
}

.sp-hm1000 {
	margin-left: 10em !important;
	margin-right: 10em !important;
}

.sp-hp1000 {
	padding-left: 10em !important;
	padding-right: 10em !important;
}

.sp-mt1000 {
	margin-top: 10em !important;
}

.sp-mb1000 {
	margin-bottom: 10em !important;
}

.sp-ml1000 {
	margin-left: 10em !important;
}

.sp-mr1000 {
	margin-right: 10em !important;
}

.sp-pt1000 {
	padding-top: 10em !important;
}

.sp-pb1000 {
	padding-bottom: 10em !important;
}

.sp-pl1000 {
	padding-left: 10em !important;
}

.sp-pr1000 {
	padding-right: 10em !important;
}

.sp-textLineWrap1 {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.sp-bdrs2 {
	border-radius: 2px;
}

.sp-textLineWrap2 {
	line-height: 1.5 !important;
	height: 3em;
	overflow: hidden;
}

.sp-bdrs3 {
	border-radius: 3px;
}

.sp-textLineWrap3 {
	line-height: 1.5 !important;
	height: 4.5em;
	overflow: hidden;
}

.sp-bdrs4 {
	border-radius: 4px;
}

.sp-textLineWrap4 {
	line-height: 1.5 !important;
	height: 6em;
	overflow: hidden;
}

.sp-bdrs5 {
	border-radius: 5px;
}

.sp-textLineWrap5 {
	line-height: 1.5 !important;
	height: 7.5em;
	overflow: hidden;
}

.sp-bdrs6 {
	border-radius: 6px;
}

.sp-textLineWrap6 {
	line-height: 1.5 !important;
	height: 9em;
	overflow: hidden;
}

.sp-bdrs7 {
	border-radius: 7px;
}

.sp-textLineWrap7 {
	line-height: 1.5 !important;
	height: 10.5em;
	overflow: hidden;
}

.sp-bdrs8 {
	border-radius: 8px;
}

.sp-textLineWrap8 {
	line-height: 1.5 !important;
	height: 12em;
	overflow: hidden;
}

.sp-bdrs9 {
	border-radius: 9px;
}

.sp-textLineWrap9 {
	line-height: 1.5 !important;
	height: 13.5em;
	overflow: hidden;
}

.sp-bdrs10 {
	border-radius: 10px;
}

.sp-textLineWrap10 {
	line-height: 1.5 !important;
	height: 15em;
	overflow: hidden;
}

.sp-bdrs11 {
	border-radius: 11px;
}

.sp-textLineWrap11 {
	line-height: 1.5 !important;
	height: 16.5em;
	overflow: hidden;
}

.sp-bdrs12 {
	border-radius: 12px;
}

.sp-textLineWrap12 {
	line-height: 1.5 !important;
	height: 18em;
	overflow: hidden;
}

.sp-bdrs13 {
	border-radius: 13px;
}

.sp-textLineWrap13 {
	line-height: 1.5 !important;
	height: 19.5em;
	overflow: hidden;
}

.sp-bdrs14 {
	border-radius: 14px;
}

.sp-textLineWrap14 {
	line-height: 1.5 !important;
	height: 21em;
	overflow: hidden;
}

.sp-bdrs15 {
	border-radius: 15px;
}

.sp-textLineWrap15 {
	line-height: 1.5 !important;
	height: 22.5em;
	overflow: hidden;
}

.sp-bdrs16 {
	border-radius: 16px;
}

.sp-textLineWrap16 {
	line-height: 1.5 !important;
	height: 24em;
	overflow: hidden;
}

.sp-bdrs17 {
	border-radius: 17px;
}

.sp-textLineWrap17 {
	line-height: 1.5 !important;
	height: 25.5em;
	overflow: hidden;
}

.sp-bdrs18 {
	border-radius: 18px;
}

.sp-textLineWrap18 {
	line-height: 1.5 !important;
	height: 27em;
	overflow: hidden;
}

.sp-bdrs19 {
	border-radius: 19px;
}

.sp-textLineWrap19 {
	line-height: 1.5 !important;
	height: 28.5em;
	overflow: hidden;
}

.sp-bdrs20 {
	border-radius: 20px;
}

.sp-textLineWrap20 {
	line-height: 1.5 !important;
	height: 30em;
	overflow: hidden;
}

.imgMaxH-Half {
	text-align: center;
}
.imgMaxH-Half img {
	max-height: 55vh;
}

.lineOrnament,
[class*='OrnamentPanelsLine'] a {
	position: relative;
}
.lineOrnament:before,
[class*='OrnamentPanelsLine'] a:before,
.lineOrnament:after,
[class*='OrnamentPanelsLine'] a:after {
	content: '';
	display: block;
	height: 1px;
	position: absolute;
	z-index: 5;
	background: #999;
	transform: rotate(-45deg);
}
.lineOrnament:before,
[class*='OrnamentPanelsLine'] a:before {
	width: 15px;
	right: 5px;
	bottom: 10px;
}
.lineOrnament:after,
[class*='OrnamentPanelsLine'] a:after {
	width: 7px;
	right: 6px;
	bottom: 7px;
}

main > .wrap,
main > .wrapMin,
.contents-wrap > .wrap,
.contents-wrap > .wrapMin,
.contents-wrap [id*='section'] > .wrap,
.contents-wrap [id*='section'] > .wrapMin {
	margin-left: 1em;
	margin-right: 1em;
}

.fullWidth {
	margin-left: -1em;
	width: 100%;
	width: 100vw;
	background: #eee;
}

.bgCover {
	background-color: #eee;
	background-position: center center;
	background-size: cover;
	position: relative;
	z-index: 1;
}

/*.contents-wrap {
	margin-top: 2em;*/
}
.contents-wrap p {
	text-align: justify;
	color: #4d4d4d;
}

body.index .contents-wrap {
	margin-top: 0;
}
body.index .contents-wrap .df-partition3 > * {
	width: 33.3%;
	width: calc(100% / 3);
}

.cabin {
	font-family: 'Cabin';
}

h1 .cabin,
h2 .cabin,
h3 .cabin,
h4 .cabin,
h5 .cabin {
	font-size: 50%;
	color: #e24040;
}

[class^='title']:not(p):not([class*='fz']),
[class*=' title']:not(p):not([class*='fz']) {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}

[class^='title'].fzBig,
[class*=' title'].fzBig {
	font-weight: 500;
}

[class^='title'] .cabin,
[class*=' title'] .cabin {
	font-size: 70% !important;
}

[class*='titleText'] {
	margin: 1.25em 0 0.5em;
}

body * + [class^='title'],
body * + [class*=' title'] {
	margin-top: 1em;
	margin-bottom: 0.5em;
}

body [class*='titleBl'] > span {
	display: block;
}

body .titleBlSingle {
	padding-left: 1em;
	border-left: #4d4d4d solid 0.15em;
}

body [class*='titleBb'] > span {
	display: block;
}

body .titleBtSingle {
	padding-top: 0.5em;
	border-top: #4d4d4d solid 1px;
}

body .titleBbSingle {
	padding-bottom: 0.5em;
	border-bottom: #4d4d4d solid 1px;
}

body .titleBbPartition > span,
body .titleBbDouble > span {
	padding-left: 0.25em;
	padding-right: 0.25em;
	line-height: 1.4;
	word-wrap: break-word;
}
body .titleBbPartition > span:first-child,
body .titleBbDouble > span:first-child {
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	border-bottom: #4d4d4d solid 1px;
}
body .titleBbPartition > span .db,
body .titleBbDouble > span .db {
	margin-bottom: 0.5em;
}
body .titleBbPartition > span .db .textBgc,
body .titleBbDouble > span .db .textBgc {
	padding: 0.15em 0.75em;
	margin-bottom: 0.5em;
}
body .titleBbPartition > span .db img,
body .titleBbDouble > span .db img {
	margin: 0.4em 0 0 0.75em;
}

body .titleBbDouble span:last-child {
	padding-bottom: 0.4em;
	border-bottom: #4d4d4d solid 1px;
}

body .titleBbNumberCircle {
	margin-bottom: 1em;
	padding-bottom: 0.5em;
	border-bottom: #4d4d4d solid 1px;
}
body .titleBbNumberCircle > em {
	display: inline-block;
	width: 1.5em;
	height: 1.5em;
	text-align: center;
	margin-right: 0.5em;
	background: #4d4d4d;
	color: #fff;
	border-radius: 50%;
}

body .titleCentered {
	margin: 1.5em 0;
	font-size: 20px;
	font-size: 2rem !important;
	text-align: center;
}

body [class*='titleBgc'] {
	padding: 0.5em 1em;
}

body .titleBgcBlack {
	background: #000;
	color: #fff;
}

.productIntroduction {
	border: #e6e6e6 solid 1px;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding: 1em;
}
.productIntroduction > div.photo {
	text-align: center;
}
.productIntroduction > div.title {
	margin: 0.5em 0 1em;
	line-height: 1;
}
.productIntroduction > div.title a {
	display: block;
	text-decoration: none;
}
.productIntroduction > div.title em {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0.5em;
	padding: 0.25em 0.5em;
	display: inline-block;
	color: #fff;
}
.productIntroduction > div.text > p {
	margin-top: 1em;
	font-size: 12px;
	font-size: 1.2rem;
}
.productIntroduction > div.text > div {
	margin-top: 2em;
	font-size: 10px;
	font-size: 1rem;
}
.productIntroduction > div.text > div b {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 0.5em;
	margin-bottom: 0.6em;
	border-bottom: #e6e6e6 solid 1px;
}
.productIntroduction > div.text > div span {
	display: inline-block;
	margin-left: 0.75em;
	padding: 0.1em 0.4em;
	background: #000;
	color: #fff;
}
.productIntroduction > div.text a {
	margin: 1em auto 0;
	max-width: 436px;
}

.photoComment {
	position: relative;
}
.photoComment > div + div,
.photoComment > div p + p {
	margin-top: 0.75em;
}
.photoComment > div.title {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}
.photoComment > div.title em {
	font-size: 20px;
	font-size: 2rem;
	display: block;
	padding-top: 0.25em;
	margin-top: 0.25em;
	border-top: #000 solid 1px;
}
.photoComment > div.titleMerit {
	margin-bottom: 1em;
}
.photoComment > div.titleMerit span {
	display: inline-block;
	padding: 0.1em 0.25em;
	margin-bottom: 0.5em;
	color: #e24040;
	border-top: #e24040 solid 1px;
	border-bottom: #e24040 solid 1px;
}
.photoComment > div.titleMerit em {
	display: block;
	font-size: 20px;
	font-size: 2rem;
}
.photoComment > div.photo {
	text-align: center;
}

.photoCommentBorder {
	border: #e6e6e6 solid 1px;
	padding: 0.5em;
	position: relative;
}
.photoCommentBorder > div.title {
	float: right;
	padding-top: 0.5em;
	margin-bottom: 10px;
	width: 40%;
	font-size: 15px;
	font-size: 1.5rem;
}
.photoCommentBorder > div.title a {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0.5em;
	padding: 0.5em 0;
	text-align: center;
	text-decoration: none;
	background: #000;
	color: #fff;
}
.photoCommentBorder > div.photo {
	float: left;
	margin-bottom: 10px;
	width: 58%;
	position: relative;
}
.photoCommentBorder > div.photo img {
	width: 100%;
}
.photoCommentBorder > div.photo:after {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	content: '';
	width: 6%;
	height: 100%;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0, white 100%);
}
.photoCommentBorder > div.photo + div {
	clear: both;
	padding-top: 10px;
	border-top: #4d4d4d solid 1px;
	font-size: 14px;
	font-size: 1.4rem;
}

.captionSlideshow .slick-slide img {
	width: 100%;
}

.captionSlideshow .slick-slide p {
	margin-top: 0.5em;
	line-height: 1.5;
}

[class*='doubleLineSlide'],
[class*='singleLineSlide'] {
	padding-left: 0.5em;
}
[class*='doubleLineSlide'] .slick-slide,
[class*='singleLineSlide'] .slick-slide {
	margin-right: 0.5em;
}
[class*='doubleLineSlide'] .slick-slide a,
[class*='singleLineSlide'] .slick-slide a {
	display: block;
	padding-top: 65%;
	border: #e6e6e6 solid 1px;
	text-decoration: none;
	background: #fff;
	position: relative;
}
[class*='doubleLineSlide'] .slick-slide a > img,
[class*='singleLineSlide'] .slick-slide a > img {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
[class*='doubleLineSlide'] .slick-slide a > div,
[class*='singleLineSlide'] .slick-slide a > div {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 1em;
	background: #fff;
	position: relative;
}
[class*='doubleLineSlide'] .slick-slide .textBgc,
[class*='singleLineSlide'] .slick-slide .textBgc {
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.4em;
}

[id^='section'].bgCover [class*='LineSlide'] {
	margin-bottom: 1em;
}

[id^='section']:not(.bgCover) [class*='LineSlide'] {
	margin-bottom: 2em;
}

.flowList ul {
	margin-bottom: 0.5em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.flowList ul > li {
	width: 21%;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 1em 0;
	margin-bottom: 1em;
	min-height: 11em;
	text-align: center;
	background: #4d4d4d;
	color: #fff;
	position: relative;
}
.flowList ul > li:not(:first-of-type):before {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -28%;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
	background: url(../img/arrowRight_grayBold.png) no-repeat;
	background-size: 100% 100%;
}
.flowList ul > li:nth-of-type(5n-1):after {
	content: '';
	display: block;
	width: 16px;
	height: 16px;
	position: absolute;
	right: -20%;
	top: 0;
	bottom: 0;
	margin: auto;
	z-index: -1;
	background: url(../img/arrowRight_grayBold.png) no-repeat;
	background-size: 100% 100%;
}
.flowList ul > li > div {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	display: inline-block;
	text-align: left;
	letter-spacing: 0;
}
.flowList ul > li.current {
	background: #fff;
	border: #4d4d4d solid 1px;
	color: #4d4d4d;
	font-weight: bold;
}

.specWrap {
	margin: 1em 0 2em;
}
.specWrap > div {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 1.5em;
}
.specWrap > div h3,
.specWrap > div h4 {
	padding-bottom: 0.25em;
}
.specWrap > div .caution {
	font-size: 10px;
	font-size: 1rem;
}

.tableGrayPartition {
	font-size: 12px;
	font-size: 1.2rem;
}
.tableGrayPartition table {
	width: 100%;
}
.tableGrayPartition th,
.tableGrayPartition td {
	padding: 0.75em 1em;
	vertical-align: top;
}
.tableGrayPartition tr:first-child th,
.tableGrayPartition tr:first-child td {
	padding-top: 1.5em;
}
.tableGrayPartition tr:last-child th,
.tableGrayPartition tr:last-child td {
	padding-bottom: 1.5em;
}
.tableGrayPartition th {
	width: 40%;
	background: #e6e6e6;
	text-align: left;
}
.tableGrayPartition td {
	background: #f2f2f2;
}
.tableGrayPartition tr + tr th {
	border-top: #f2f2f2 solid 1px;
}
.tableGrayPartition tr + tr td {
	border-top: #e6e6e6 solid 1px;
}

[class*='tableBorder'] table caption {
	font-size: 110%;
	font-weight: 500;
	padding: 0.5em;
	margin: 0;
	border: #e6e6e6 solid 1px;
	border-bottom: none;
	letter-spacing: 2px;
}

[class*='tableBorder'] table th,
[class*='tableBorder'] table td {
	padding: 1em;
	border: #e6e6e6 solid 1px;
}

[class*='tableBorderGray'] table caption {
	background: #eee;
}

[class*='tableBorderGray'] table th {
	background: #f8f8f8;
}

[class*='tableBorderBlack'] table th,
[class*='tableBorderBlack'] table td {
	border-color: #000;
}

[class*='tableBorderBottomBlack'] table th,
[class*='tableBorderBottomBlack'] table td {
	border: none;
	border-bottom: #000 solid 1px;
}

[class*='OverView'] {
	font-size: 12px;
	font-size: 1.2rem;
	overflow: auto;
	width: 100%;
	max-height: 400px;
	border: #f2f2f2 solid 1em;
	position: relative;
}
[class*='OverView'] table td {
	background: #fff;
}

.listGrayBox li + li {
	margin-top: 0.25em;
}

.listGrayBox li a,
.listGrayBox li span {
	display: block;
	padding: 0.75em 1em;
	border-bottom: #e6e6e6 solid 2px;
	background: #f2f2f2;
}

.sortLinkWrap {
	margin: 1em 0;
	line-height: 1;
}
.sortLinkWrap > p {
	margin-bottom: 0.5em;
}
.sortLinkWrap ul li {
	display: inline-block;
	margin-right: 0.25em;
}
.sortLinkWrap ul li a {
	display: block;
	padding: 0.5em;
	font-size: 80%;
	text-decoration: none;
	border-radius: 2px;
}
.sortLinkWrap ul li a.current {
	background: #df6d62;
	color: #fff;
}

[class*='btnWrap'] {
	margin: 2em auto;
}

[class*='btnLink'],
[class*='btnList'] a {
	display: block;
	width: 100%;
	text-align: center;
	text-decoration: none;
}
[class*='btnLink'] [class*='icon-'],
[class*='btnList'] a [class*='icon-'] {
	font-size: 120%;
	margin: 0 0.25em;
	position: relative;
	bottom: -2px;
}

.btnLinkBlack,
.stepList > li > p > a,
.btnListBlack a {
	padding: 0.75em 0;
	background: #000;
	color: #fff;
}

.btnLinkGray {
	padding: 0.75em 0;
	border: #e6e6e6 solid 1px;
	background: #f2f2f2;
}

.btnListGray {
	margin: 2em 0;
	border-top: #e6e6e6 solid 1px;
	border-left: #e6e6e6 solid 1px;
}
.btnListGray a {
	padding: 0.75em 1em;
	text-align: left;
	border: none;
	border-right: #e6e6e6 solid 1px;
	border-bottom: #e6e6e6 solid 1px;
	background: #f2f2f2;
}

[class*='btnLinkGhost'] {
	font-size: 14px;
	font-size: 1.4rem;
	padding: 1em 0;
	font-weight: 500;
}

.btnLinkGhostBlack {
	border: #4d4d4d solid 1px;
}

.btnLinkGhostWhite {
	border: #fff solid 1px;
	color: #fff;
}

.arrowWhite {
	position: relative;
}
.arrowWhite:before,
.arrowWhite:after {
	content: '';
	display: block;
	width: 0.5em;
	height: 2px;
	background: #fff;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.arrowWhite:before {
	bottom: 0.3em;
	transform: rotate(45deg);
}
.arrowWhite:after {
	top: 0.3em;
	transform: rotate(-45deg);
}

[class*='contactNav'] {
	font-size: 12px;
	font-size: 1.2rem;
}
[class*='contactNav'] i[class*='icon-'] {
	display: block;
	font-size: 32px;
	font-size: 8.53333vw;
	height: 1.2em;
	color: #e24040;
}
[class*='contactNav'] a {
	display: block;
	padding: 1.5em 0 1em;
	text-decoration: none;
	font-weight: bold;
}

.contactNav table {
	width: 100%;
}

.contactNav td {
	text-align: center;
	border: #e6e6e6 solid 1px;
}
.contactNav td p {
	text-align: center;
}

.contactNavIndex {
	text-align: center;
}

.slick-arrow {
	width: 26px;
	padding-top: 36px;
	background-size: 100% 100%;
}

.slick-prev {
	left: -0.75em;
}

.slick-next {
	right: -0.75em;
}

[class*='modal'] .close {
	font-size: 12px;
	font-size: 1.2rem;
	position: fixed;
	right: 4%;
	top: 0;
	padding: 0.5em 1em;
	text-decoration: none;
	background: #000;
	color: #fff;
}

[class*='modal'] .closeXmark {
	display: block;
	position: absolute;
	right: 1em;
	top: -2em;
	width: 3em;
	height: 3em;
	z-index: 100;
	cursor: pointer;
}
[class*='modal'] .closeXmark:before,
[class*='modal'] .closeXmark:after {
	position: absolute;
	right: 0;
	top: 0;
	content: '';
	display: block;
	width: 3em;
	height: 1px;
	background: #fff;
}
[class*='modal'] .closeXmark:before {
	transform: rotate(45deg);
}
[class*='modal'] .closeXmark:after {
	transform: rotate(-45deg);
}

[class*='modal'] p {
	text-align: justify;
}

[class*='modal'] .bgCover {
	margin-left: -4.2%;
	margin-right: -4.2%;
	padding: 4.2%;
}

#planWork-bottomLinks {
	padding-top: 1em;
	padding-bottom: 3em;
}

[data-izimodal-open*='youtube']:not([class*='btnLink']) {
	display: block;
	position: relative;
}
[data-izimodal-open*='youtube']:not([class*='btnLink']):before,
[data-izimodal-open*='youtube']:not([class*='btnLink']):after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
[data-izimodal-open*='youtube']:not([class*='btnLink']):before {
	width: 2.4em;
	height: 2.4em;
	border: rgba(0, 0, 0, 0.8) solid 1px;
	background: rgba(255, 255, 255, 0.8);
	border-radius: 50%;
	z-index: 2;
	transition: 0.4s;
}
[data-izimodal-open*='youtube']:not([class*='btnLink']):after {
	width: 0;
	height: 0;
	right: 5px;
	border-width: 5px;
	border-style: solid;
	border-color: rgba(0, 0, 0, 0.8) rgba(0, 0, 0, 0.8) transparent transparent;
	transform: rotate(45deg);
	z-index: 3;
}

.tabWrapBb {
	border-bottom: #4d4d4d solid 1px;
}
.tabWrapBb ul {
	display: flex;
	width: 98%;
	margin: 0 auto -1px;
	border-top: #4d4d4d solid 1px;
	border-left: #4d4d4d solid 1px;
	position: relative;
}
.tabWrapBb ul li {
	width: 100%;
	border-right: #4d4d4d solid 1px;
	border-bottom: #4d4d4d solid 1px;
	text-align: center;
}
.tabWrapBb ul li a {
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	padding: 1em 0.5em;
	background: #f2f2f2;
	text-decoration: none;
}
.tabWrapBb ul li.current {
	border-bottom-color: #fff;
}
.tabWrapBb ul li.current a {
	background: #fff;
}

[id^='tabContent'].current {
	display: block;
}

.products__systembath__bathingEquipment [id^='tabContent'] {
	border-bottom: #e0e0e0 solid 1px;
}
.products__systembath__bathingEquipment [id^='tabContent'] th,
.products__systembath__bathingEquipment [id^='tabContent'] td {
	border-color: #ccc;
}
.products__systembath__bathingEquipment [id^='tabContent'] tr + tr td {
	padding: 1em 1em 0;
	border-top-color: #fff;
	border-bottom-color: #fff;
}
.products__systembath__bathingEquipment [id^='tabContent'] tr:last-child td {
	padding-bottom: 1em;
}
.products__systembath__bathingEquipment [id^='tabContent'] td {
	vertical-align: top;
}
.products__systembath__bathingEquipment [id^='tabContent'] td {
	vertical-align: top;
}
.products__systembath__bathingEquipment [id^='tabContent'] td > div {
	border: #ccc solid 1px;
}
.products__systembath__bathingEquipment
	[id^='tabContent']
	td
	> div
	.titleBbDouble
	> span:first-child {
	font-size: 80%;
}
.products__systembath__bathingEquipment [id^='tabContent'] td > div a {
	display: block;
	text-decoration: none;
	position: relative;
}
.products__systembath__bathingEquipment
	[id^='tabContent']
	td
	> div
	a
	> img
	+ div {
	padding: 0.5em;
}
.products__systembath__bathingEquipment [id^='tabContent'] td > div a:after {
	border-color: transparent transparent #f39618 transparent;
}

.searchKeyword {
	margin: 2.5em 0;
}
.searchKeyword form {
	width: 80%;
	margin: auto;
	position: relative;
}
.searchKeyword form input[type='text'] {
	width: 100%;
	padding: 0.5em 1em 0.5em 2.75em;
	border: #ddd solid 1px;
	border-radius: 1.2em;
}
.searchKeyword form input[type='submit'] {
	position: absolute;
	left: 1em;
	top: 0.75em;
	width: 1.6em;
	height: 0;
	padding-top: 1.2em;
	overflow: hidden;
	background: url('/img/icon-search.svg') no-repeat;
}

.searchKeywordGray input {
	display: block;
	border: #ccc solid 1px;
	background: #f7f7f7;
	width: 100%;
	padding: 24px;
	border-radius: 6px;
}

.searchTable table {
	width: 100%;
}
.searchTable table th,
.searchTable table td {
	padding: 0.25em;
}
.searchTable table th {
	font-size: 12px;
	font-size: 1.2rem;
}
.searchTable table td {
	font-size: 10px;
	font-size: 1rem;
	vertical-align: middle;
}
.searchTable table td:first-child {
	width: 100px;
	padding: 0;
	text-align: left;
}
.searchTable table td:first-child a {
	display: block;
	padding: 0.5em;
	align-items: center;
	text-decoration: none;
}
.searchTable table td:first-child a > img {
	display: block;
	width: 100%;
	margin-bottom: 0.25em;
}
.searchTable table td:first-child a > span {
	display: block;
}
.searchTable table td:first-child a > span em,
.searchTable table td:first-child a > span b {
	display: block;
}
.searchTable table td:first-child a > span em {
	font-size: 110%;
	font-weight: 500;
	line-height: 1.2;
}
.searchTable table td:first-child a > span b {
	font-weight: normal;
	margin-top: 0.25em;
	width: 5em;
	text-align: center;
	background: #df6d62;
	color: #fff;
}
.searchTable table td:last-child {
	width: 5.5em;
}
.searchTable table td:last-child a {
	padding: 1em 0.25em;
}

.searchList ul li {
	padding: 1em 0;
	border-bottom: #ccc solid 1px;
}
.searchList ul li > div > b {
	display: inline-block;
	font-size: 12px;
	font-size: 1.2rem;
	padding: 0.25em 0.5em;
	background: #000;
	color: #fff;
}
.searchList ul li > div > b:before {
	margin-right: 0.25em;
}
.searchList ul li > div > em {
	display: block;
	margin-bottom: 0.5em;
}
.searchList ul li > div > div {
	display: flex;
}
.searchList ul li > div > div .photo {
	width: 80px;
	min-width: 80px;
	margin-right: 0.75em;
}
.searchList ul li > div > div .photo img {
	width: 100%;
}
.searchList ul li > div > div .text {
	font-size: 12px;
	font-size: 1.2rem;
	word-break: break-all;
}
.searchList ul li > p {
	margin-top: 0.5em;
}
.searchList ul li > p a {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 1em;
}

#agencySearchMap ol {
	display: flex;
	flex-wrap: wrap;
}
#agencySearchMap ol + ol {
	margin-top: 1em;
	padding-top: 1em;
	border-top: #4d4d4d dashed 1px;
}
#agencySearchMap ol > li {
	text-align: center;
	width: 33.3%;
	width: calc(100% / 3);
}
#agencySearchMap ol > li a,
#agencySearchMap ol > li span {
	padding: 0.5em 0;
	margin: 0.25em;
	display: block;
	text-decoration: none;
}
#agencySearchMap ol > li a {
	padding-bottom: 0.75em;
	background: #e24040;
	color: #fff;
	border-radius: 4px;
	box-shadow: inset 0 -2px 0 0 rgba(0, 0, 0, 0.1);
}
#agencySearchMap ol > li span {
	background: #eee;
	color: #999;
	box-shadow: inset 0 0 0 1px #ddd;
}

.pager {
	margin-bottom: 100px;
}
.pager ul {
	text-align: center;
}
.pager ul li {
	display: inline-block;
}
.pager ul li a {
	display: block;
	text-decoration: none;
	line-height: 1;
	padding: 1em;
}
.pager ul li a.current {
	background: #f2f2f2;
}

.formProgressNav,
.formTable {
	font-size: 12px;
	font-size: 1.2rem;
}

.formProgressNav li + li:before {
	background-size: 10px;
}

.formTable input[type='text'],
.formTable input[type='number'],
.formTable textarea {
	width: 90%;
}

.formTable table th,
.formTable table td {
	padding: 1em;
}

.formTable table th {
	width: 38%;
}
.formTable table th .textBd {
	display: block;
	text-align: center;
	margin-top: 0.5em;
	width: 3.4em;
}

.formTable table td {
	width: 62%;
}
.formTable table td p {
	text-align: left;
	width: 90%;
}
.formTable table td > ol {
	overflow: hidden;
}
.formTable table td > ol li {
	display: inline;
}
.formTable table td > ol li + li {
	margin-left: 1em;
}

.formTable table table td:last-child {
	text-align: right;
}

.formTable table table input {
	width: 2em;
}

.privacypolicyCheck {
	height: 10em;
	padding: 1em;
}

.formConsent label {
	font-size: 110%;
}

.thanksMessage {
	margin: 2em 0;
}
.thanksMessage > div {
	margin: 2em 0;
	text-align: center;
	border: #e6e6e6 solid 1px;
}
.thanksMessage > div i {
	height: auto;
}
.thanksMessage > div a {
	padding: 2em 0;
}
.thanksMessage > div b {
	font-size: 140%;
	display: block;
	line-height: 1;
	font-weight: 500;
	letter-spacing: 0.1em;
	color: #e24040;
}
.thanksMessage > div b i {
	display: inline;
	margin-right: 0.1em;
}
.thanksMessage > div p {
	text-align: center;
	margin-top: 0.5em;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}

.newsIndex {
	padding: 1em 0;
	border-top: #e24040 solid 1px;
	border-bottom: #e24040 solid 1px;
}
.newsIndex ul {
	font-size: 14px;
	font-size: 1.4rem;
}
.newsIndex ul li a {
	display: block;
	padding: 0.5em;
	border-bottom: #a3a3a3 solid 1px;
	text-decoration: none;
}
.newsIndex ul li a span {
	display: block;
	font-size: 80%;
}
.newsIndex p {
	margin-top: 1em;
	text-align: right;
	color: #e24040;
	font-family: cabin;
}
.newsIndex p:after {
	content: '';
	display: block;
	clear: both;
}
.newsIndex p a {
	text-decoration: none;
}
.newsIndex p a:after {
	float: right;
	content: '';
	display: block;
	position: relative;
	top: 0.4em;
	margin-left: 0.5em;
	width: 0.8em;
	height: 0.8em;
	border-width: 1px;
	border-style: solid;
	border-color: #e24040 #e24040 transparent transparent;
	transform: rotate(45deg);
}

.accordionList > dl dt {
	margin-bottom: 0.75em;
	padding-right: 2em;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.accordionList > dl dt .textBgc {
	display: block;
	width: 6em;
	padding: 0.25em 1em;
	background-color: #333;
}
.accordionList > dl dt:before,
.accordionList > dl dt:after {
	content: '';
	display: block;
	width: 1.25em;
	height: 1px;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	background: #e24040;
	transition: 0.3s;
}
.accordionList > dl dt:before {
	transform: rotate(270deg);
}
.accordionList > dl dt.open:before {
	transform: rotate(0deg);
}
.accordionList > dl dt.open:after {
	transform: rotate(360deg);
}

.accordionList > dl dd {
	margin-bottom: 3em;
}
.accordionList > dl dd p {
	font-size: 14px;
	font-size: 1.4rem;
}
.accordionList > dl dd p b.db {
	font-size: 18px;
	font-size: 1.8rem;
	margin-bottom: 0.5em;
}

.accordionList.qa > dl dt {
	text-indent: -1.2em;
	padding-left: 1.2em;
	font-weight: 500;
}
.accordionList.qa > dl dt:first-letter {
	margin-right: 0.15em;
}

.accordionList.qa > dl dd {
	text-indent: -1.5em;
	padding-left: 1.5em;
	padding-right: 1em;
	font-size: 90%;
	font-weight: 300;
}
.accordionList.qa > dl dd * {
	text-indent: 0;
}
.accordionList.qa > dl dd:first-letter {
	font-size: 120%;
	font-weight: normal;
	margin-left: 0.1em;
	margin-right: 0.25em;
}

[class*='childBdWrap'] .sp-dt {
	text-decoration: none;
}
[class*='childBdWrap'] .sp-dt > * {
	vertical-align: middle;
}
[class*='childBdWrap'] .sp-dt i[class*='icon-'] {
	width: 1.4em;
	font-size: 300%;
	color: #e24040;
}
[class*='childBdWrap'] .sp-dt .textBgc {
	padding-left: 1em;
	padding-right: 1em;
}

#supportTel {
	color: #000;
}
#supportTel h3 {
	margin-bottom: 1em;
}
#supportTel dt {
	margin-bottom: 0.5em;
	padding-bottom: 0.25em;
	border-bottom: #000 dashed 1px;
	font-weight: 500;
}
#supportTel dd + dt {
	margin-top: 1em;
}
#supportTel dd:not(:first-of-type) > div > a,
#supportTel dd:not(:first-of-type) > div > span {
	font-size: 24px;
	font-size: 2.4rem;
}
#supportTel dd:not(:first-of-type) > div i {
	display: inline-block;
}
#supportTel a[href*='tel'] {
	text-decoration: none;
}
#supportTel #contactTel {
	border: #e6e6e6 solid 1px;
}
#supportTel #contactTel dd:first-of-type p {
	margin: 1em 0;
	padding: 0.5em;
	text-align: center;
	color: #fff;
	background: #7f7f7f;
}
#supportTel #troubleTel {
	background-color: #fcecec;
}
#supportTel #troubleTel h3 {
	color: #e24040;
	padding-bottom: 0.25em;
	border-bottom: #e24040 solid 1px;
}
#supportTel #troubleTelAddress > div,
#supportTel #contactTel dd:first-of-type > div {
	margin-top: 8px;
	padding-left: 48px;
	position: relative;
}
#supportTel #troubleTelAddress > div + div,
#supportTel #contactTel dd:first-of-type > div + div {
	margin-top: 20px;
}
#supportTel #troubleTelAddress > div i,
#supportTel #contactTel dd:first-of-type > div i {
	position: absolute;
	left: 0;
	top: 0;
	font-size: 30px;
}
#supportTel #troubleTelAddress > div > a,
#supportTel #contactTel dd:first-of-type > div > a,
#supportTel #troubleTelAddress > div > span,
#supportTel #contactTel dd:first-of-type > div > span {
	display: block;
	font-size: 14px;
	font-size: 1.4rem;
}
#supportTel #troubleTelAddress > div > a b,
#supportTel #contactTel dd:first-of-type > div > a b,
#supportTel #troubleTelAddress > div > span b,
#supportTel #contactTel dd:first-of-type > div > span b {
	display: block;
	line-height: 1;
	margin-left: -4px;
	margin-bottom: 4px;
	position: relative;
}
#supportTel #troubleTelAddress > div > a i,
#supportTel #contactTel dd:first-of-type > div > a i {
	font-size: 24px;
	font-size: 2.4rem;
	top: 8px;
}
#supportTel #troubleTelAddress > div > a b,
#supportTel #contactTel dd:first-of-type > div > a b {
	font-size: 24px;
	font-size: 2.4rem;
}
#supportTel #troubleTelAddress > div > span i,
#supportTel #contactTel dd:first-of-type > div > span i,
#supportTel #troubleTelAddress > div > span b,
#supportTel #contactTel dd:first-of-type > div > span b {
	font-size: 24px;
	font-size: 2.4rem;
}
#supportTel #troubleTelAddress > div > span i,
#supportTel #contactTel dd:first-of-type > div > span i {
	margin-left: 4px;
}
#supportTel #afterMaintenance {
	margin-top: 1em;
	border: #e24040 solid 1px;
	background: #fff;
}
#supportTel #afterMaintenance h4 {
	font-weight: 500;
	padding: 0.5em 0;
	text-align: center;
	color: #fff;
	background: #e24040;
}
#supportTel #afterMaintenance div {
	padding: 1em;
}
#supportTel #afterMaintenance div p {
	font-size: 12px;
	font-size: 1.2rem;
}
#supportTel #afterMaintenance div p:last-child {
	text-align: center;
	margin: 0.5em 0;
	font-size: 24px;
	font-size: 2.4rem;
	line-height: 1;
	color: #e24040;
}

.stepList > li {
	width: 100%;
	min-height: 8em;
	padding: 1em 1.5em;
	background: #e6e6e6;
	position: relative;
}
.stepList > li > div {
	font-size: 18px;
	font-size: 1.8rem;
	padding-bottom: 0.75em;
	margin-bottom: 1em;
	border-bottom: 1px #fff solid;
	font-weight: 500;
	text-align: center;
	color: #2e86cc;
}
.stepList > li > p {
	position: relative;
}
.stepList > li > p > b {
	display: block;
	font-size: 120%;
	margin-bottom: 0.25em;
}
.stepList > li > p > a {
	display: block;
	text-align: center;
	margin-top: 1em;
	padding: 0.75em 0;
	text-decoration: none;
}
.stepList > li + li {
	margin-top: 5em;
}
.stepList > li + li:before {
	content: '';
	display: block;
	width: 2em;
	height: 2em;
	position: absolute;
	top: -4em;
	left: 0;
	right: 0;
	margin: auto;
	border: 2px solid;
	border-color: transparent #2e86cc #2e86cc transparent;
	transform: rotate(45deg);
}

#repairManualList .imgBox {
	margin: 1em -0.5em 0;
	overflow: hidden;
}
#repairManualList .imgBox > div {
	float: left;
	width: 50%;
	padding: 0.5em;
}

.yutoriBasicNav {
	border-top: #438c38 solid 1px;
	border-left: #438c38 solid 1px;
	overflow: hidden;
	font-size: 10px;
	font-size: 1rem;
}
.yutoriBasicNav li {
	float: left;
	width: 50%;
	border-right: #438c38 solid 1px;
	border-bottom: #438c38 solid 1px;
}
.yutoriBasicNav li a {
	display: block;
	padding: 0.75em 0 0.75em 0.75em;
	color: #438c38;
	background: url('/img/products/systembath/yutori_basic/yutoriBasic-arrowGreen.png')
		96% center no-repeat;
	text-decoration: none;
}
.yutoriBasicNav li a em {
	margin-right: 0.2em;
}

#worksList h2 [class*='icon-'] {
	font-size: 150%;
	vertical-align: bottom;
}

#worksList h2 .textBgc {
	display: inline-block;
	padding: 0.2em 0.4em;
	margin-left: 0.5em;
}

#worksList section + section h2 {
	margin-top: 4em;
}

#worksList .df-column4 > div a,
#worksList .df-column3 > div a,
#worksList .df-column2 > div a {
	display: block;
	border: #e6e6e6 solid 1px;
	text-decoration: none;
	background: #fff;
	position: relative;
}
#worksList .df-column4 > div a > img,
#worksList .df-column3 > div a > img,
#worksList .df-column2 > div a > img {
	width: 100%;
}
#worksList .df-column4 > div a > div,
#worksList .df-column3 > div a > div,
#worksList .df-column2 > div a > div {
	font-size: 12px;
	font-size: 1.2rem;
	padding: 1.2em;
}
#worksList .df-column4 > div a .pc-tar,
#worksList .df-column3 > div a .pc-tar,
#worksList .df-column2 > div a .pc-tar {
	font-size: 80%;
}

#bathSizeNav .tabMenuTrigger li a {
	display: block;
}
#bathSizeNav .tabMenuTrigger li a > i {
	font-size: 1.75em;
}
#bathSizeNav .tabMenuTrigger li a > i:before {
	margin-right: 0;
}
#bathSizeNav .tabMenuTrigger li a > span {
	margin-top: 0.4em;
	font-size: 10px;
	font-size: 1rem;
	line-height: 1.2;
}

#bathSizeContents .titleBbSingle {
	margin-bottom: 1em;
}

/* 20181108追加｜ダウンロードページ設定｜ここから */
.productIntroduction2 {
	border: #e6e6e6 solid 1px;
	margin-top: 1.5em;
	margin-bottom: 1em;
	padding: 1em;
}
.productIntroduction2 > div.photo2 {
	text-align: center;
}
.productIntroduction2 > div.title2 {
	margin: 0.5em 0 1em;
	line-height: 1;
}
.productIntroduction2 > div.title2 a {
	display: block;
	text-decoration: none;
}
.productIntroduction2 > div.title2 em {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0.5em;
	padding: 0.25em 0.5em;
	display: inline-block;
	color: #fff;
}
.productIntroduction2 > div.text2 > p {
	margin-top: 1em;
	font-size: 12px;
	font-size: 1.2rem;
}
.productIntroduction2 > div.text2 > div {
	margin-top: 2em;
	font-size: 10px;
	font-size: 1rem;
}
.productIntroduction2 > div.text2 > div b {
	display: block;
	font-size: 16px;
	font-size: 1.6rem;
	padding-bottom: 0.5em;
	margin-bottom: 0.6em;
	border-bottom: #e6e6e6 solid 1px;
}
.productIntroduction2 > div.text2 > div span {
	display: inline-block;
	margin-left: 0.75em;
	padding: 0.1em 0.4em;
	background: #000;
	color: #fff;
}
.productIntroduction2 > div.text2 a {
	margin: 1em auto 0;
	max-width: 436px;
}
/* 20181108追加｜ダウンロードページ設定｜ここまで */

/* 20181109追加｜トイレのリフォームマニュアルバナー設定｜ここから */
.btnLinkblue,
.btnLinkblue a,
.btnLinkblue p {
	padding: 0.75em;
	background: #2e86cc;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkblue h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.reform-img {
	position: relative;
}
.reform-img:before {
	content: url('/img/products/toilet/sofia/common/reform_sp.png');
	display: inline-block;
	position: absolute;
	right: 5px;
	top: 5px;
	z-index: 5;
}
/* 20181109追加｜トイレのリフォームマニュアルバナー設定｜ここまで */

/* 20181112追加｜トップページバナー設定｜ここから */
body.index .contents-wrap .df-partition2 > * {
	width: 50%;
}
/* 20181112追加｜トップページバナー設定｜ここから */

/* 20181113追加｜便槽の商品一覧バナー設定｜ここから */
.btnLinkgray,
.btnLinkgray a,
.btnLinkgray p {
	padding: 0.75em;
	background: #5a6b70;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkgray h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.toiletTank-img {
	position: relative;
}
.toiletTank-img:before {
	content: url('/img/products/toilet/sofia/common/toiletTank_sp.png');
	display: inline-block;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 5;
}
/* 20181113追加｜便槽の商品一覧バナー設定｜ここまで */

/* 20181115追加｜活性炭ろ過槽バナー設定｜ここから */
.btnLinkdarkblue,
.btnLinkdarkblue a,
.btnLinkdarkblue p {
	padding: 0.75em;
	background: #1f5eab;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkdarkblue h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.filtrationTank-img {
	position: relative;
}
.filtrationTank-img:before {
	content: url('/img/products/waterSystem/recycled_water/filtration_tank_sp.png');
	display: inline-block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 5;
}
/* 20181115追加｜活性炭ろ過槽バナー設定｜ここまで */

/* 20181115追加｜ポンプ槽バナー設定｜ここから */
.btnLinkgreen,
.btnLinkgreen a,
.btnLinkgreen p {
	padding: 0.75em;
	background: #4c8e19;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkgreen h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
.pumpTank-img {
	position: relative;
}
.pumpTank-img:before {
	content: url('/img/products/waterSystem/septic_tank/pump_tank_sp.png');
	display: inline-block;
	position: absolute;
	right: 5px;
	bottom: 5px;
	z-index: 5;
}
/* 20181115追加｜ポンプ槽バナー設定｜ここまで */

/* 20181119追加｜「スライドできます」説明追加｜ここから */
.slick-track .slideGuide {
	position: relative;
}
.slick-track .slideGuide:before {
	content: url(/img/slide_arrowRight_sp.png);
	position: absolute;
	bottom: 0;
	text-align: center;
	width: 100%;
	padding: 0.5em 0;
}
/* 20181119追加｜「スライドできます」説明追加｜ここまで */

/* 20181119追加｜スライドショー説明文｜ここから */
.slidecaption p b {
	display: block;
	margin-bottom: 1em;
}

.slidecaption p {
	margin-bottom: 1em;
}
.slidecaption p {
	font-weight: 300;
}
/* 20181119追加｜スライドショー説明文｜ここまで */

/* 20181213追加｜各商品ページ ダウンロードのボタン｜ここから */
.btnLinkGray2 {
	padding: 1em;
	border: #e6e6e6 solid 1px;
	background: #eee;
}
.btnLinkGray2:hover {
	opacity: 1;
	background: #fff;
	color: #666;
}
.btnLinkGray2 i {
	font-size: 300% !important;
	display: block;
	margin-bottom: 0.5em !important;
}
/* 20181213追加｜各商品ページ ダウンロードのボタン｜ここまで */

/* 20181217追加｜入浴機器対応プランバナー（介護ゆとりっくす）設定｜ここから */
.btnLinkorange,
.btnLinkorange a,
.btnLinkorange p {
	padding: 0.75em;
	background: #f39618;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkorange h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
/* 20181217追加｜入浴機器対応プラン（介護ゆとりっくす）設定｜ここまで */

/* 20181217追加｜入浴機器対応プランバナー（ゆとりけあベーシック）設定｜ここから */
.btnLinkyutorigreen,
.btnLinkyutorigreen a,
.btnLinkyutorigreen p {
	padding: 0.75em;
	background: #438c38;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkyutorigreen h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
/* 20181217追加｜入浴機器対応プラン（ゆとりけあベーシック）設定｜ここまで */

/* 20181221追加｜FRP浴槽オプションバナー設定｜ここから */
.btnLinkFrp,
.btnLinkFrp a,
.btnLinkFrp p {
	padding: 0.75em;
	background: #2d6766;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkFrp h3 {
	font-size: 18px;
	font-size: 1.8rem;
}
/* 20181221追加｜FRP浴槽オプションバナー設定｜ここまで */

/****採用情報****/
/*body.recruit p,
body[class^="recruit__"] p {
  margin: 0 0 20px 0;
  color: #000;
}

body.recruit a,
body[class^="recruit__"] a {
  text-decoration: none;
}

body.recruit h2,
body[class^="recruit__"] h2{
  margin: 0 0 5px 0;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
}*/

body.recruit .contents-wrap,
body[class*='recruit__'] .contents-wrap {
	margin: 0 !important;
}

/* グローバルナビゲーション */
.sns_sp {
	padding: 1.5em;
	width: 100%;
}
.sns-f {
	float: left;
	margin-right: 1em;
}
.sns-i {
	float: left;
}

/*#guidance h2 {
  margin: 0 !important;
}*/

.recruit-wrap,
.recruit-wrapMin {
	max-width: 100%;
	margin: 0;
}

.recruit-more {
	margin: -1.5em 0.5em 1em 0.5em;
}

.recruit-more a {
	text-decoration: none;
}

.sp-recruit-menu {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.sp-recruit-menu p,
#history-menu p {
	font-size: 14px;
	font-size: 1.4rem;
}

.recruit-box1,
.recruit-box2,
.recruit-box3 {
	width: 49%;
	margin-bottom: 2em;
}

.left-ph {
}
.right-tx {
	background-color: #fff;
	padding: 1em 0 0 0;
}

.right-tx h2,
.left-tx h2 {
	margin: 0 0 18px 0;
	font-size: 1.8rem;
	font-weight: 500;
}

.right-tx a,
.left-tx a {
	text-decoration: none;
}

.left-tx {
	background-color: #fff;
	padding: 1em 0 0 0;
}

.right-ph {
}
/*募集要項*/
.guidance-ft,
.guidance-ft-sl {
	background-color: #fadddd;
	/* margin-bottom: -2em;*/
	padding: 20px 0 20px 0;
}

.btnLinkRed,
.btnListRed a {
	background: #e24040;
	color: #fff;
	padding: 0.75em 0;
}

.btnLinkWhite,
.btnListWhite a {
	background: #fff;
	color: #e24040;
	padding: 0.75em 0;
}

.titleInfo {
	margin: 1.5em 0;
	font-size: 20px;
	font-size: 2rem !important;
	text-align: center;
}

/*社員インタビュー*/
.nterview-nameph {
	width: 90%;
}
.interview-name,
.interview-name3,
.interview-name4 {
	width: 90%;
	background-color: #e24040;
	padding: 1em;
	margin-left: 10%;
	margin-bottom: 2em;
}

.interview-name p,
.interview-name3 p,
.interview-name4 p {
	color: #fff !important;
	margin-bottom: 0 !important;
}

.interview-namettl {
	color: #fff;
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
}

.interview-box1,
.interview-box2,
.interview-box3,
.interview-box4,
.interview-box5,
.interview-box6,
.interview-box7,
.interview-box8,
.interview-box9,
.interview-box10,
.interview-box11,
.interview-box12,
.story-box1,
.story-box2,
.story-box3,
.story-box4,
.story-box5,
.story-box6,
.story-box7,
.story-box8,
.story-box9,
.story-box10 {
	width: 100%;
}

.interview-left-box,
.interview-left-box2,
.interview-left-ph,
.story-left-box {
	width: 90%;
	margin-left: 10%;
}

.interview-right-ttl,
.interview-right-ttl2,
.story-right-ttl {
	width: 90%;
	margin-left: 10% !important;
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
}

.interview-right-box,
.interview-right-box2,
.interview-right-box3 {
	width: 90%;
}

.interview-ttl,
.story-ttl {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 20px;
}

.interview-ttl span,
.interview-right-ttl span,
.interview-right-ttl2 span {
	color: #e24040;
}

.interview-redttl {
	color: #e24040;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 20px;
}

.interview-tx {
	background-color: #fdede4;
	padding: 1.5em;
}

.interview-tx p:last-child {
	margin-bottom: 0 !important;
}

.interview-right-ph,
.story-right-ph {
	width: 90%;
}

.interview-message {
	background-color: #e24040;
	padding: 1.5em;
}

.interview-message p {
	color: #fff !important;
}

.interview-message p:last-child {
	margin-bottom: 0 !important;
}

.interview-whitettl {
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	margin-bottom: 1em;
}

#schedule dl dt {
	float: left;
	clear: left;
	width: 5em;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	color: #e24040;
}

#schedule dl {
	border-top: 2px dashed #e24040;
}

#schedule dl dd {
	border-bottom: 2px dashed #e24040;
	padding-left: 5.5em; /* dtの幅以上のpaddingをとる*/
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	/*	 line-height: 250%;*/
}

.h3ttl {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 1em;
}

.h3ttl span {
	color: #e24040;
}

.bgbox {
	background-color: #fff7f2;
	width: 100%;
	margin-bottom: 2em !important;
}
.Rbox {
	margin-bottom: 2em !important;
}
.bgimg01 {
	width: 100%;
	margin-bottom: 2em !important;
}

p.txtbox_l {
	background-color: #fdede4;
	padding: 1em;
	width: 90%;
	margin: 0 10% 0 0;
}
p.txtbox_r {
	background-color: #fdede4;
	padding: 1em;
	width: 90%;
	margin: 0 0 0 10%;
}

p.Rtxtbox {
	background-color: #e24040;
	padding: 1em;
	color: #fff;
	width: 90%;
	margin: 0 10% 0 0;
}
.Rimg img {
	width: 90%;
	height: auto;
	margin: 0 0 0 10%;
}

/*ダイワ化成とは*/

.recruit-redbox {
	border: 1px solid #e24040;
	padding: 1em;
}

.recruit-redbox p {
	font-size: 14px;
	font-size: 1.4rem;
}

/*募集要項*/

.guidance-ft-top {
	background-color: #fadddd;
	/*  margin-top: -2em;
  margin-bottom: -2em;*/
	padding: 20px 0 20px 0;
}

span.supText {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
	color: #e24040;
}

.red {
	color: #e24040;
}

.faqttl {
	color: #b2b2b2;
	border-bottom: 1px solid #b2b2b2;
	font-size: 16px !important;
	font-size: 1.6rem !important;
}

/*開発ストーリー*/

#story .cabin {
	color: #f39800 !important;
}

.story-right-ttl2 {
	width: 100%;
	margin-bottom: 20px;
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
}

.story-ttl2 {
	font-size: 20px;
	font-size: 2rem;
	font-weight: 500;
	margin-bottom: 20px;
}

.story-ttl span,
.story-ttl2 span,
.story-right-ttl span,
.story-right-ttl2 span {
	color: #f39800;
}

.story-name {
	width: 90%;
	background-color: #1bb1b1;
	padding: 1em;
	margin-left: 10%;
	margin-bottom: 2em;
	color: #fff;
}

.story-name2 {
	width: 100%;
	background-color: #1bb1b1;
	padding: 1em;
	margin-bottom: 2em;
	color: #fff;
}

.story-tx {
	background-color: #d1efef;
	padding: 1.5em;
}

.story-tx p:first-child {
	margin-top: 1.5em !important;
}

.story-tx p:last-child {
	margin-bottom: 0 !important;
}

.story-tx2 {
	background-color: #d1efef;
	width: 100%;
	padding: 1.5em 1.5em 0.5em 1.5em;
}

.story-tx2 ul {
	list-style-type: square;
	color: #f39800;
	margin-left: 1em;
}

.story-tx2 li {
	margin-bottom: 1em;
}

.story-tx2 li:last-child {
	margin-bottom: 0;
}

.story-tx2 ul li span {
	color: #000;
}

small.story-cat {
	background-color: #f39800;
	color: #fff;
	padding: 0em 0.8em 0.1em 0.8em;
	display: inline-block;
}

.story_arrow {
	margin: 20px auto;
	text-align: center;
}

.story_arrow img {
	width: 30px;
	height: auto;
}
.interview-nameph {
	margin-bottom: -1px;
}
/*.interview-sld{
 margin-bottom: -2em;
}*/

/* 採用情報用のロゴ */
#header-wrap .logo_r {
	width: 44%;
	min-width: 120px;
	margin-left: 4%;
}
#header-wrap .logo_r a {
	display: flex;
	align-items: center;
	height: 40px;
}
#header-wrap .logo_r a img {
	width: 100%;
	vertical-align: middle;
}

/* リンク先が別ウインドウで開くマーク */
.newwindow {
	position: relative;
}

.newwindow:after {
	content: url('/img/newwindow_sp.png');
	display: block;
	position: absolute;
	right: -25px;
	top: 2px;
	z-index: 5;
}

/* ナビゲーションメニューの設定 */
#sp_link {
	pointer-events: auto !important;
}

#header-wrap #header-navWrap #header-nav > li #faq-trigger,
#header-wrap #header-navWrap #header-nav > li #gallery-trigger,
#header-wrap #header-navWrap #header-nav > li #corporate-trigger {
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}

#header-wrap #header-navWrap #header-nav > li #corporate-trigger img {
	width: 15px;
	position: absolute;
	right: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
}

#header-wrap #header-navWrap #header-nav > li #faq-trigger img,
#header-wrap #header-navWrap #header-nav > li #gallery-trigger img {
	width: 7px;
	position: absolute;
	right: 5%;
	top: 0;
	bottom: 0;
	margin: auto;
}

/****************************************************/
/*     D-style コンセプトギャラリー  2019.3.19追加      */
/****************************************************/

body[class^='ConceptGallery'] p {
	color: #4d4d4d;
}

/*ブログ用*/
.cp_ipselect {
	overflow: hidden;
	width: 80%;
	margin: 2em auto;
	text-align: center;
}
.cp_ipselect select {
	width: 100%;
	padding-right: 1em;
	cursor: pointer;
	text-indent: 0.01px;
	text-overflow: ellipsis;
	border: none;
	outline: none;
	background: transparent;
	background-image: none;
	box-shadow: none;
	-webkit-appearance: none;
	appearance: none;
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect.cp_sl03 {
	position: relative;
	border-radius: 2px;
	border: 2px solid #da3c41;
	background: #ffffff;
}
.cp_ipselect.cp_sl03::before {
	position: absolute;
	top: 0.8em;
	right: 0.8em;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid #da3c41;
	pointer-events: none;
}
.cp_ipselect.cp_sl03 select {
	padding: 8px 38px 8px 8px;
	color: #da3c41;
}

/* フェードイン　*/
.fadein {
	opacity: 0;
	transition: opacity 0.4s;
}
.fadein.scrollin {
	opacity: 1;
}

/*ブログ用左矢印*/
　.arrowWhiteL {
	position: relative;
}
.arrowWhiteL:before,
.arrowWhiteL:after {
	content: '';
	display: block;
	width: 0.5em;
	height: 2px;
	background: #fff;
	position: absolute;
	left: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.arrowWhiteL:before {
	bottom: 0.3em;
	transform: rotate(-45deg);
}
.arrowWhiteL:after {
	top: 0.3em;
	transform: rotate(45deg);
}

/* タイトル等　*/
h1.ttlgray {
	margin: 1.5em 0;
	font-size: 24px;
	font-size: 2.4rem !important;
	text-align: center !important;
	font-weight: 500 !important;
}

h1 .cabin2 {
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
	color: #ccc;
	font-family: 'Cabin';
}

/*ブログ用*/
h3.ttlgray {
	margin: 5px 0 0 0;
	font-size: 16px;
	font-size: 1.6rem !important;
	font-weight: 500 !important;
}

h3 .cabin2 {
	font-size: 70%;
	font-style: italic;
	font-weight: normal;
	color: #ccc;
	font-family: 'Cabin';
}

body[class^='ConceptGallery'] .post-body p {
	font-size: 80%;
}

/*CareTEX*/

.btn-gradient-3d-simple {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffff00;
	background-image: linear-gradient(#e24040 0%, #c92323 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #c92323;
}

.btn-gradient-3d-simple:hover {
	background-image: linear-gradient(#c92323 0%, #e24040 100%);
}

.btn-gradient-3d-simple:active {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}

.arrowCareTEX {
	position: relative;
}
.arrowCareTEX:before,
.arrowCareTEX:after {
	content: '';
	display: block;
	width: 0.5em;
	height: 2px;
	background: #ffff00;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.arrowCareTEX:before {
	bottom: 0.3em;
	transform: rotate(45deg);
}
.arrowCareTEX:after {
	top: 0.3em;
	transform: rotate(-45deg);
}

/*CareTEX2020*/

.btn-gradient-3d-2020 {
	display: block;
	padding: 0.5em 1em;
	text-decoration: none;
	border-radius: 4px;
	color: #ffff00;
	background-image: linear-gradient(#019444 0%, #02b654 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #019444;
}

.btn-gradient-3d-2020:hover {
	background-image: linear-gradient(#02b654 0%, #019444 100%);
}

.btn-gradient-3d-2020:active {
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
}

.Carettl {
	position: relative;
}

.Carettl p {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

.Carettl img {
	width: 100%;
}

/***** 20190625　D-style　リニューアル *****/

/*特長*/
.photoCommentBorder2 {
	border: #e6e6e6 solid 1px;
	padding: 0.5em;
	position: relative;
}
.photoCommentBorder2 > div.title {
	float: left;
	padding-top: 0.5em;
	margin-bottom: 10px;
	width: 40%;
	font-size: 15px;
	font-size: 1.5rem;
}
.photoCommentBorder2 > div.title a {
	display: block;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 0.5em;
	padding: 0.5em 0;
	text-align: center;
	text-decoration: none;
	background: #000;
	color: #fff;
}
.photoCommentBorder2 > div.photo {
	float: right;
	margin-bottom: 10px;
	width: 58%;
	position: relative;
}
.photoCommentBorder2 > div.photo img {
	width: 100%;
}
.photoCommentBorder2 > div.photo:after {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	content: '';
	width: 6%;
	height: 100%;
	background: linear-gradient(-90deg, rgba(255, 255, 255, 0) 0, white 100%);
}
.photoCommentBorder2 > div.photo + div {
	clear: both;
	padding-top: 10px;
	border-top: #4d4d4d solid 1px;
	font-size: 14px;
	font-size: 1.4rem;
}

/*タイトル*/
body .dstylettl,
body .dstylettl2 {
	border-bottom: #a1a1a1 solid 1px;
	font-weight: 500;
}

body .dstylettl > span:first-child,
body .dstylettl2 > span:first-child {
	margin-right: 1em;
	color: #a1a1a1;
}

/*dstyleアコーディオン*/
.accordion-container {
	position: relative;
	width: 100%;
	border-top: none;
	outline: 0;
	cursor: pointer;
}

.accordion-container .article-title {
	display: block;
	position: relative;
	font-size: 18px;
	font-size: 1.8rem;
	margin: 0;
	padding: 1em 0.5em 3em 0.5em;
	color: #fff;
	background: #4d4d4d;
	cursor: pointer;
}

.accordion-container .article-title2 {
	display: block;
	position: relative;
	margin: 0;
	padding: 1em 0.5em 3em 0.5em;
	color: #4d4d4d;
	background: #ccc;
	cursor: pointer;
}

.accordion-container .article-title h3,
.accordion-container .article-title2 h3,
.accordion-container .article-title h4,
.accordion-container .article-title2 h4 {
	font-weight: 500;
	font-size: 18px !important;
	font-size: 1.8rem !important;
}

.accordion-container .content-entry.open i {
	color: #fff;
}

.article-title,
.article-title2 {
	position: relative;
}

.article-title:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	transition: all 0.4s ease-in-out;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #fff;
	border-right: solid 3px #fff;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.article-title2:after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	margin: auto;
	bottom: 20px;
	transition: all 0.4s ease-in-out;
	display: block;
	width: 15px;
	height: 15px;
	border-top: solid 3px #4d4d4d;
	border-right: solid 3px #4d4d4d;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
}

.article-title.open:after,
.article-title2.open:after {
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	bottom: 12.5px;
}

.accordion-content {
	display: none;
	background: #efefef;
}

.accordion-content2 {
	display: none;
	background: #fff;
}

.accordion-content p,
.accordion-content2 p {
	font-weight: 300 !important;
	text-indent: -1.2em;
	padding: 1em 1em 1em 2.2em;
	font-size: 90%;
}
.accordion-container i[class*='icon-']:before {
	margin-right: 0em !important;
}

.iconUltraBig:before {
	font-size: 300%;
}

body.products__systembath__d-style .contents-wrap {
	margin-top: 0em !important;
}

/* 便座モーダルウインドウ内の仕様 */
.toilet-specWrap {
	margin: 1em 0 2em;
}
.toilet-specWrap > div {
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 1.5em;
}
.toilet-specWrap > div h4 {
	padding-bottom: 0.25em;
}
.toilet-specWrap > div .caution {
	font-size: 10px;
	font-size: 1rem;
}

/* Pannellum パノラマ画像用 */
.pnlm-wrap {
	width: 100%;
	height: 300px;
}

/****************************************************/
/*          ダイワ化成のブログ  2019.4.2、2019.9.9追加  */
/****************************************************/

article.articlelist-item {
	border-bottom: 1px solid #ddd;
	padding-bottom: 2em;
	margin-bottom: 2em;
}

article.articlelist-item:first-child {
	margin-top: 0;
	margin-bottom: 2em;
}

.image-content {
	width: 100%;
}
.image-content figure {
	display: inline-block;
	max-width: 100%;
}

.text-content {
	width: 100%;
}

.right-contents h2 {
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 1px solid #ddd;
	padding: 0.2em 0;
	margin-bottom: 0.5em;
	font-family: 'Cabin';
	color: #ccc;
	font-style: italic;
	font-weight: 300;
}

.text-content h3 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
}

.text-content h3 a,
.text-content p a {
	text-decoration: none !important;
}

.text-content h3 span,
#blog-contens h2 b {
	font-family: 'Cabin';
	color: #ccc;
	font-style: italic;
	font-weight: 300;
}

.blog-category {
	font-size: 14px;
	font-size: 1.4rem;
	color: #e24040;
}

.blog-container {
	width: 100%;
	margin: 0 auto;
}
.left-contents {
	margin-left: 1em;
	margin-right: 1em;
	margin-top: 2em;
}
.right-contents {
	margin-left: 1em;
	margin-right: 1em;
}

.right-contents ul {
	font-size: 14px;
	font-size: 1.4rem;
	margin-bottom: 1em;
}

.right-contents ul a {
	text-decoration: none;
}

.btnLinkMore,
.btnListMore a {
	padding: 0.75em 0;
	background: #ccc;
	color: #fff;
	font-style: italic;
}

a.prev-link,
a.next-link {
	text-decoration: none;
	position: relative;
	line-height: 120%;
	padding: 0em 50px;
}

.prev-link:before {
	content: '< ';
	font-size: 60px;
	font-weight: 100;
	color: #ddd;
	position: absolute;
	top: calc(50% - 0.2em);
	left: 0;
}

.next-link:after {
	content: ' >';
	font-size: 60px;
	font-weight: 100;
	color: #ddd;
	position: absolute;
	top: calc(50% - 0.2em);
	right: 0;
}

#blog-contens h2 {
	border-bottom: #ddd solid 1px;
}

/* single内のスタイル */

.single-contents h1 {
	border-bottom: #ddd solid 1px;
}

.single-contents h2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	margin-bottom: 1em;
	border-left: solid 4px #e24040;
	padding-left: 0.75em;
}

.single-contents h3 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: 500;
	margin-bottom: 1em;
}

/* archiveタイトル */

.archives-ttl {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: 500;
	padding: 0.2em 0;
}

#pageTitle .blogttl {
	font-size: 18px;
	font-size: 1.8rem;
	padding: 2.5em 0;
	color: #fff;
	font-weight: bold;
}

#pageTitle .cabin {
	font-size: 50%;
	color: #e24040;
}

/* ランディングページ */
body.D-style .contents-wrap,
body.Kaigo-yutorix .contents-wrap,
body.Yutorix .contents-wrap {
	margin-top: 0;
}

body.D-style #footer-wrap,
body.Kaigo-yutorix #footer-wrap,
body.Yutorix #footer-wrap {
	margin-top: 0em;
}

.btnLinkyutorix,
.btnLinkyutorix a,
.btnLinkyutorix p {
	padding: 0.75em;
	background: #40a631;
	color: #fff;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}
.btnLinkyutorix h3 {
	font-size: 18px;
	font-size: 1.8rem;
}

/* システムバス「用途別分類一覧」 */
body.products__systembath__by_purpose .textBgc {
	padding-left: 0.5em;
	padding-right: 0.5em;
	margin-bottom: 0.4em;
}

body.products__systembath__by_purpose #worksList p,
body.products__systembath .doubleLineSlide p {
	text-align: initial;
}

[class*='purposeNav'] {
	font-size: 12px;
	font-size: 1.2rem;
	text-align: center;
}
[class*='purposeNav'] [class*='icon-'] {
	display: block;
	color: #ffffff;
}

.purposeNav p {
	text-align: center;
	color: #ffffff;
}

.purposeNav i[class*='icon-']:before {
	margin-right: 0;
	font-weight: normal;
}
.purposeNav .icon-home,
.purposeNav .icon-hotel,
.purposeNav .icon-hospital,
.purposeNav .icon-group,
.purposeNav .icon-shower,
.purposeNav .icon-bathIn,
.purposeNav .icon-bath,
.purposeNav .icon-wheelChair {
	font-size: 32px;
}

.purposeNav a {
	text-decoration: none;
	transition: 0.4s;
}
.purposeNav a:hover {
	background-color: #000000;
}
.purposeNav a:hover p {
	color: #e24040;
}
.purposeNav a:hover [class*='icon-'] {
	color: #e24040;
}

.purposeNav > div {
	display: table;
	width: 100%;
}
.purposeNav > div > div {
	border: #ffffff solid 1px;
	display: table-cell;
	width: 25%;
	background: #000000;
}
.purposeNav > div > div + div {
	/*border-left: none;*/
}
.purposeNav > div > div a {
	display: block;
	padding: 1em 0;
}
.purposeNav > div > div a p {
	margin-top: 1em;
	font-weight: 400;
}

/* ゆとりけあPROVE設定 */
.colorVariation-black {
	background: #000000;
}

.colorVariation-white {
	background: #ffffff;
}

/* youtubeレスポンシブ対応 */
.movie-wrap {
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	top: 0;
	left: 0;
}

.movie-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/* ダイワ化成について */
body.company__about .contents-wrap {
	margin: 0 !important;
}


 /* 「購入をご検討のお客様へ」の設定 */

 td.telephone{
	padding: 1.5em 0 !important;
    font-weight: bold;
 }

 td.telephone a {
    padding: 0 !important;
    text-decoration: none;
	line-height: 1.8 !important;
}

/* FRP浴槽　GFP-2816 */
body.products__systembath__FRP__products__GFP-2816 .sp-vm100 {
	margin-top: 1em !important;
	  margin-bottom: 0 !important;
  }

body.products__systembath__FRP__products__GFP-2816 .contents-wrap{
	margin-top: 0 !important;
  }

  /* チェックボックス風装飾 */
.check-box > *{
	position: relative;
	padding-left: 2em;
  }
  
  .check-box > *::before,
  .check-box > *::after {
  content: '';
  position: absolute;
  line-height: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
  
  .check-box > *::before { /* チェックボックス */
	width:0.8em;
	height:0.8em;
	background-color:#fff;
	border:solid 1px #ccc;
	margin-top:0.45em;
  }
  .check-box > *::after { /* チェック */
	border-left: 0;
	border-top: 0;
	border-bottom:0.16em solid #f06c00;
	border-right: 0.16em solid #f06c00;
	transform: rotate(42deg);
	width:0.5em;
	height:0.8em;
	margin-top:0.2em;
	left: 0.3em;
  }
  .check-box > *.nocheck::after{ /* チェックなし */
	border:0;
	margin:0;
  }
  /* チェックボックス風装飾ここまで */

  /* 20210629追加｜各商品ページ ダウンロードのボタン｜ここから */
.btnLinkWhite2 {
	padding: 1em;
	border: #e6e6e6 solid 1px;
	background: #fff; }
  .btnLinkWhite2:hover {
	  opacity: 1;
	  border: #fff solid 1px;
	  background: #eee;
	 }
  .btnLinkWhite2 i{
	font-size: 300% !important;
	display: block;
	margin-bottom: 0.5em !important; }
  /* 20210629追加｜各商品ページ ダウンロードのボタン｜ここまで */

  /*20220819追加|PDFカタログダウンロード　トイレ部品3/4エリア*/
.df-partitione .sp-area43{
	width:100%;
  }
/*ゆとりっくす特長*/
  .YutoriNav {
	border-top: #1c50a1 solid 1px;
	border-left: #1c50a1 solid 1px;
	overflow: hidden;
	font-size: 10px;
	font-size: 1rem;
}
.YutoriNav li {
	float: left;
	width: 50%;
	border-right: #1c50a1 solid 1px;
	border-bottom: #1c50a1 solid 1px;
}
.YutoriNav li a {
	display: block;
	padding: 0.75em 0 0.75em 0.75em;
	color: #1c50a1;
	background: url('/img/products/systembath/yutori/yutori-arrowBlue.png')
		96% center no-repeat;
	text-decoration: none;
}
.YutoriNav li a em {
	margin-right: 0.2em;
}
.C-Yutori {
  color: #1c50a1 !important;}
.BC-Yutori { 
  border-color: #1c50a1 !important;}
.BG-Yutori {
  background-color: #1c50a1 !important;}

  /*矢印黒*/
.arrowBlack {
	position: relative;
}
.arrowBlack:before,
.arrowBlack:after {
	content: '';
	display: block;
	width: 0.5em;
	height: 2px;
	background: #4d4d4d;
	position: absolute;
	right: 1em;
	top: 0;
	bottom: 0;
	margin: auto;
}
.arrowBlack:before {
	bottom: 0.3em;
	transform: rotate(45deg);
}
.arrowBlack:after {
	top: 0.3em;
	transform: rotate(-45deg);
}
.arrowBlack:hover:before,
.arrowBlack:hover:after {
	background: #fff;
}

  /* チェックボックス風装飾 雨水槽*/
  .check-box2 > h4{
	position: relative;
	padding-left: 2em;
  }
  
  .check-box2 > h4::before,
  .check-box2 > h4::after {
  content: '';
  position: absolute;
  line-height: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  }
  
  .check-box2 > h4::before { /* チェックボックス */
	width:1em;
	height:1em;
	border:solid 3px #e59448;
	margin-top:0.35em;
  }
  .check-box2 > h4::after { /* チェック */
	border-left: 0;
	border-top: 0;
	border-bottom:0.2em solid #17a59c;
	border-right: 0.2em solid #17a59c;
	transform: rotate(42deg);
	width:0.5em;
	height:1em;
	margin-top:0em;
	left: 0.5em;
  }
  .check-box2 > h4.nocheck::after{ /* チェックなし */
	border:0;
	margin:0;
  }
  /* チェックボックス風装飾ここまで 雨水槽*/
  /* システムバスの特長内装飾 システムバスindex*/
.BG-yutorix {
	background-color: #70bdc4;
  }
.Vborder table {
	border-bottom: #e6e6e6 solid 1px;
	width: 700px;
  }
.Vborder img:hover {
	opacity: 0.7;
}
  .Vborder table td {
	border-left: #e6e6e6 solid 1px;
  }
  .Vborder table td:last-child {
	border-right: #e6e6e6 solid 1px;
  }
  span.ribbon-midashi01,span.ribbon-midashi02{
	position: relative;
	background-color: #aaaaaa;
	color: #FFF;
	padding:8px;
	line-height: 1; /* 枠の高さを制御 */
	display:block;
  }
  span.ribbon-midashi02{
	line-height: 1.5; /* 枠の高さを制御 */
  }
  span.ribbon-midashi01:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	border-top: 15px solid #ffffff;
	border-left: 10px solid transparent;
	border-bottom: 15px solid #ffffff;
  }
  span.ribbon-midashi02:before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	right: 0;
	border-top: 30px solid #ffffff;
	border-left: 20px solid transparent;
	border-bottom: 30px solid #ffffff;
  }
  span.ribbon-midashi01:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	left: 0;
	border-top: 15px solid #ffffff;
	border-right: 10px solid transparent;
	border-bottom: 15px solid #ffffff;
  }
  span.ribbon-midashi02:after {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	top: 0;
	left: 0; 
	border-top: 30px solid #ffffff;
	border-right: 20px solid transparent;
	border-bottom: 30px solid #ffffff;
  }
  /* システムバスの特長内装飾ここまで システムバスindex*/
  /* 外部リンクマーク */
.external a[href^="http"]:after,
.external a[href^="//"]:after {
  margin: 0 0 0 3px;
  font-family: "Font Awesome 5 Free";
  content: '\f35d';
  font-weight: 900;
}
.external a[href^="https://www.daiwakasei.co.jp/"]:after {
  margin: inherit;
  font-family: inherit;
  content: '';
  font-weight: inherit;
}
/* 外部リンクマークここまで */