@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?d2mhp1');
	src: url('../fonts/icomoon.eot?d2mhp1#iefix') format('embedded-opentype'), url('../fonts/icomoon.ttf?d2mhp1') format('truetype'), url('../fonts/icomoon.woff?d2mhp1') format('woff'), url('../fonts/icomoon.svg?d2mhp1#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
[class^="icon-"], [class*=" icon-"] {
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-hatebu:before {
	content: "\e903";
	color: #00a4de;
}
.icon-line:before {
	content: "\e904";
	color: #00c300;
}
.icon-wellnesthome-logo2:before {
	content: "\e900";
}
.icon-taishin:before {
	content: "\e907";
}
.icon-muku:before {
	content: "\e905";
}
.icon-air:before {
	content: "\e906";
}
.icon-shaon:before {
	content: "\e90e";
}
.icon-triple:before {
	content: "\e901";
}
.icon-brind:before {
	content: "\e902";
}
.icon-ondosa:before {
	content: "\e989";
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
}
.slick-list {
	position: relative;
	display: block;
	overflow: hidden;
	margin: 0;
	padding: 0;
}
.slick-list:focus {
	outline: none;
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand;
}
.slick-slider .slick-track, .slick-slider .slick-list {
	-webkit-transform: translate3d(0, 0, 0);
	-moz-transform: translate3d(0, 0, 0);
	-ms-transform: translate3d(0, 0, 0);
	-o-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.slick-track:before, .slick-track:after {
	display: table;
	content: '';
}
.slick-track:after {
	clear: both;
}
.slick-loading .slick-track {
	visibility: hidden;
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px;
}
[dir='rtl'] .slick-slide {
	float: right;
}
.slick-slide img {
	display: block;
}
.slick-slide.slick-loading img {
	display: none;
}
.slick-slide.dragging img {
	pointer-events: none;
}
.slick-initialized .slick-slide {
	display: block;
}
.slick-loading .slick-slide {
	visibility: hidden;
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
	display: none;
}
.slick-loading .slick-list {
	background: #fff url('./ajax-loader.gif') center center no-repeat;
}
@font-face {
	font-family: 'FontAwesome';
	font-weight: normal;
	font-style: normal;
	src: url('./fonts/slick.eot');
	src: url('./fonts/slick.eot?#iefix') format('embedded-opentype'), url('./fonts/slick.woff') format('woff'), url('./fonts/slick.ttf') format('truetype'), url('./fonts/slick.svg#slick') format('svg');
}
.slick-prev, .slick-next {
	font-size: 0;
	line-height: 0;
	position: absolute;
	top: 50%;
	display: block;
	width: 40px;
	height: 40px;
	padding: 0;
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	transform: translate(0, -50%);
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: transparent;
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus {
	color: transparent;
	outline: none;
	background: transparent;
}
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before {
	opacity: 1;
}
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before {
	opacity: .25;
}
.slick-prev:before, .slick-next:before {
	font-family: 'FontAwesome';
	font-size: 40px;
	line-height: 1;
	opacity: .75;
	color: white;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-prev {
	left: 0;
	z-index: 1;
}
[dir='rtl'] .slick-prev {
	right: 0;
	left: auto;
}
.slick-prev:before {
	content: '\f053';
}
[dir='rtl'] .slick-prev:before {
	content: '\f053';
}
.slick-next {
	right: 0;
}
[dir='rtl'] .slick-next {
	right: auto;
	left: 0;
}
.slick-next:before {
	content: '\f054';
}
[dir='rtl'] .slick-next:before {
	content: '\f054';
}
.slick-dotted.slick-slider {
	margin-bottom: 30px;
}
.slick-dots {
	position: absolute;
	bottom: -25px;
	display: block;
	width: 100%;
	padding: 0;
	margin: 0;
	list-style: none;
	text-align: center;
}
.slick-dots li {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin: 0 5px;
	padding: 0;
	cursor: pointer;
}
.slick-dots li button {
	font-size: 0;
	line-height: 0;
	display: block;
	width: 20px;
	height: 20px;
	padding: 5px;
	cursor: pointer;
	color: transparent;
	border: 0;
	outline: none;
	background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
	outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
	opacity: 1;
}
.slick-dots li button:before {
	font-family: 'FontAwesome';
	font-size: 6px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 20px;
	content: '•';
	text-align: center;
	opacity: .25;
	color: black;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
	opacity: .75;
	color: black;
}
html {
	font-size: 14px;
	overflow-x: hidden;
}

@media (min-width:768px) {
html {
	font-size: 16px;
}
}

@media (max-width:767px) {
.fsxl {
	font-size: 2rem;
}
/* テキストの変更 */
tr.swpm-registration-username-row label::after {
    content: "（ログイン時に利用）";
}
/* tr.swpm-registration-firstname-row label::after {
    content: "（任意）";
} */
/* tr.swpm-registration-lastname-row label::after {
    content:  "（任意）";
} */
tr.swpm-registration-membership-level-row{
	display: none;
}
}
body {
	font-family: 'YakuHanJP', 'Helvetica Neue', Helvetica, Arial, "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	color: #111;
	background: #fff;
	line-height: 2;
	letter-spacing: 0.07em;
	overflow-x: hidden;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fst {
	font-size: 1.1rem;
}
.min {
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
}
.inline {
	display: inline;
	width: auto;
}
.list {
	padding-left: 1.4em;
}
.list li {
	list-style: disc;
	padding-bottom: 1em;
}
.font1 {
	font-family: "Lato", 'YakuHanJP', 'Helvetica Neue', Helvetica, Arial, "游ゴシック", YuGothic, "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
ruby > rt {
	display: block;
	font-size: 41%;
	text-align: start;
}
rt {
	line-height: normal;
	-webkit-text-emphasis: none;
}
ruby, rt {
	text-indent: 0px;
}
.display-table {
	display: table;
}
.display-tablecell {
	display: table-cell;
	vertical-align: middle;
}
.fs4l.icon {
	height: 80px;
	line-height: 80px;
}
.x12 {
	display: block;
	transform: scale(1.2);
}
.x09 {
	display: block;
	transform: scale(0.9);
}
a.keyword {
	border-bottom: 1px dashed;
	color: #555;
	position: relative;
}
.link-more {
	font-size: 60%;
	font-weight: bold;
	color: #555;
	padding: 0.3em;
	margin-top: -2.1em;
	float: right;
}
#searchform .btn {
	margin: 0;
}
.article-main a.keyword {
	color: #000;
}
a.keyword:hover {
	text-decoration: none;
	color: #666;
}
a.keyword:after {
	content: "\f002  詳しくみる";
	display: inline-block;
	opacity: 0;
	position: absolute;
	font-size: 0.7rem;
	letter-spacing: 0.02em;
	font-weight: bold;
	white-space: nowrap;
	right: 0;
	bottom: -1em;
	background: rgba(255,255,255,0.6);
	border: 1px solid #555;
	padding: 0 0.6em;
	font-family: FontAwesome;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	transition: 0.3s;
}
a.keyword:hover:after {
	opacity: 1;
	bottom: -2.5em;
}
#mainmenu {
	z-index: 9999;
	width: 100vw;
}
.top-bar .dropdown-menu {
	display: block;
	border: none;
	border-top: 1px solid #ddd;
	text-align: center;
	border-radius: 0;
}
.top-bar .dropdown-toggle {
	display: none;
}
.sp-bottom-bar {
	position: fixed;
	bottom: 0;
	height: 32px;
	width: 100vw;
	background: #54514a;
	z-index: 9999;
	display: flex;
	border-top: 1px solid rgba(0,0,0,0.3);
}
.sp-bottom-bar-cv, .sp-bottom-bar-tel {
	color: #fff;
	font-weight: bold;
	display: block;
	text-align: center;
	width: 45%;
	line-height: 32px;
}
.sp-bottom-bar-cv {
	color: #fff;
	border-left: 1px solid rgba(255,255,255,0.5);
}
.sp-bottom-bar-tel {
	color: #fff;
}
.sp-bottom-bar-share {
	width: 10%;
	color: #fff;
	display: block;
	text-align: center;
	line-height: 32px;
	border-left: 1px solid rgba(255,255,255,0.5);
}
#share .modal-dialog {
	margin: 0 auto;
	bottom: 32px;
	width: 100%;
	position: absolute;
}
#share .modal-content {
	border-radius: 0;
	border: none;
}
#share.modal.fade .modal-dialog {
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	transition: transform .3s ease-out, -webkit-transform .3s ease-out;
	-webkit-transform: translate(0, 25%);
	transform: translate(0, 25%);
}
#share.modal.show .modal-dialog {
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
}

@media (min-width:992px) {
.top-bar .dropdown-toggle {
	display: block;
}
.top-bar .dropdown-menu {
	display: none;
}
.top-bar .dropdown-toggle::after {
	display: none;
}
.top-bar .dropdown-menu.show {
	display: flex;
}
.top-bar .dropdown-menu .nav-link {
	white-space: nowrap;
}
.top-bar .dropdown-menu {
	border: 1px solid rgba(62, 61, 55, 0.2);
	padding: .5rem;
}
.sp-bottom-bar {
	display: none;
}
}
.dropdown.show .fa-plus:before {
	content: "\f068";
}
#submenu {
	position: absolute;
	top: 0;
	right: 140px;
	z-index: 10000;
}
#submenu ul li {
	float: left;
}
#submenu ul li a {
	display: block;
	padding: 0 0.5em;
	color: inherit;
}
#breadcrumb {
	margin-top: 76px;
	background: #f8f8f6;
	padding-left: 15px;
	font-size: 0.8rem;
}
#breadcrumb ul li {
	float: left;
	padding: 0.5em;
}
#breadcrumb ul li {
	color: #111;
}
#breadcrumb ul li a {
	color: #444;
}
#breadcrumb ul li:after {
	content: "/";
	padding-left: 1em;
}
#breadcrumb ul li:last-child:after {
	content: "";
}
#breadcrumb ul:after {
	content: "";
	display: table;
	clear: both;
}
#keyv-box {
	height: 62vh;
	width: 100vw;
}
#keyv {
	background-image: url(../img/wellnest_main_2--.jpg);
	background-size: cover;
	background-position: center bottom;
	height: 88vh;
	min-height: 500px;
	width: 100vw;
	z-index: -99;
}

