@charset "UTF-8";
/*
Theme Name: 株式会社鳥取クリエイティブ研究所
*/
@font-face {
	font-family: 'Yu Gothic';
	src: local("Yu Gothic Medium");
	font-weight: 100;
}

@font-face {
	font-family: 'Yu Gothic';
	src: local("Yu Gothic Medium");
	font-weight: 200;
}

@font-face {
	font-family: 'Yu Gothic';
	src: local("Yu Gothic Medium");
	font-weight: 300;
}

@font-face {
	font-family: 'Yu Gothic';
	src: local("Yu Gothic Medium");
	font-weight: 400;
}

@font-face {
	font-family: 'Yu Gothic';
	src: local("Yu Gothic Bold");
	font-weight: bold;
}

/* @font-face {
	font-family: 'BebasNeue';
	src: url("fonts/BebasNeue-webfont.eot");
	src: url("fonts/BebasNeue-webfontd41d.eot?#iefix") format("embedded-opentype"),
			 url("fonts/BebasNeue-webfont.woff2") format("woff2"),
			 url("fonts/BebasNeue-webfont.woff") format("woff"),
			 url("fonts/BebasNeue-webfont.ttf") format("truetype"),
			 url("fonts/BebasNeue-webfont.svg#bebas_neueregular") format("svg");
	font-weight: normal;
	font-style: normal;
} */

@font-face {
	font-family: 'BebasNeue';
	src: url("fonts/BebasNeue-Regular.eot");
	src: url("fonts/BebasNeue-Regular.woff2") format("woff2"),
			 url("fonts/BebasNeue-Regular.woff") format("woff"),
			 url("fonts/BebasNeue-Regular.ttf") format("truetype");
	font-weight: normal;
	font-style: normal;
}

body {
	color: #000;
	font-family: 'Yu Gothic', YuGothic, sans-serif;
}

@media (-ms-high-contrast: none) {
	body {
		font-family: Meiryo, sans-serif;
	}
}

@media (-ms-high-contrast: active) {
	body {
		font-family: Meiryo, sans-serif;
	}
}

a {
	color: #000;
}

a:hover img {
	opacity: .6;
}

hr {
	border-color: #000;
}

.container {
	max-width: 1030px;
}

.container-wrapper {
	margin-left: calc((-100vw + 100%) / 2);
	width: 100vw;
}

.deco-musthead {
	padding: 65px 0;
}

.deco-musthead .deco-dropdown .dropdown-menu {
	left: calc(50% - (115px / 2)) !important;
}

.deco-footer {
	margin: 150px 0 0;
}

.deco-footer__address {
	font-size: 11px;
	letter-spacing: .05em;
	margin: 0 0 10px;
}

.deco-footer__address-name {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: 0;
}

.deco-footer__copyright {
	display: block;
	font-size: 10px;
	letter-spacing: .05em;
}

body:not(.home) .deco-footer {
	padding: 0 0 40px;
}

body.home .deco-musthead {
	background-color: #fff;
	display: none;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 1100;
}

@media (min-width: 992px) {
	body.home .deco-musthead {
		display: none !important;
	}
}

@media (max-width: 991px) {
	.deco-musthead {
		padding: 10px 0;
	}
	.deco-musthead .deco-main-nav .dropdown-menu {
		float: none;
		left: 0 !important;
		position: static;
		width: 100%;
	}
	.deco-footer {
		margin: 50px 0 0;
	}
}

.deco-header__logo {
	padding: 30px 0 50px;
	text-align: right;
}

.deco-header__entitle {
	display: inline-block;
	font-size: 25px;
	font-family: "BebasNeue", sans-serif;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1em;
	margin: 0 0 10px;
	position: relative;
}