@media (max-width:991px) {
#keyv {
	background-position: 30% bottom;
}
}
#keyv.before {
	opacity: 0.7;
	transform: scale(1.05);
}
#keyv.after {
	opacity: 1;
	transform: scale(1);
	transition: 13s;
}
#keyv.after.end {
	transition: none;
}
#section1 {
	position: relative;
	z-index: 10;
}
#keyv-slide {
	height: 82vh;
	min-height: 500px;
	width: 100vw;
	z-index: -99;
	overflow: hidden;
}
#keyv-slide img {
	width: 100%;
	height: 82vh;
	object-fit: cover;
}
#wellv {
	background-image: url(../img/keyv.jpg);
	background-size: cover;
	background-position: center bottom;
	height: 84vh;
	min-height: 500px;
	width: 100vw;
	z-index: -99;
}
/* 191203_LP用のメインビジュアルで使用 */
#lpv {
	background-image: url(https://wellnesthome.jp/wp/wp-content/uploads/2018/02/69fb965a896538c366e24e2d7786a3ac.jpg);
	background-size: cover;
	background-position: center bottom;
	height: 54vh;
	min-height: 500px;
	width: 100vw;
	z-index: -99;
}
.info-list li a {
	color: inherit;
	display: block;
	font-size: 0.809rem;
	float: left;
	line-height: 1.2;
	margin-right: 7em;
}
.info-list li span {
	display: block;
	position: absolute;
	bottom: 0.5em;
	right: 0;
	line-height: 1.2
}
.info-list li {
	padding: 0.5em 0;
	position: relative;
}
.info-list li:after {
	content: "";
	clear: both;
	display: table;
	width: 100%;
}
.info-list {
	border-left: 1px solid #ddd;
}
.slick-prev {
	left: -60px;
}
.slick-next {
	right: -60px;
}
.article-meta, .work-meta {
	font-weight: bold;
	color: #444;
}
.article-meta > span:after, .work-meta > span:after {
	content: "";
	display: inline-block;
	width: 0;
	height: 1.7em;
	border-left: 1px solid #666;
	margin: 0 1em;
	vertical-align: middle;
}

@media (max-width: 767px) {
.article-meta, .work-meta {
	font-size: 90%;
}
.article-meta > span:after, .work-meta > span:after {
	margin: 0 0.7em;
}
}
.article-meta > span:last-child:after, .work-meta > span:last-child:after {
	display: none;
	margin: 0 1em;
}
.article-meta > span > a {
	color: inherit;
}
.article-meta .author-icon {
	display: inline-block;
	vertical-align: middle;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	border: 1px solid #ddd;
	margin-right: 0.5em;
	object-fit: cover;
}
.author-box .author-icon {
	display: block;
	margin: 0 auto;
	width: 62%;
	height: auto;
	border-radius: 50%;
	border: 1px solid #ddd;
	object-fit: cover;
}
.author-box {
	border: 1px solid #ddd;
	padding: 30px;
}
#toc_container ul.toc_list {
	padding: 0 15px 15px;
}
#toc_container .toc_list li a {
	color: #444;
}
#toc_container .toc_list li a:hover {
	color: #111;
	text-decoration: none;
}
.toc_number {
	font-family: 'Lato', sans-serif;
	margin-right: 0.5em;
}
.article-main > p {
	margin-bottom: 2.4em;
}
.article-main h3 {
	padding: 1em 0;
	margin-top: 3.6em;
	font-size: 1.618rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	text-align: center;
	line-height: 1.4;
	clear: both;
}
.article-main h3:after {
	content: "";
	display: block;
	width: 38%;
	margin: 15px auto;
	border-bottom: 2px solid #222;
	padding-top: 15px;
}
.article-main h4 {
	padding: 0.66em 0 0.66em 1em;
	font-size: 1.309rem;
	font-weight: bold;
	letter-spacing: 0.08em;
	line-height: 1.4;
	border-left: 0.2em solid #666;
	color: #333;
	margin-bottom: 1em;
}
.article-main h5 {
	font-weight: bold;
}
.article-main > p+h4 {
	margin-top: 3em;
}
.article-main > img {
	width: 100%;
	max-width: 100%;
	margin: 0 auto;
	padding-bottom: 1em;
}
.article-main .linkcard img {
	width: auto;
	margin: 0;
	padding: 0;
}
.article-main .blog-card-thumbnail img {
	width: auto;
	margin: 0;
	padding: 0;
}
.article-main ul, .article-main ol {
	padding-left: 1.5em;
	padding-bottom: 1.5em;
}
.article-main ul li {
	list-style-type: disc;
	padding-bottom: 1em;
}
.article-main ol li {
	list-style-type: decimal;
	padding-bottom: 1em;
}
.article-main ul li, .article-main ol li, .article-main table th, .article-main table td {
	line-height: 1.4;
}
.article-main table tr.b th {
	font-weight: bold;
}
.comment {
	border-left: 1px solid #666;
	padding-left: 1.5em;
	color: #333;
	position: relative;
	padding-bottom: 1em;
	padding-top: 1em;
}
.comment:after {
	content: "“";
	font-size: 60px;
	line-height: 1;
	font-family: serif;
	position: absolute;
	display: block;
	left: 0;
	top: -0.2em;
}
.archive-box {
	position: relative;
}
.archive-box a, .sidebar-item > a {
	color: inherit;
	text-decoration: none;
}
.archive-box a:hover, .sidebar-item > a:hover {
	opacity: 0.85;
}
.archive-title {
	font-size: 1.309rem;
	font-weight: bold;
	line-height: 1.4;
	padding: 0.5em 0;
}
.btn-pedia {
	width: 100%;
	padding: 1em 0.5em;
	text-align: center;
	font-weight: bold;
	color: #fff;
	background: #555;
	display: block;
	margin: 30px 0;
	text-decoration: none;
}
.btn-pedia:hover, .btn-pedia:focus {
	background: #666;
	color: #fff;
	text-decoration: none;
}

@media (max-width:767px) {
#contents .archive-title {
	font-size: 1rem;
	line-height: 1.2;
	padding: 0;
}
#contents .archive-text, #contents .archive-title {
	margin-left: -15px;
}
}
.related-title {
	border-bottom: 1px solid #ddd;
	padding-bottom: 0.5em;
	color: #666;
}
.archive-box .archive-title {
	/* max-height: 3.4em; */
	overflow: hidden;
}
.blog-card-title a {
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1.4;
	color: inherit;
	display: block;
}
.blog-card-excerpt {
	font-size: 0.809rem;
	line-height: 1.7;
	letter-spacing: 0.05em;
	text-align: justify;
	padding-top: 0.6em;
}
.archive-box .archive-text {
	font-size: 0.809rem;
	line-height: 1.36;
	letter-spacing: 0.05em;
	text-align: justify;
	padding-top: 0.45em;
	margin-bottom: 0;
}
.archive-box .archive-date {
	float: right;
}
.blog-card-date {
	font-size: 0.809rem;
}
.archive-box img {
	width: 100%;
	height: 150px;
	object-fit: cover;
}
article.col.col-md-6.item {
	float: left;
	margin-bottom: 30px;
}
.archive-box {
	margin-bottom: 30px;
}
.bg-section {
	overflow: hidden;
	height: 67vw;
}

@media (min-width:992px) {
.archive-box img {
	height: 246px;
}
.archive-box {
	margin-bottom: 45px;
}
article.col.col-md-6.item {
	height: 427.5px;
	margin-bottom: 15px;
}
#mcTagMap .holdleft, #sc_mcTagMap .holdleft {
	width: 31% !important;
}
#bridge1 {
	margin-top: -200px
}
#bridge2 {
	margin-top: -300px
}
.bg-section {
	height: 600px;
}
.title-info {
	text-align: right;
}
.link-more {
	margin-top: 0.5em;
}
}
#archive-slide .slick-list {
	margin: 0 -8px 0 -7px;
}
#archive-slide article {
	margin: 15px 8px 15px 7px;
	background: #fff;
}
#archive-slide img {
	width: 100%;
	height: 140px;
	object-fit: cover;
}
#archive-slide .archive-box {
	padding: 0;
}
#archive-slide .archive-title {
	font-size: 0.809rem;
	padding: 0.5em 0.7em 0;
	max-height: none;
}
#archive-slide .archive-box .archive-date {
	padding-right: 0.7em;
	color: #666;
	font-size: 0.7rem;
	padding-bottom: 0.5em;
}
.sidebar-item {
	position: relative;
	margin-top: 15px;
}
.sidebar-item img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.archive-box .article-tab, .sidebar-item .article-tab {
	font-size: 0.7rem;
	font-weight: bold;
	letter-spacing: 0.1em;
	display: inline-block;
	color: #fff;
	font-family: 'Lato', sans-serif;
	padding: 0 0.8em;
	position: absolute;
	top: -2px;
	left: -1px;
	text-transform: uppercase;
	z-index: 2;
}
.sidebar-item .archive-title {
	font-size: 1.1rem;
	line-height: 1.3;
}
.keyword-list-header {
	padding-left: 10px;
	border-left: 5px solid #abaaa5;
}
.keyword-list li {
	display: inline-block;
	margin: 0 5px 5px 0;
}
.keyword-list li a {
	display: block;
	background: #f3f2ed;
	color: inherit;
	padding: 0.2em 0.6em;
	font-size: 0.809rem;
}
.tab-works {
	background: #a78759;
}
.tab-calture {
	background: #35c9b8;
}
.tab-special {
	background: #222;
}
.tab-ranking {
	background: #111;
	font-size: 1.309rem;
	font-family: 'Lato', sans-serif;
	width: 36px;
	padding: 0;
	text-align: center;
	line-height: 36px;
}
.archive-box .tab-event {
	background: #5896a6;
	font-size: 1.62rem;
	padding: 0 0.6em;
	text-align: center;
	line-height: 44px;
	letter-spacing: 0.05em;
	z-index: 1;
}
.tab-sustainable {
	background: #6ca658;
}
.tab-economical {
	background: #a69f58;
}
.tab-wellness {
	background: #a66758;
}
.tab-comfortable {
	background: #5896a6;
}
.tab-pickup {
	background: #2f2f2f;
}
.tab-30 {
	background: #a78759;
}
.tab-21 {
	background: #35c9b8;
}
.tab-25 {
	background: #b1ca34;
}
.tab-29 {
	background: #6ca658;
}
.tab-28 {
	background: #a69f58;
}
.tab-27 {
	background: #a66758;
}
.tab-26 {
	background: #5896a6;
}
.tab-8 {
	background: #ca9f34;
}
.tab-9 {
	background: #a65872;
}
.tab-10 {
	background: #8258a6;
}
.tab-11 {
	background: #586ba6;
}
.tab-12 {
	background: #58a67b;
}
.tab-13 {
	background: #73a658;
}
.tab-14 {
	background: #a66358;
}
.tab-15 {
	background: #34a5ca;
}
.tab-16 {
	background: #ca3434;
}
.tab-17 {
	background: #a6589f;
}
.tab-18 {
	background: #63a658;
}
.tab-19 {
	background: #a5a658;
}
.tab-537 {
	background: #4895D9;
}
.category ul, .category-list {
	margin-top: 15px;
}
.category ul li, .category-list li {
	border-top: 1px solid #e3e2dd
}
.category ul li:last-child, .category-list li:last-child {
	border-bottom: 1px solid #e3e2dd;
}
.category ul li a, .category-list li a {
	color: inherit;
	padding: 0.3em 0.2em;
	display: block;
	font-size: 0.809em;
	font-weight: bold;
}
.ielab-cloud {
	line-height: 1.2;
	letter-spacing: 0;
	margin-top: 15px;
}
.ielab-cloud a {
	vertical-align: middle;
	color: #666;
	padding: 0.1em;
}
.ielab-cloud a:hover {
	color: #111;
}
.wpp-list li {
	margin: 15px 0;
	position: relative;
	display: block;
}
.wpp-list li a {
	color: inherit;
}
.wpp-list li .archive-title {
	font-size: 0.809rem;
	display: block;
	margin-left: 85px;
}
.wpp-list li a img {
	width: 75px;
	height: auto;
	float: left;
}
.wpp-list li:before {
	content: "1";
	display: block;
	position: absolute;
	top: -1px;
	left: -1px;
	background: #222;
	color: #fff;
	font-family: 'Lato', sans-serif;
	line-height: 21px;
	width: 21px;
	text-align: center;
	font-size: 13px;
}
.wpp-list li:nth-child(2):before {
	content: "2";
}
.wpp-list li:nth-child(3):before {
	content: "3";
}
.wpp-list li:nth-child(4):before {
	content: "4";
}
.wpp-list li:nth-child(5):before {
	content: "5";
}
.wpp-list li:after {
	content: "";
	clear: both;
	display: table;
	width: 100%;
}
.menu-item-1394 a, .menu-item-1395 a, .menu-item-1393 a {
	display: block;
	padding: 1.2em 1.5em;
	background: #ddd;
	margin-bottom: 0.5em;
	line-height: 1.2;
	letter-spacing: 0.04em;
	font-size: 0.9em;
	color: #f8f8f8;
	font-weight: bold;
	border-radius: 4px;
}
.menu-item-1394 a:hover, .menu-item-1395 a:hover, .menu-item-1393 a:hover {
	text-decoration: none;
	opacity: 0.85;
}
.menu-item-1394 a {
	background: #39a935;
}
.menu-item-1395 a {
	background: #348ba8;
}
.menu-item-1393 a {
	background: #a87c34;
}
.of-hidden {
	overflow: hidden;
}
#maincopy {
	top: -0.5em;
	line-height: 1;
	z-index: 2;
}
.maincopy {
	top: 240px;
	right: 10%;
	line-height: 1.8;
	z-index: 2;
	width: 33vw;
}