.deco-header__entitle::after {
	background-color: #fff;
	content: '';
	display: block;
	height: 1px;
	left: calc(100% + 8px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 15px;
}

.deco-header__entitle.deco-color-primary::after {
	background-color: #00a199;
}

.deco-header__title {
	font-size: 26px;
	font-weight: 700;
	letter-spacing: .1em;
}

.deco-header__nav .deco-link-list li {
	border-right: 1px solid #000;
	font-size: 14px;
	line-height: 15px;
	letter-spacing: .1em;
}

.deco-header__nav .deco-link-list li:first-child {
	border-left: 1px solid #000;
}

.deco-header__nav .deco-link-list li a {
	color: #000;
	display: inline-block;
	min-width: 158px;
}

/* .deco-header__nav .deco-link-list li a span.deco-color-primary { */
.deco-header__nav .deco-link-list li a span {
	display: inline;
}

.deco-header__nav .deco-link-list li a:hover span, .deco-header__nav .deco-link-list li a:hover {
	text-decoration: none;
}

.deco-header__nav .deco-link-list li a span + span {
	display: none;
}

.deco-header__nav .deco-link-list li a:hover span:not(.deco-color-primary):first-child {
	display: none;
}

.deco-header__nav .deco-link-list li a:hover span + span {
	display: inline;
}

.deco-body {
	font-size: 14px;
	line-height: 28px;
	letter-spacing: .05em;
}

.deco-body img {
	max-width: 100%;
	height: auto;
}

.deco-body p {
	margin-bottom: 28px;
}

.deco-body dl {
	font-size: 11px;
	line-height: 15px;
}

.deco-body dt {
	font-weight: 400;
	letter-spacing: .075em;
}

.deco-body dd {
	margin-bottom: 5px;
}

.deco-link-list {
	list-style: none;
	margin: 0;
	padding: 0;
}

.deco-link-list--category li {
	font-size: 14px;
	letter-spacing: .1em;
}

.deco-link-list--category li + li {
	margin-top: 10px;
}

.deco-link-list--category li a {
	color: inherit;
}

.deco-link-list--archive li {
	font-size: 14px;
	letter-spacing: .05em;
}

.deco-link-list--archive li + li {
	margin-top: 10px;
}

.deco-link-list--archive li a {
	color: inherit;
}

.deco-section {
	margin: 0 0 100px;
	position: relative;
}

.deco-section__body {
	margin: 0 0 120px;
}

.deco-heading-lg {
	font-size: 20px;
	font-weight: 700;
	letter-spacing: .1em;
	margin: 0 0 20px;
}

.deco-heading-md {
	font-size: 17px;
	margin: 0 0 25px;
	letter-spacing: .1em;
}

.deco-heading-sm {
	font-size: 12px;
	font-weight: 700;
	letter-spacing: .01em;
	margin: 0 0 10px;
}

.deco-skip-link {
	background-color: #fff;
	font-size: 1.125rem;
	padding: 1.5rem;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 100;
}

.deco-skip-link:focus {
	right: auto;
}

.deco-card-list {
	margin: 0 0 80px;
	overflow: hidden;
}

.deco-card-list__title {
	color: #00a199;
	display: inline-block;
	font-size: 20px;
	font-weight: bold;
	letter-spacing: .1em;
	margin: 0 0 15px;
	padding: 0 15px 0 0;
	position: relative;
}

.deco-card-list__title::after {
	background-color: currentColor;
	content: '';
	display: block;
	height: 1px;
	left: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	width: 100vw;
}

.deco-card {
	margin: 0 0 50px;
	position: relative;
}

.deco-card__title {
	font-size: 18px;
	font-weight: 700;
	line-height: 25px;
	letter-spacing: .1em;
	margin: 0 0 15px;
	min-height: 30px;
}

.deco-card:hover .deco-card__link {
	color: #000;
	text-decoration: none;
}

.deco-card:hover .deco-card__img {
	opacity: .6;
}

.deco-card__link::after {
	bottom: 0;
	content: '';
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}

.deco-card__date {
	font-size: 12px;
	letter-spacing: .1em;
	margin: 0 0 5px;
}

.deco-card__text {
	font-size: 14px;
	line-height: 23px;
	letter-spacing: .05em;
}

.deco-card__text p {
	margin: 0;
}

.deco-card__img {
	margin: 0 0 25px;
}

.deco-entry__header {
	margin: 0 0 40px;
}

.deco-entry__date {
	font-size: 12px;
	margin: 0 0 10px;
}

.deco-entry .deco-body {
	margin: 0 0 80px;
}

.deco-side-nav .deco-link-list {
	margin: 0 0 40px;
}

.deco-main-nav .nav-item,
.deco-main-nav li {
	font-size: 18px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 24px;
}

.deco-main-nav .nav-link {
	color: #000;
	font-family: "BebasNeue", sans-serif;
}

.deco-main-nav .nav-link.dropdown-toggle {
	padding-right: 30px;
}

.deco-dropdown:hover .dropdown-toggle,
.deco-dropdown .dropdown-toggle[aria-expanded="true"],
.deco-main-nav .nav-link:hover {
	text-decoration: underline;
}

.deco-dropdown .dropdown-toggle::after {
	border: none;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	height: 8px;
	margin-left: 0;
	position: absolute;
	right: 15px;
	top: 15px;
	vertical-align: baseline;
	transform: rotate(135deg);
	width: 8px;
}

.deco-dropdown:hover .dropdown-toggle::after,
.deco-dropdown .dropdown-toggle[aria-expanded="true"]::after {
	top: 19px;
	transform: rotate(-45deg);
}

@media (min-width: 992px) {
	.deco-dropdown:hover .dropdown-menu {
		display: block;
		position: absolute;
		top: 100%;
	}
}

.deco-dropdown .dropdown-menu {
	background-color: #00a199;
	border: none;
	border-radius: 3px;
	margin: 0;
	min-width: 100px;
	padding: 0;
	width: 115px;
}

.deco-dropdown .dropdown-item {
	color: #fff;
	font-size: 12px;
	font-weight: 700;
	line-height: 28px;
	letter-spacing: .1em;
	padding: 0 5px;
	text-align: center;
}

.deco-dropdown .dropdown-item:hover {
	background: none;
}

.deco-dropdown .dropdown-divider {
	border-color: #fff;
	margin: 0 5px;
}

.deco-dropdown .dropdown-item:hover .hover-hide,
.deco-dropdown .dropdown-item .hover-show {
	display: none;
}

.deco-dropdown .dropdown-item:hover .hover-show {
	display: block;
}

.deco-pagination > a + a {
	margin-left: 50px;
}

.deco-pagetop-link {
	bottom: 60px;
	position: fixed;
	right: 15px;
	z-index: 5;
}

@media (min-width: 992px) {
	.deco-header {
		min-height: 65px;
	}
	.deco-musthead .deco-main-nav .nav-item:last-child,
	.top-nav .deco-main-nav .nav-item:last-child {
		margin-right: -15px;
	}
}

@media (max-width: 991px) {
	.deco-header__nav {
		padding: 15px 0;
	}
	.deco-header__nav .deco-link-list li a {
		padding: 0 5px;
		min-width: 100px;
	}
	.deco-section {
		margin-bottom: 50px;
	}
	.deco-section__body {
		margin-bottom: 60px;
	}
	.deco-entry .deco-body {
		margin: 0 0 40px;
	}
}

body.home {
	color: #fff;
	margin: 40px;
}

.frame-x::after,
.frame-x::before {
	background-color: #fff;
	content: '';
	height: 100vh;
	position: fixed;
	top: 0;
	width: 40px;
	z-index: 5;
}

.frame-x::before {
	left: 0;
}

.frame-x::after {
	right: 0;
}

.frame-y::after,
.frame-y::before {
	background-color: #fff;
	content: '';
	height: 40px;
	position: fixed;
	left: 40px;
	width: 100%;
	z-index: 5;
}

.frame-y::before {
	top: 0;
}

.frame-y::after {
	bottom: 0;
}

.top-bg {
	height: calc(100vh - 80px);
	position: fixed;
	width: calc(100vw - 80px);
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.top-header {
	left: 70px;
	position: fixed;
	top: 50%;
	transform: translateY(-50%);
}

.top-logo {
	position: fixed;
	left: 70px;
	top: 70px;
}

.top-logo--sitename {
	display: none;
}

.top-lead {
	position: fixed;
	right: 70px;
	top: 70px;
}

.top-nav {
	position: fixed;
	right: 70px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 5;
}

.top-nav.deco-main-nav .nav-link {
	color: #fff;
}

.top-nav .deco-dropdown .dropdown-toggle::after {
	border-color: #fff;
}

.top-nav .deco-dropdown .dropdown-menu {
	left: calc(50% - (115px / 2)) !important;
}

body.home .deco-footer {
	bottom: 70px;
	position: fixed;
	left: 70px;
}

.top-side-nav {
	display: none;
	position: fixed;
	right: calc(50% + 20px);
	top: 50%;
	transform: translateY(-50%);
}

.top-side-nav.deco-main-nav .nav-link {
	color: #fff;
	padding-right: 0;
	padding-left: 0;
}

.top-side-nav .dot {
	background-color: #fff;
	border-radius: 100%;
	display: inline-block;
	height: 7px;
	width: 7px;
	vertical-align: middle;
}

.top-side-nav .nav-link:not(.is-active) .nav-text,
.top-side-nav .dropdown-toggle:not(.is-active)::after {
	display: none;
}

.top-side-nav .nav-link:not(.is-active):hover .nav-text {
	display: block;
}

.top-side-nav .nav-link:hover .dot,
.top-side-nav .nav-link.is-active .dot {
	display: none;
}

.top-side-nav .deco-dropdown .dropdown-toggle {
	text-align: right;
}

.top-side-nav .deco-dropdown .dropdown-toggle.is-active {
	padding-right: 15px;
}

.top-side-nav .deco-dropdown .dropdown-toggle.is-active::after {
	border-color: #fff;
	right: 0;
}

.top-side-nav .dropdown-menu {
	position: relative !important;
	transform: none !important;
}

.top-news {
	bottom: 70px;
	max-width: 320px;
	position: fixed;
	right: 70px;
	width: 100%;
	z-index: 5;
}

.top-news__heading {
	font-family: "BebasNeue", sans-serif;
	font-size: 15px;
	font-weight: 700;
}

.deco-newsline-list li + li {
	margin-top: 5px;
}

.deco-newsline {
	color: #fff;
	display: block;
	max-width: 320px;
}

.deco-newsline__date {
	font-size: 11px;
	letter-spacing: .1em;
}

.deco-newsline__detail {
	font-size: 12px;
	margin: 0;
}

.deco-newsline:hover .deco-newsline__date,
.deco-newsline:hover {
	color: #fff;
	text-decoration: none;
}

.deco-newsline:hover .deco-newsline__detail {
	color: #fff;
	text-decoration: underline;
}

.deco-newslist__item {
	color: #fff;
}

.deco-newslist__item:hover {
	color: #fff;
	text-decoration: none;
}

.deco-newslist__item:hover .deco-newslist__detail {
	text-decoration: underline;
}

.deco-newslist__date {
	font-size: 11px;
	line-height: 20px;
	letter-spacing: .1em;
}

.deco-newslist__detail {
	font-size: 16px;
	font-weight: 700;
	line-height: 20px;
	letter-spacing: .1em;
}

.deco-newslist li + li {
	margin-top: 20px;
}

.top-body {
	margin: 0 0 0 50%;
	overflow: hidden;
	padding: 0;
	position: relative;
	width: 50%;
}

.top-body__bg {
	height: 50vh;
}

.top-body__bg::before {
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.6);
	content: '';
	position: absolute;
	right: -100%;
	top: 0;
	width: 100%;
	transition: .5s .3s;
}

.top-body__bg.is-active::before {
	right: 0;
}

.top-body .deco-body > .deco-section {
	min-height: calc(100vh - 80px);
}

.top-body .deco-body > .deco-section--home {
	min-height: 0;
	height: 50vh;
}

.top-body .deco-body {
	max-width: 430px;
	margin: 0 auto;
}

.top-body a {
	color: #fff !important;
}

.top-body .deco-header {
	margin: 0 0 60px;
}

.top-body .deco-section {
	padding-top: 40px;
}

.top-body .deco-section:last-child {
	margin-bottom: 0;
}

.deco-section--service .deco-heading-md {
	border: 2px solid currentColor;
	display: inline-block;
	line-height: 30px;
	text-align: center;
	text-indent: .1em;
	width: 150px;
}

.wow {
	visibility: hidden;
}

.deco-scroll-link {
	bottom: 60px;
	display: block;
	position: fixed;
	right: 60px;
	display: none;
}

.deco-scroll-link[href="#about"] {
	bottom: 100px;
	left: 50%;
	right: auto;
	/* transform: translateX(-50%); */
	margin-left: -17.5px;
	height: 70px;
}

/* .deco-scroll-link[href="#about"] img {
	animation-name: hvr-hang;
	animation-duration: 1.5s;
	animation-delay: .3s;
	animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-fill-mode: forwards;
	animation-direction: alternate;
} */

.deco-scroll-link[href="#about"]::after {
	content: '';
	/* top: calc(100% + 5px); */
	top: 30px;
	border-right: 1px solid #fff;
	animation: scroll 2.5s ease infinite;
}

.deco-scroll-link[href="#about"]::after {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
}

@keyframes scroll{
	0%{
		height:0
	}
	50%{
		height:40px
	}
	to{
		height:40px;
		opacity:0
	}
}

.top-body .deco-section__text {
	text-align: justify;
	text-justify: inter-ideograph;
}

@keyframes hvr-hang {
	0% {
		transform: translateY(0px);
	}
	50% {
		transform: translateY(4px);
	}
	100% {
		transform: translateY(0px);
	}
}

@media (min-width: 992px) {
	.top-nav {
		margin-right: -1000px;
	}
}

/* @media (min-width: 1110px) { */
@media (min-width: 1200px) {
	body.home .deco-footer,
	.top-logo,
	.top-header {
		left: calc((100vw - 80px - 1000px) / 2);
	}
	.top-news,
	.top-nav {
		right: calc((100vw - 80px - 1000px) / 2);
	}

	.top-nav {
		margin-right: -1000px;
	}

	.top-body .deco-body {
		margin-left: 100px;
	}
}

@media(min-width: 1400px) {
	.top-lead {
		right: calc((100vw - 80px - 1140px) / 2);
	}
}

@media(max-width: 1080px) {
	.top-nav .nav-link {
		padding: .5rem;
	}
}

@media (max-width: 991px) {
	body.home {
		margin: 0;
	}
	.frame-x::after,
	.frame-x::before,
	.frame-y::after,
	.frame-y::before {
		content: none;
	}
	.top-bg {
		height: 100vh;
		width: 100vw;
	}
	.top-header {
		left: 0;
		top: 50%;
		transform: translateY(-50%);
		width: 100%;
	}
	.top-logo {
		left: 15px;
		top: 15px;
	}
	.top-lead {
		right: 15px;
		top: 15px;
	}
	.top-nav {
		display: none !important;
	}
	.top-news {
		display: none !important;
	}
	body.bg-active .deco-footer,
	body.bg-active .top-logo--sitename {
		display: none !important;
	}
	.top-body {
		margin-left: 0;
		width: 100%;
	}
	.top-side-nav {
		display: none !important;
	}
	body.home .deco-footer {
		bottom: 15px;
		left: 15px;
	}
	.deco-header__logo {
		padding: 15px 0 25px;
	}
	.top-body .deco-header {
		margin: 0 0 30px;
	}
	.top-body .deco-body {
		padding: 0 15px;
	}
	.top-body .deco-section {
		margin: 0 0 120px;
		min-height: 100vh;
	}
	.deco-scroll-link {
		bottom: 15px;
		right: 15px;
	}
	.deco-scroll-link[href="#about"] {
		left: auto;
		right: 15px;
		transform: translateX(0);
	}
}

body.page #content {
	overflow: hidden;
}