@media (max-width:991px) {
.maincopy {
	width: 80vw;
	top: 80px;
}
}
.maincopy > span {
	background: #f7f8f3;
	padding: 0 0.33em;
}
.comment-box {
	transform: skewX(-11deg);
}
.bg-type-s, .bg-type-t, .bg-type-c {
	background-size: cover;
	background-position: center center;
	transition: 0.5s;
}
.bg-type-s {
	background-image: url(../img/slide01.jpg);
}
.bg-type-t {
	background-image: url(../img/slide02.jpg);
}
.bg-type-c {
	background-image: url(../img/img1.jpg);
}
.plan-div {
	position: relative;
}
.bg-texture {
	position: relative;
}
.bg-texture:after {
	background-image: url(../img/texture.jpg);
	background-size: cover;
	background-position: center center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
	opacity: 0.8;
}
.bg-black {
	position: relative;
}
.bg-black:before {
	background: #111;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.93;
}
.bg-black:after {
	background-image: url(../img/slide01.jpg);
	background-size: cover;
	background-position: center center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
.labo-title {
	border-left: 1px solid #111;
	padding-bottom: 22px;
}
.bg {
	position: relative;
}
.bg-green {
	position: relative;
}
.bg-green:before {
	background: #e1f5e1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.9;
}
.bg-green:after {
	background-image: url(../img/slide01.jpg);
	background-size: cover;
	background-position: center center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
.bg-yellow {
	position: relative;
}
.bg-yellow:before {
	background: #f5f2e1;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.9;
}
.bg-yellow:after {
	background-image: url(../img/slide03.jpg);
	background-size: cover;
	background-position: center center;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
.bg-kaiteki {
	position: relative;
}
.bg-kaiteki:before {
	background: url(../img/kaiteki.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.8;
}
.bg-nagamochi:before {
	background: url(../img/nagamochi.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	opacity: 0.5;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}
.bg-utsukushi {
	position: relative;
}
.bg-utsukushi:before {
	background: #eee;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.5;
}
.bg-utsukushi:after {
	background-image: url(../img/utsukushi.jpg);
	background-size: 70% auto;
	background-position: left 20%;
	background-repeat: no-repeat;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -2;
}
.bg-kazoku {
	position: relative;
}
.bg-kazoku:before {
	background: url(../img/kazoku.jpg);
	background-size: cover;
	background-position: center top;
	background-repeat: no-repeat;
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: -1;
	opacity: 0.5;
}
.bg-light {
	background: #eee;
}
.bg-gray {
	background: #ddd;
}
.bg-dc {
	background-color: #e3e2dd;
}
.bg-lc {
	background-color: #f3f2ed;
}
.bg-lc2 {
	background-color: #f8f8f6;
}
.bg-gray-over {
	position: relative;
}
.bg-gray-over:before {
}
.bg-comfortable {
	background-image: url(../img/comfortable.jpg);
	background-position: center center;
	background-size: cover;
}
.bg-wellness {
	background-image: url(../img/wellness.jpg);
	background-position: center center;
	background-size: cover;
}
.bg-sustainable {
	background-image: url(../img/nagamochi.jpg);
	background-position: center center;
	background-size: cover;
}
.bg-economical {
	background-image: url(../img/economical.jpg);
	background-position: center center;
	background-size: cover;
}
.bg-beautility {
	background-image: url(../img/beautility.jpg);
	background-position: center center;
	background-size: cover;
}
.bg-family {
	background-image: url(../img/kazoku.jpg);
	background-position: center center;
	background-size: cover;
}
.marker {
	position: relative;
}
.marker:before {
	content: "";
	display: inline-block;
	border-bottom: 0.4em solid rgba(255,241,113,0.84);
	position: absolute;
	bottom: 0;
	width: 100%;
	z-index: -1;
}
.page-intro-text {
	padding-bottom: 200px;
}

@media (max-width: 991px) {
.page-intro-text {
	padding-bottom: 60px;
	margin-top: 250px;
}
.bg-wellness, .bg-sustainable, .bg-economical, .bg-beautility, .bg-family {
	height: 56vw;
	margin-top: 237px;
	position: absolute;
}
}
.underbar-b {
	border-bottom: 5px solid #3e3d37;
}
.checkpoint-nav > li {
	margin: 0 10px;
}
.checkpoint-nav > li > a {
	border-radius: 0;
	color: inherit;
}
.title-yoiie {
	border: 2px solid #333;
	padding: 1em 0.8em;
	margin-top: -90px;
}
.title-yoiie2 {
	border: 2px solid #333;
	padding: 1.7em 0.8em;
	margin-top: -30px;
}
.title-yoiie3 {
	border: 2px solid #333;
	padding: 1.2em 1.2em;
	margin-top: -30px;
}
.list-hash li {
	float: left;
	margin-right: 1.6em;
	font-weight: bold;
	color: #666;
}
.list-hash li a {
	color: inherit;
}
.title-seinou {
	padding: 2em 0.8em;
	margin-top: -30px;
	font-weight: bold;
}
.title-check {
	border: 3px solid #333;
	padding: 1.2em 1.2em;
}
.ml-45 {
	margin-left: -45px;
}
#top-title {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	font-size: 0.8rem;
	letter-spacing: 0.03em;
	padding: 0 15px;
	height: 20px;
	line-height: 20px;
	font-size: 11px;
	color: #333;
	z-index: 10000;
}

@media (min-width:992px) {
#top-title {
	padding: 0 33px;
}
}
.navbar.top-bar {
	border-radius: 0;
	padding: 0;
	z-index: 16;
}
.navbar-toggler {
	border: none;
	margin: 0;
	color: #111;
	position: absolute;
	right: 0;
	top: 27px;
	transition: .3s;
}
/* 下記はSPログインアイコン用 */
.navbar-toggler-right2 {
    border: none;
    margin: 0;
    color: #111;
    position: absolute;
    right: 45px;
    top: 27px;
    transition: .3s;
}
.sps--blw .navbar-toggler {
	top: 7px;
}
.navbar-nav.ml-auto {
	float: right;
}
.navbar-nav>li>a {
	line-height: 30px;
}
.navbar-static-top.navbar {
	border-top: 2px solid #54514a
}

@media (max-width:991px) {
.navbar-nav {
	width: 100%;
	text-align: center;
	background: #fff;
}
}
.sps {
	padding: 1em .5em;
	position: fixed;
	top: 0;
	left: 0;
	transition: all 0.25s ease;
	width: 100%;
}
.sps--abv {
	background-color: rgba(255,255,255,.7);
	color: #777;
	padding-top: 20px!important;
}
.sps--blw {
	background-color: #fff;
	color: #777;
	padding-top: 0!important;
}
.txtL{
	text-align: left;
	}
.navbar-brand img {
	height: 22px;
}
.top-bar a.navbar-brand {
	padding: 15px 5px;
	line-height: 22px;
	height: auto;
}
.sps--blw.top-bar a.navbar-brand {
	color: #000;
}
.top-bar .nav-link {
	color: #555;
	font-weight: bold;
	padding: 12px 18px!important;
}
.nav-link:hover {
	opacity: 0.8;
}
.footer .nav-link {
	color: #555;
	font-weight: bold;
	font-size: 90%;
	padding: .3rem 1rem;
}
.top-bar .contact-btn .nav-link:hover {
	opacity: 1;
}
.text-lifestyle {
	padding: 20px 0;
}
.text-tech {
	padding: 30px 15px 0 15px;
}

@media (min-width:992px) {
.img-lifestyle {
	margin-right: -30px;
}
.text-lifestyle {
	padding: 30px;
}
.img-tech {
	margin-left: -45px;
}
.text-tech {
	padding: 60px 30px 0 30px;
}
.top-bar .navbar-nav .nav-item.contact-btn {
	margin-left: 15px;
}
.navbar-nav .nav-item.contact-btn .nav-link {
	margin-top: -20px;
	transition: 0.2s;
}
.navbar-nav .nav-item.cv-btn .nav-link {
	margin-top: -20px;
	transition: 0.2s;
}
.sps--blw .navbar-nav .nav-item.contact-btn .nav-link {
	margin-top: 0;
}
.top-bar .contact-btn .nav-link {
	color: #fff;
	position: relative;
	width: 120px;
}
.top-bar .contact-btn .nav-link .fa {
	display: block;
	position: absolute;
	width: 84px;
	padding-top: 12px;
}
.top-bar .contact-btn .nav-link span {
	position: relative;
	top: 60px;
	font-size: 0.77rem;
}
.top-bar .contact-btn .nav-link:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -10px;
	height: 120px;
	width: 200px;
	border-radius: 0 0 0 15px;
	transform: skew(10deg);
	background: #54514a;
	background: -moz-linear-gradient(-45deg, #54514a 1%, #292824 100%);
	background: -webkit-linear-gradient(-45deg, #54514a 1%, #292824 100%);
	background: linear-gradient(135deg, #54514a 1%, #292824 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#54514a', endColorstr='#292824', GradientType=1);
	z-index: -1;
}
}
.text-well {
	padding-top: 90px;
	padding-bottom: 90px;
}

@media (max-width:991px) {
.top-bar .contact-btn {
	display: none;
}
.bg-well:before {
	background-size: 100%;
}
.text-well {
	padding-top: 65%;
	padding-bottom: 90px;
	font-size: 1.2rem;
}
.title-yoiie.fsxxl, .title-yoiie2.fsxxl, .title-yoiie3.fsxxl {
	font-size: 2rem;
}
.title-yoiie3 {
	margin-top: -60px;
}
.footer {
	padding-bottom: 36px;
}
}
.top-bar .cv-btn .nav-link {
	color: #fff;
	background: #111;
	position: relative;
	width: 120px;
}
.top-bar .cv-btn .nav-link .fa {
}
.top-bar .cv-btn .nav-link span {
	position: relative;
	font-size: 0.77rem;
}
.top-bar .cv-btn .nav-link:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 120px;
	background: #111;
	z-index: -1;
}
.top-bar .navbar-nav .nav-item {
	margin: 0
}
.top-bar .nav-link:hover, .top-bar .nav-item.active a {
	border-bottom: none;
	border-radius: 0;
}
.top-bar .nav-link:hover:before {
	background: #292824;
}
.Opening {
	position: relative;
	background-color: #FFF;
}
.Opening ul li {
	position: relative;
	overflow: hidden;
	width: 100%;
	text-align: center;
}
.Opening ul li img.Opening__text {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	z-index: 9;
}
.Opening ul li span {
}
.Opening ul li span img.Opening__img {
	max-width: inherit;
	width: 100%;
	height: auto;
	z-index: 1;
}
.title {
	font-family: "Lato", sans-serif;
	padding: 80px 50px 50px;
	text-align: center;
	text-transform: uppercase;
	text-rendering: optimizeLegibility;
}

@media (max-width:991px) {
.title.fs4l {
	font-size: 3rem
}
.title {
	padding: 30px 15px 60px;
	/* 200413 SPのタイトル改行で追加 */
	word-break: break-all;
}
}
.cat-title {
	font-family: "Lato", sans-serif;
	text-transform: uppercase;
}
.elegantshd {
	color: #131313;
	letter-spacing: .15em;
	text-shadow: 1px -1px 0 #767676, -1px 2px 1px #737272, -2px 4px 1px #767474, -3px 6px 1px #787777, -4px 8px 1px #7b7a7a, -5px 10px 1px #7f7d7d, -6px 12px 1px #828181, -7px 14px 1px #868585, -8px 16px 1px #8b8a89, -9px 18px 1px #8f8e8d, -10px 20px 1px #949392, -11px 22px 1px #999897, -12px 24px 1px #9e9c9c, -13px 26px 1px #a3a1a1, -14px 28px 1px #a8a6a6, -15px 30px 1px #adabab, -16px 32px 1px #b2b1b0, -17px 34px 1px #b7b6b5, -18px 36px 1px #bcbbba, -19px 38px 1px #c1bfbf, -20px 40px 1px #c6c4c4, -21px 42px 1px #cbc9c8, -22px 44px 1px #cfcdcd, -23px 46px 1px #d4d2d1, -24px 48px 1px #d8d6d5, -25px 50px 1px #dbdad9, -26px 52px 1px #dfdddc, -27px 54px 1px #e2e0df, -28px 56px 1px #e4e3e2;
}
.retroshd {
	color: #2c2c2c;
	background-color: #fff;
	letter-spacing: .05em;
	text-shadow: 4px 4px 0px #fff, 7px 7px 0px rgba(0, 0, 0, 0.2);
}
.retroshd:hover {
	text-decoration: none;
}
@keyframes filling {
from {
background-position:center 25%;
}
to {
background-position:center 50%;
}
}
button {
	margin: 0 20px 40px;
	padding: 1em 2em;
	border: none;
	box-sizing: border-box;
	display: inline-block;
	font-size: 114%;
	position: relative;
	cursor: pointer;
}
button::before, button::after {
	box-sizing: border-box;
}
.buttonM, .buttonN {
	border: 3px solid #1b71da;
	background-color: transparent;
	color: #fff;
	transition: .6s all;
	position: relative;
	overflow: hidden;
	padding: 1em 2em;
	box-sizing: border-box;
	display: inline-block;
	font-size: 114%;
	cursor: pointer;
	z-index: 2;
}
.buttonN {
	border: 3px solid #706d59;
	font-size: inherit;
}
.buttonM:hover, .buttonN:hover {
	text-decoration: none;
}
.buttonM::before, .buttonN::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #1b71da;
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s all;
	transform-origin: 50% 50%;
	z-index: -1;
}
.buttonN::before {
	background-color: #706d59;
}
.buttonM::after, .buttonN::after {
	content: '';
	display: block;
	width: 200%;
	height: 300%;
	background-color: #FFF;
	position: absolute;
	left: -220%;
	top: -120%;
	transition: 1s all;
	transform: skewX(30deg);
	transform-origin: 0 50%;
	opacity: .8;
	z-index: -1;
}
.buttonN::after {
	background-color: #FFF;
}
.buttonM:hover {
	color: #1b71da;
}
.buttonN:hover {
	color: #706d59;
}
.buttonM:hover::after, .buttonN:hover::after {
	opacity: 1;
	left: -20%;
	top: -120%;
}
.sns-box {
	position: absolute;
	top: 378px;
}
article .sns-box {
	top: 253px;
}
#sns_btn {
	position: fixed;
}
#share #sns_btn {
	position: relative;
	display: flex;
}
ul#sns_btn li a {
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
	color: #ffffff;
	display: block;
	padding: 8px 0px;
	margin: 0px;
	width: 50px;
	text-align: center;
	opacity: 0.9;
}
ul#sns_btn li a {
	padding: 10px 0px;
}
ul#sns_btn li a.twitter {
	color: #00acee;
}
ul#sns_btn li a.facebook {
	color: #3b5998;
}
ul#sns_btn li a.google_plus {
	color: #dd4b39;
}
ul#sns_btn li a.hatena {
	font-size: 17px;
	color: #2D4C86;
	position: relative;
	top: 4px;
	left: 1px;
}
ul#sns_btn li a.pocket {
	font-size: 22px;
	color: #EE4056;
}
ul#sns_btn li a.line {
	font-size: 23px;
	color: #5ae628;
}
.table-about>tbody>tr>th, .table-about>tbody>tr>td {
	padding-top: 0.7em;
	padding-bottom: 0.7em;
}
.table-about>tbody>tr>th, .table-about>tbody>tr>td, .table-about-in>tbody>tr>th, .table-about-in>tbody>tr>td {
	border-top: 5px solid #fff;
	text-align: left;
	line-height: 1.7;
}
.table-about>tbody>tr>th {
	background-color: #f3f2ed;
	white-space: normal;
	font-weight: bold;
	font-size: 90%;
	padding-right: 1em;
}
.table-about>tbody>tr>td {
	background-color: #f8f8f6;
}
.table .table-about-in {
	background-color: transparent;
}
.table .table-about-in>tbody>tr>th, .table .table-about-in>tbody>tr>td {
	border-bottom: 2px solid #f3f2ed;
	border-top: none;
}

@media (max-width:991px) {
.table .table-about-in>tbody>tr>th, .table .table-about-in>tbody>tr>td {
	display: block;
}
.table .table-about-in>tbody>tr>th {
	font-weight: bold;
	font-size: 90%;
	border-bottom: none;
}
.table-contactform7>tbody>tr>td, .table-contactform7>tbody>tr>th {
	display: block;
}
.table-contactform7>tbody>tr>td {
	border-top: 0;
}
}
#toc_container {
	margin: 0 auto;
}
.alignleft, .alignright {
	width: 49% !important;
	height: auto;
	margin-top: 1em;
	margin-bottom: 1em;
}
.alignleft {
	float: left;
	margin-right: 2%;
}
.alignright {
	float: right;
	margin-left: 2%;
}
.size-medium, .size-large, .size-full {
	max-width: 100%;
	height: auto;
}
.size-full.aligncenter, .size-large.aligncenter, .size-medium.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.img-responsive {
	width: 100%;
	max-width: 100%;
	height: auto;
	display: block;
}
.foogallery {
	padding-bottom: 30px;
}
.required-contactform7 {
	color: #b71c1c;
	font-size: 85%;
}
.technology-icon > div {
	position: relative;
	border: 1px solid #aaa;
	margin-right: -1px;
	margin-bottom: -1px;
	padding-top: 40px;
	padding-bottom: 20px;
}
.technology-icon > div:before {
	content: "";
	display: block;
	position: absolute;
	top: -1px;
	bottom: -1px;
	left: 30px;
	right: 30px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	z-index: 2
}
.technology-icon > div:after {
	content: "";
	display: block;
	position: absolute;
	top: 30px;
	bottom: 30px;
	left: -1px;
	right: -1px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	z-index: 2
}
#infscr-loading {
	width: 100%;
	text-align: center;
	padding-top: 60px;
	padding-bottom: 60px;
}
.tab__select {
	margin: 10px auto;
	padding: 0 !important;
	display: flex;
	align-items: center;
	width: 50%;
}
.tab__select li {
	border: 1px solid #3e3d37;
	list-style-type: none !important;
	color: #3e3d37;
	width: 50%;
	padding: 6px 5px;
}
.tab__select li.active {
	background: #3e3d37;
}
.tab__select li:nth-of-type(1) {
	border-radius: 6px 0 0 6px;
	border-right-color: transparent;
	text-align: center
}
.tab__select li:nth-of-type(2) {
	border-radius: 0 6px 6px 0;
	border-left-color: #3e3d37;
	text-align: center
}
.tab__select li a {
	text-decoration: none;
	color: #3e3d37;
	display: block;
}
.tab__select li.active a {
	color: #fff;
}
#mcTagMap .tagindex h4, #sc_mcTagMap .tagindex h4 {
	border-bottom: none !important;
	padding: 0.33em 0 0.33em 1em !important;
	margin: 0 0 1em 0 !important;
}
#mcTagMap li a {
	color: inherit;
}
#mcTagMap li a >span {
	color: #666;
}
.blog-card {
	margin-bottom: 15px;
}
.blockquote {
	padding-left: 1em;
	border-left: 2px solid #666;
	font-size: 0.8rem;
	line-height: 1.4;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	color: #444;
}
/*kanazawa追加*/
/*#answer .VideoWrapper iframe{width:100%;}*/
.VideoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.VideoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#single-answer {
	margin-left: 20px;
}
/*タグクラウドのデザイン*/
.tagcloud a {
	font-size: 0.809rem !important; /* 文字のサイズ */
	line-height: 1em;
	background: #eee; /* 背景色 */
	color: #333; /* 文字色 */
	display: inline-block;
	white-space: nowrap;
	padding: 8px 8px; /* 文字周りの余白 */
	margin-top: 3px; /* タグ同士の余白 */
/*  border-radius: 4px; /* 角を少し丸く */ 	text-decoration: none;
}
.tagcloud a:hover {
	background: #999999; /* マウスホバー時の背景色 */
	color: #fff; /* マウスホバー時の文字色*/
}
.tagcloud a:before {
	content: "#"; /* 絵文字のコード */
}
.tagcloud, .searchform {
	padding-top: 14px;
}
#contents .answer-tag {
	color: #565454;
	font-weight: 100;
}
.single-answer-cat a, .single-answer-tag a {
	color: #565454!important;
}
.answer-box .answer-title {
	max-height: 3.4em;
	overflow: visible;
}
@media (max-width: 767px) {
#contents .answer-tag {
	color: #565454;
	font-weight: 100;
	margin-left: 0;
}
.answer-box .answer-cat {
	margin-left: 0;
	margin-bottom: 10px;
}
#answer-ttl a{
		margin-left: 0;
}
.answer-box .answer-title {
	margin-left: 0!important;
}
.VideoWrapper {
	margin-right: 0;
}
#single-answer {
	margin-left: 0;
}
.answer-box img {
	width: 100%;
	height:inherit;
	object-fit:none
}
/* work 施工事例の県を表示させる */
.bg-tag{
	margin: 5px 5px 5px -15px;
	padding: 5px;
	font-size: 13px;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	background: #009241;
}

}