@media (min-width: 1030px) {
	.deco-section--environment-01 {
		padding: 70px 0 0;
	}
	.deco-section--environment-01::before {
		background-color: #e6eceb;
		display: block;
		content: '';
		height: 100%;
		position: absolute;
		left: 10%;
		top: 0;
		transform: skewX(-20deg);
		transform-origin: left bottom;
		width: 100vw;
		z-index: -1;
	}
}

@media (min-width: 1030px) {
	.environment-photo-01 {
		margin: 0 0 -50px -150px;
	}
}

@media (min-width: 1030px) {
	.environment-entext-01 {
		float: right;
	}
}

.environment-text-01 {
	font-size: 19px;
	line-height: 34px;
}

@media (min-width: 1030px) {
	.environment-text-01 {
		background-color: #e6eceb;
		padding: 40px 0 90px 40px;
		position: relative;
		margin-left: auto;
		max-width: 590px;
		z-index: 1;
	}
}

@media (max-width: 1029px) {
	.environment-text-01 {
		padding: 20px 0 0;
	}
}

@media (min-width: 1030px) {
	.deco-section--environment-02::before {
		background-color: rgba(0, 161, 153, 0.5);
		display: block;
		content: '';
		height: 730px;
		left: 450px;
		position: absolute;
		top: 150px;
		width: 100vw;
		z-index: -1;
	}
}

@media (min-width: 1030px) {
	.environment-photo-02 {
		float: left;
	}
}

@media (min-width: 1030px) {
	.environment-photo-03 {
		float: right;
		margin: 120px 0 120px;
	}
}

@media (max-width: 1029px) {
	.environment-photo-03 {
		margin: 60px 0 0;
	}
}

.environment-text-02 {
	font-size: 17px;
	line-height: 32px;
}

@media (min-width: 1030px) {
	.environment-text-02 {
		float: left;
		padding: 100px 0 0;
		max-width: 350px;
	}
}

@media (max-width: 1029px) {
	.environment-text-02 {
		padding: 50px 0;
	}
}

@media (min-width: 1030px) {
	.environment-photo-04 {
		float: right;
		margin: 0 -50px 0 0;
	}
}

@media (min-width: 1030px) {
	.deco-section--environment-03 {
		padding: 100px 0 50px;
	}
	.deco-section--environment-03::before {
		background-color: #e6eceb;
		display: block;
		content: '';
		height: 100%;
		position: absolute;
		right: 450px;
		top: 0;
		transform: skewX(-20deg);
		transform-origin: right bottom;
		width: 100vw;
		z-index: -1;
	}
}

.environment-text-03 {
	font-size: 17px;
	line-height: 32px;
}