/* ※PC,tabサイズ */
@media (min-width:768px) {
	/* work 施工事例の県を表示させる */
.bg-tag{
	margin: 5px 5px 5px 0;
	padding: 5px;
	font-size: 13px;
	line-height: 100%;
	color: #fff;
	font-weight: bold;
	display: inline-block;
	background: #009241;
}
/* テキストの変更 */
tr.swpm-registration-username-row label::after {
    content: "（ログイン時に利用）";
}
/* tr.swpm-registration-firstname-row label::after {
    content: "（任意）";
} */
/* tr.swpm-registration-lastname-row label::after {
    content:  "（任意）";
} */
tr.swpm-registration-membership-level-row{
	display: none;
}
}
/* 会員ページ 登録フォーム */
.swpm-validate-form table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
}
.swpm-validate-form tbody tr td:first-child {
    background-color: #f3f2ed;
    white-space: nowrap;
    font-weight: bold;
    font-size: 90%;
    padding-right: 1em;
}
.swpm-validate-form tbody tr td {
    background-color: #f8f8f6;
    padding-top: 0.7em;
    padding-bottom: 0.7em;
    border-top: 5px solid #fff;
    text-align: left;
	line-height: 1.7;
	padding: .75rem;
    vertical-align: top;
}
.swpm-validate-form tbody input {
    display: block;
    width: 100%;
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
input.swpm-registration-submit{
	padding: .5rem 1rem;
    font-size: 1.25rem;
    line-height: 1.5;
	border-radius: .3rem;
	color: #fff;
    background-color: #28a745;
    border-color: #28a745;
}
input.swpm-registration-submit:hover {
    color: #fff;
    background-color: #218838;
    border-color: #1e7e34;
}
/* 姓・名の順番変更 */
.swpm-validate-form tbody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column; }

	.swpm-validate-form tbody tr:nth-child(5) {
		-webkit-box-ordinal-group: 7;
		-webkit-order: 6;
		-ms-flex-order: 6;
		order: 6; }

.swpm-validate-form tbody tr:nth-child(6) {
		-webkit-box-ordinal-group: 6;
		-webkit-order: 5;
		-ms-flex-order: 5;
		order: 5; }
  .swpm-validate-form tbody tr td:first-child {
	width: 40%; }
/* テキストの変更 */
/* tr.swpm-registration-username-row label::after {
    content: "（ログイン時に利用）";
}
tr.swpm-registration-firstname-row label::after {
    content: "（任意）";
}
tr.swpm-registration-lastname-row label::after {
    content:  "（任意）";
} */
/* ここまで */
/* ログイン画面 */
.swpm-login-form-inner {
	text-align: center;
	background: #f8f8f6;
	padding: 1rem 0;
}
input.swpm-text-field.swpm-username-field,
input.swpm-text-field.swpm-password-field {
    padding: .375rem .75rem;
    line-height: 1.5;
    color: #495057;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
}
/* デフォルトテキストの変更 */
.swpm-username-label::before {
    content: "ご登録されたユーザー名 or E-mailアドレス";
}
.swpm-username-label label.swpm-label {
    display: none;
}
.swpm-login-form-pw-reset-link::before {
    font-size: 16px;
    content: "パスワードをお忘れの方へ";
}
.swpm-login-form-pw-reset-link {
    font-size: 0;
}

/* ここまで */
/* 会員登録LPページ */
.buttonL {
    border: 3px solid #FF8D19;
    background-color: transparent;
    color: #111;
    transition: .6s all;
    position: relative;
    overflow: hidden;
    padding: 1em 2em;
    box-sizing: border-box;
    display: inline-block;
    font-size: 114%;
    cursor: pointer;
    z-index: 2;
}
.buttonL:hover {
    text-decoration: none;
}
.buttonL::before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-color: #FF8D19;
    position: absolute;
    left: 0;
    top: 0;
    transition: .3s all;
    transform-origin: 50% 50%;
    z-index: -1;
}
.buttonL::after {
    content: '';
    display: block;
    width: 200%;
    height: 300%;
    background-color: #FFF;
    position: absolute;
    left: -220%;
    top: -120%;
    transition: 1s all;
    transform: skewX(30deg);
    transform-origin: 0 50%;
    opacity: .8;
    z-index: -1;
}
.buttonL:hover::after {
    opacity: 1;
    left: -20%;
    top: -120%;
}
/* ここまで */
.tag:after{
	content:",";
	margin-right:.25em;
}
div .tag:first-child:after{
	content:'';
}
/* TOPページの3バナー */
.topbana-box {
    margin: 15px;
}
/* achievement 画像にタグを乗せる */
.tag,
.tag-link{
	display:inline-block;
	padding-left:.5em;
	padding-right:.5em;
}
.tag:link, .tag:visited, .tag:hover, .tag:active{
	background:rgba(32,97,160,0.8);
	color:#FFF;
}
.tag:before,
.tag-link:before{
	content:"#";
}
.tag:after{
	content:'';
}