@media (min-width: 1030px) {
	.environment-text-03 {
		float: right;
		max-width: 350px;
	}
}

@media (min-width: 1030px) {
	.environment-photo-05 {
		float: left;
		margin: 0 0 240px -150px;
	}
}

@media (max-width: 1029px) {
	.environment-photo-05 {
		margin: 0 0 60px;
	}
}

@media (min-width: 1030px) {
	.deco-section--safety-01 {
		padding: 70px 100px 70px 0;
	}
	.deco-section--safety-01::before {
		background-color: #e6eceb;
		display: block;
		content: '';
		height: 100%;
		left: 460px;
		position: absolute;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
}

.safety-photo-01 {
	margin: 0 0 30px;
}

@media (min-width: 1030px) {
	.safety-entext-01 {
		margin: 0 0 15px auto;
	}
}

.saftey-text-01 {
	font-size: 19px;
	line-height: 34px;
}

@media (min-width: 1030px) {
	.saftey-text-01 {
		max-width: 400px;
	}
}

@media (min-width: 1030px) {
	.deco-section--safety-02 {
		padding: 50px 0 0;
	}
}

.saftey-text-02 {
	font-size: 17px;
	line-height: 32px;
}

@media (min-width: 1030px) {
	.saftey-text-02 {
		max-width: 350px;
	}
}

@media (min-width: 1030px) {
	.deco-section--safety-03 {
		padding: 85px 0;
	}
	.deco-section--safety-03::before {
		background-color: rgba(0, 161, 153, 0.5);
		display: block;
		content: '';
		height: 100%;
		position: absolute;
		right: 450px;
		top: 0;
		width: 100vw;
		z-index: -1;
	}
}

@media (min-width: 1030px) {
	.deco-section--energy-01 {
		padding: 0 0 140px;
	}
	.deco-section--energy-01::before {
		bottom: 0;
		background-color: #e6eceb;
		content: '';
		display: block;
		height: 500px;
		left: calc((-100vw + 100%) / 2);
		position: absolute;
		width: 100vw;
		z-index: -1;
	}
}

@media (min-width: 1030px) {
	.energy-photo-01 {
		position: relative;
		right: -150px;
	}
}

.energy-text-02,
.energy-text-01 {
	font-size: 19px;
	line-height: 34px;
}

.energy-text-03 {
	font-size: 17px;
	line-height: 32px;
}

@media (min-width: 1030px) {
	.deco-section--energy-03 {
		padding: 0 0 70px;
	}
	.deco-section--energy-03::before {
		background-color: #e6eceb;
		bottom: 0;
		display: block;
		content: '';
		height: calc(100% - 100px);
		position: absolute;
		left: 150px;
		transform: skewX(-20deg);
		transform-origin: left bottom;
		width: 100vw;
		z-index: -1;
	}
}

@media (min-width: 1030px) {
	.energy-photo-04,
	.energy-photo-03 {
		float: left;
		margin-left: -150px;
	}
}

.energy-text-04 {
	font-size: 17px;
	line-height: 32px;
}

@media (min-width: 1030px) {
	.energy-text-04 {
		float: right;
		max-width: 350px;
	}
}

@media (min-width: 1030px) {
	.energy-entext-02 {
		margin: 0 0 120px;
	}
}

body.page .deco-body [class*="-text-0"] {
	text-align: justify;
	text-justify: inter-ideograph;
}

.deco-button {
	border: 1px solid #000;
	color: #000;
	display: inline-block;
	font-size: 15px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: .1em;
	min-width: 82px;
	padding: 5px 10px;
	text-align: center;
}

.deco-button:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}