/* 物件実績と画像タグのサムネイル用 */
.archive-box > .thumbnail{
	position: relative;
}
.thumb-over-tags{
	position: absolute;
	bottom:0;
	right:0;
	display:flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: flex-start;
	text-align:right;
	max-width:50%;
	margin-left:15px;
	margin-right:15px;
}
.btn-zoom{
	display:block;
	width:36px;
	height:36px;
	position: absolute;
	left:10px;
	bottom:2px;
	background:rgba(255,255,255,.6);
	background-size: 32px;
	border-radius: 3px;;
	cursor: pointer;
}
.btn-zoom:before{
	content:url(../img/icon-zoom.png);
	position: absolute;
	top:2px;
	left:2px;
}

/* 物件画像タグ一覧のサムネイルタイル */
.attachment-tag-list{
	margin: 0 auto;
  background-color: #fff;
  column-count: 4;
  column-gap: 0;
}
@media(max-width:991px){
	.attachment-tag-list{
		column-count:3;
	}
}
@media(max-width:767px){
	.attachment-tag-list{
		column-count:1;
	}
}
.attachment-tag-list .item{
	position:relative;
	box-sizing: border-box;;
	padding:0;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:15px;
}
.attachment-tag-list .item img{
	width:100%;
}
.attachment-tag-list .thumb-over-tags{
	margin-right:0;
}
.attachment-tag-list .thumb-over-tags .tag{
	font-size:.7rem;
}

.tag-cloud-link{
	color: #212529;
	background-color: #f8f9fa;
	border-color: #f8f9fa;
	display: inline-block;
	font-weight: 400;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	border: 1px solid transparent;
	padding: .375rem .75rem;
	line-height: 1.5;
	border-radius: .25rem;
	transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.tag-cloud-link:before{
	content:'#';
}

/* 施工事例、物件実績のタイトル下ナビ */
.nav-work{
	display:flex;
	justify-content: center;
	align-items: center;
	padding-top:0.5em;
	margin-top:-1.5em;
	margin-bottom:2em;
}
.nav-work li{
	margin-left:0.5em;
	margin-right:0.5em;
}
.nav-work li:hover{
	border-bottom:1px solid #212529;
}
.nav-work li.active{
	border-bottom:1px solid #212529;
}
.nav-work a:link,
.nav-work a:visited,
.nav-work a:hover,
.nav-work a:active{
	color:black;
	text-decoration: none;
}

.list-unstyled li{
	list-style-type:none !important;
	padding-left:0;
}
/* モデルハウスページで使用 */
.bg-concept {
	background: #ff6e00;
}
	.border-dot-concept {
	border: 2px dashed #ff6e00;
}
.balloon {
	position: relative;
	margin: 20px 0 40px;
	text-align: center;
}
.balloon::before {
	content: "";
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	bottom: -25px;
	border-top: 15px solid #ff6e00;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
.style-concept {
	padding: 15px 100px;
}
/* 親要素を関係なくの横幅フル */
.full-width {
	width: 100vw;
	position: relative;
	left: 50%;
	right: 50%;
	margin-left: -50vw;
	margin-right: -50vw;
}
/* 固定ページ .article-main ul, .article-main ol のpd打ち消し */
.pd0{
    padding-left: 0 !important;
    padding-bottom: 0 !important;
}
/* SDGsページで使用 */
.tbl-sdgs {
	margin: 20px auto;
	line-height: 1.75;
	width: 100%;
	background: #E7F0F3;
}
.tbl-sdgs tr:nth-child(odd) th,.tbl-sdgs tr:nth-child(odd) td{
	background: #CDE0E4;
}
.tbl-sdgs th {
	border: solid 1px #ccc;
	padding: 10px;
	height: 80px;
	text-align: center;
}
.tbl-sdgs td {
	border: solid 1px #ccc;
	padding: 10px;
	height: 80px;
}

.textwidget{
	display: none;
}

@media screen and (max-width: 640px) {
    .tbl-sdgs {
		line-height: 1.75;
		background: #fff;
	}
	.tbl-sdgs th,.tbl-sdgs td{
		height: auto;
	}
	.tbl-sdgs tr:nth-child(odd) .blog-card-thumbnail{
		background: none;
	}
	.tbl-sdgs tr:nth-child(odd) td{
		background: #fff;
	}
	.last td:last-child {
		border-bottom: solid 1px #ccc;
		width: 100%;
	}
	.tbl-sdgs {
		max-width: 100%;
	}
	.tbl-sdgs th{
		text-align: center;
		background: #CDE0E4;
	}
	.tbl-sdgs th,
	.tbl-sdgs td {
		border-bottom: none;
		display: block;
		width: 100%;
	}
	}
	/* footerに電話番号追加で使用 */
	.txt-block{
		display: block;
	}
	@media screen and (min-width: 768px) {
	.bd-phonearea{
		padding: 20px 10px;
		border-right: 1px solid;
	}
	.bd-phonearea:last-child{
		border-right: none;
	}
	.bd-phonehead {
		border-top: 1px solid;
		margin-top: 60px;
		padding-top: 60px;
	}
	.pc-none{
		display: none;
	}
}
	@media screen and (max-width: 768px) {
	.bd-phonearea {
	border-bottom: 1px solid;
	padding-bottom: 36px;
	}
	.bd-phonearea:last-child {
	border-bottom: none;
	}
	.bd-phonehead {
	border-top: 1px solid;
	padding-top: 60px;
	}
	/* footer部の電話ボタン */
	.buttonTel {
	border: 3px solid #17AA77;
	background-color: transparent;
	color: #fff;
	transition: .6s all;
	position: relative;
	overflow: hidden;
	padding: 1em 2em;
	box-sizing: border-box;
	display: inline-block;
	font-size: 114%;
	cursor: pointer;
	z-index: 2;
	}
	.buttonTel:hover {
	text-decoration: none;
	}
	.buttonTel::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-color: #17AA77;
	position: absolute;
	left: 0;
	top: 0;
	transition: .3s all;
	transform-origin: 50% 50%;
	z-index: -1;
	}
	.buttonTel::after {
	content: '';
	display: block;
	width: 200%;
	height: 300%;
	background-color: #FFF;
	position: absolute;
	left: -220%;
	top: -120%;
	transition: 1s all;
	transform: skewX(30deg);
	transform-origin: 0 50%;
	opacity: .8;
	z-index: -1;
	}
	.buttonTel:hover {
	color: #17AA77;
	}
	.buttonTel:hover::after {
	opacity: 1;
	left: -20%;
	top: -120%;
	}
	}