.deco-button--secondary:hover {
	background-color: #e6e6e6;
	color: #000;
}

.deco-button .deco-display-sm {
	vertical-align: 2px;
}

.deco-color-primary {
	color: #00a199 !important;
}

.deco-display-lg {
	font-size: 26px;
	letter-spacing: .05em;
}

.deco-display-sm {
	font-size: 11px;
}

.deco-objectfit {
	position: relative;
}

.deco-objectfit__img,
.deco-objectfit-cover {
	object-fit: cover;
	font-family: 'object-fit: cover;';
}

.deco-objectfit-contain {
	object-fit: contain;
	font-family: 'object-fit: contain;';
}

.screen-reader-text {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	white-space: nowrap;
	width: 1px;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5rem;
}

.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5rem;
}

.aligncenter {
	clear: both;
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.deco-body .wp-block-image figcaption {
	font-size: 12px;
	text-align: center;
}

.swiper-wrapper {
	transition-timing-function: ease;
}

.top-nav .divider {
	align-self: center;
	background-color: #fff;
	height: 1px;
	width: 1000px;
}

.deco-card__img {
	position: relative;
}

.deco-card:hover .deco-card__img {
	opacity: 1;
}

.deco-card__tag {
	display: none;
}

.deco-card:hover .deco-card__tag {
	background-color: rgba(0, 161, 153, .5);
	color: #fff;
	display: flex;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: 100%;
	height: 100%;
	font-size: 15px;
	font-weight: 700;
	letter-spacing: .1em;
	line-height: 25px;
}

.swiper-slide:not(.swiper-slide-0).swiper-slide-active {
	transform: scale(1.1);
	transition: 1s .6s;
}

/* 20211202 add */
.banner-special {
	bottom: -5px;
	left: calc( 100% + 15px );
	position: absolute;
}

.banner-special-sp {
	display: none;
}

@media(max-width: 1199px) {
	.banner-special {
		display: none;
	}
	.banner-special-sp {
		display: inline-block;
		bottom: calc( 100% + 10px );
		left: 0;
		position: absolute;
		/* max-width: 120px; */
		max-width: 250px;
	}
}
/* @media(min-width: 1200px) and (max-width: 1500px) { */
@media(min-width: 1200px) {
	.top-news {
		/* right: 200px; */
		right: 330px;
	}
}

/* @media(max-width:991px) {
	.banner-special-sp {
		max-width: none;
	}
} */

:root .has-luminous-vivid-orange-color {
    color: #ff6900 !important;
}

a:not([href]) {
	pointer-events: none;
}