@charset "utf-8";
/*
Template: jstork19
Theme Name: stork19_custom
Theme URI:http://open-cage.com/stork19/
Version: 1.3.0
Author: opencage
Author URI: https://open-cage.com/
*/
body {
	cursor: none;
}
#content {
	position: relative;
}
.rotate_logo {
	position: absolute;
	top: -2%;
	left: calc(100vw - 125vw);
	width: 1000px;
	height: 1000px;
	z-index: 1;
	mix-blend-mode: multiply;
}
.rotate_logo img {
	animation: rotatingLogo 20s linear infinite;
    -webkit-animation: rotatingLogo 20s linear infinite;
    transform-origin: calc(100% * 256 / 512) calc(100% *  256 / 512);
}

@keyframes rotatingLogo {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.ul__g_nav > .menu-item > a::after{
	color:#FFCD1A;
	border-bottom: 3px solid;
}
.kadomaru {
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border-radius: 40px;
	border-color: #ffffff!important;
} 
.wp-block-columns,.wp-block-stk-plugin-cbox-notitl{
	margin-bottom: 0!important;
}
.cbox{
	margin: 0 0 2em 0!important;
}
.footer-links a::before{
	color:#ffffff;
}
#cursor {
	width: 8px;
    height: 8px;
    background-color: rgba(0,0,0,0.7);
    z-index: 10001;
}
#follower {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	background-color: transparent;
	border: 2px solid;
	z-index: 10000;
	transition: .1s;
	text-align: center;
	color: rgb(69,69,69,0.5);
}
#cursor, #follower {
    border-radius: 50%;
    pointer-events: none;
    position: absolute;
    top: -120px;
    left: -120px;
}
#follower span {
	display: inline-block;
	transform: scale(0);
}
#follower.is-active {
	transform: scale(2.8);
}
#follower.is-active.is-holizontal-scroll {
	border-color: rgb(17,17,17,1);
	background-color: #171717;
}
.first_view, #custom_header_img {
	opacity: 0;
}
#custom_header_img{
    margin-top: -62px!important;
}
#custom_header_img img {
    object-fit: cover;
    width: 100%;
    height: 80%;
}
.delay_one {
	animation-delay: 0.8s;
}
.delay_two {
	/*animation-delay: 1.6s;*/
}
.delay_three {
	animation-delay: 2.4s;
}
.fadeUp {
	animation-name:fadeUpAnime;
	animation-duration: 1.6s;
	animation-fill-mode:forwards;
	opacity: 0;
}
.sharewrap__title::before{
	display:none;
}
.sharewrap__title{
	text-align: center;
}
.bc_homelink .breadcrumb__link::before{
	display:none;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

.kv_wrapper {
	position: relative;
	height: 92vh;
}
.kv_logo_parts {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.kv_copy {
	letter-spacing: 8px;
	font-weight: bold;
	margin-top: 25px;
	font-size: 20px;
}
.kv_logo_center {
	width: 70%;
	margin: 0 auto;
}
.kv_scroll_ui {
    width: 23px;
    margin: 10% auto 0;
    position: absolute;
    top: 33%;
    left: 2%;
}
.company_vision_top {
	text-align: center;
	margin-top: 60px;
	margin-bottom: 60px;
	position: relative;
	z-index: 2;
}

.top_branding_contents_wrapper {
	display: flex;
	gap: 0 60px;
	margin: 40px 0 120px;
	z-index: 4;
	position: relative;
}
.top_branding_img {
	width: 50%;	
}
.top_branding_img img {
	width: 100%;
	object-fit: contain;
}
.top_branding_contents {
	width: 50%;
}
.top_branding_description {
	font-size: 14px;
}
.top_branding_button {

}
.kv_promotion {
	position: absolute;
	top: 55%;
	right: 20px;
	transform: translateY(-50%);
	width: 220px;
}
.kv_promotion img {
	width: 100%;
	object-fit: contain;
}
.top_service {
	padding-top: 60px;
	padding-bottom: 60px;
	position: relative;
}
.service_clickarea_left {
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 5;
}
.service_clickarea_right {
	width: 10%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 5;
}
h2 {
	font-size: 24px !important;
	box-shadow: none !important;
}
.headline_animate_wrapper, .kv_animate_wrapper, .onload_animate_wrapper {
	overflow: hidden;
}
.contents_headline, .onload_headline {
	text-align: center;
	font-size: 24px;
	opacity: 0;
}
.onload_animate_wrapper {
	letter-spacing: 4px;
	margin-bottom: 20px;
}
.slideToRight {
	animation-name:slideTextX100;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	opacity: 0;
}
.slideToLeft {
	animation-name:slideTextX-100;
	animation-duration: 1s;
	animation-fill-mode:forwards;
	opacity: 0;
}

.slideToRightKv {
	animation-name:slideTextX100;
	animation-delay: 1.3s;
	animation-duration: 1.3s;
	animation-fill-mode:forwards;
	opacity: 0;
}
.slideToLeftKv {
	animation-name:slideTextX-100;
	animation-delay: 1.3s;
	animation-duration: 1.3s;
	animation-fill-mode:forwards;
	opacity: 0;
}

@keyframes slideTextX-100 {
  from {
  transform: translateX(100%);/*要素を右の枠外に移動*/
    opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}
@keyframes slideTextX100 {
  from {
  transform: translateX(-100%); /*要素を左の枠外に移動*/
        opacity: 0;
  }

  to {
  transform: translateX(0);/*要素を元の位置に移動*/
    opacity: 1;
  }
}

.commitment-slider-wrapper {
	display: flex;
	overflow-x: auto;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 30px 0px;
	justify-content: center;
	/*padding-left: 10%;*/
	z-index: 2;
}
.commitment-slider-wrapper::-webkit-scrollbar {
	display:none;
}
.commitment-slide {
	width: 205px;
	height: 320px;
	flex-shrink: 0;
	margin: 15px;
	z-index: 2;
}
.commitment-image {
	margin: 0 auto 20px;
    text-align: center;
}
.commitment-image img {
	object-fit: cover;
	height: 100px;
}
.commitment-title {
	font-size: 20px;
    padding: 5px 0;
    text-align: center;
    border-bottom: 1px dashed #707070;
    margin-bottom: 10px;
	color: #171717;
}
.commitment-subtitle {
	color: #bcbcbc;
	font-size: 12px;
	text-align: center;
}

.branding-service-wrapper {
	display: flex;
    max-width: 1180px;
    margin: 0 auto;
    gap: 1%;
	flex-wrap: wrap;
	justify-content: center;
}
.branding-service-contents-wrapper {
	position: relative;
    height: 100%;
}

.branding-service-contents-wrapper:nth-child(2) {
	margin-top: 5%;
}
.branding-service-contents-wrapper:nth-child(3) {
	margin-top: -3%;
}
.branding-service-contents-wrapper:nth-child(4) {
	margin-top: 2%;
}
.branding-service-left,
.branding-service-right,
.branding-service-left2,
.branding-service-right2 {
	max-width: 570px;
	height: 570px;
	width: 570px;
	-webkit-border-radius: 50%;
    border-radius: 50%;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
	z-index: 2;
}

.branding-service-left:before {
	content: '';
	background-image: url("images/branding-img1.jpg");
	filter: blur(3px);
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.branding-service-left2:before {
	content: '';
	background-image: url("images/branding-img3.jpg");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.branding-service-right, .branding-service-right2 {
	/*margin-top: 5%;*/
}
.branding-service-right:before {
	content: '';
	background-image: url("images/branding-img2.jpg");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.branding-service-right2:before {
	content: '';
	background-image: url("images/branding-img4.jpg");
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
}
.background-filter {
	width: 100%;
	height: 100%;
	z-index: 3;
	background: rgba(15, 110, 172, 0.7);
	position: absolute;
	top: 0;
	left: 0;
}
.background-filter-green {
	width: 100%;
	height: 100%;
	z-index: 3;
	background: rgba(91, 155, 68, 0.7);
	position: absolute;
	top: 0;
	left: 0;
}
.open-ball {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	z-index: 4;
	position: absolute;
    bottom: 15%;
    right: 10%;
	background-color: #fff;
	transition-duration: .5s;
	transform-origin: center center;
}
.open-ball-right {
	width: 24px;
	height: 24px;
	border-radius: 50%;
	z-index: 4;
	position: absolute;
    bottom: 15%;
    right: 10%;
	background-color: #fff;
	transition-duration: .5s;
	transform-origin: center center;
}
.ball_opened_wrapper {
	position: relative;
	display: none;
    width: 24px;
    height: 24px;
}
.ball_opened {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 6px;
	transform: translate(-50%, -50%);
}
.branding-service-link {
	text-decoration: none;
	display: inline-block;
}
.branding-service-link:hover .open-ball .ball_opened,
.branding-service-link:hover .open-ball-right .ball_opened {
		transform: translate(-50%, -50%) scale(0.6);
}
.branding-service-link:hover .open-ball,
.branding-service-link:hover .open-ball-right {
		-webkit-animation: changeSize .5s forwards;
}
.branding-service-link .open-ball,
.branding-service-link .open-ball-right {
		-webkit-animation: changeSizeBack .3s forwards;
}
@-moz-keyframes changeSize  /* Firefox */ {
    0% {
		background-color: #fff;
		transform: scale3D(1, 1, 1);
	}
    100% {
		background-color: #000;
		transform: scale3D(5, 5, 1);
	}
}

@-webkit-keyframes changeSize  /* Safari and Chrome */{
	0% {
		background-color: #fff;
		transform: scale3D(1, 1, 1);
	}
    100% {
		background-color: #000;
		transform: scale3D(5, 5, 1);
	}
}
@-moz-keyframes changeSizeBack  /* Firefox */ {
    0% {
		background-color: #000;
		transform: scale3D(5, 5, 1);
	}
    100% {
		background-color: #fff;
		transform: scale3D(1, 1, 1);
	}
}

@-webkit-keyframes changeSizeBack  /* Safari and Chrome */{
	0% {
		background-color: #000;
		transform: scale3D(5, 5, 1);
	}
    100% {
		background-color: #fff;
		transform: scale3D(1, 1, 1);
	}
}

.branding-service-link:hover .open-ball .ball_opened_wrapper,
.branding-service-link:hover .open-ball-right .ball_opened_wrapper {
	display: block;
}
.branding-service-contents {
	position: relative;
	z-index: 4;
	padding: 20% 15% 0;
	margin: 0 auto;
}
.branding-service-title {
	color: #fff;
	font-size: 30px;
	text-align: center;
	margin-bottom: 10px;
}
.branding-serivice-description {
	color: #fff;
	font-size: 14px;
	margin-bottom: 20px;
}
.branding-service-categories {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}
.bs-category {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color: #fff;
	text-align: center;
	padding: 3px 4%;
	font-size: 14px;
}
.bs-category2 {
	border-radius: 25px;
	-webkit-border-radius: 25px;
	background-color: #fff;
	text-align: center;
	padding: 3px 2%;
	font-size: 14px;
	color: #000;
}
.service-slider-wrapper {
	display: flex;
	overflow-x: auto;
	padding-left: 10%;
	-ms-overflow-style: none;
	scrollbar-width: none;
	margin: 30px 0px;
}
.service-slider-wrapper::-webkit-scrollbar {
	display:none;
}
.service-image img {
	object-fit: cover;
	width: 200px;
}
.service-title {
	font-size: 18px;
	padding: 3px 0;
}
.service-summary {
	font-size: 14px;
}
.service-slide {
	width: 200px;
	height: 300px;
	flex-shrink: 0;
	margin: 15px;
}

.contact-grad {
    width: 95%;
    min-height: 360px;
    background: linear-gradient(180deg, #D5F0A9, #FFE27B, #FDB4B7);
    background-size: 200% 200%;
    animation: bggradient 20s ease infinite;
    margin: 40px auto;
    color: #000;
    border-radius: 15px;
    -webkit-border-radius: 15px;
}
.top_branding {
	background-image: linear-gradient(to bottom right, #fff 45%, transparent); /*linear-gradient(135deg, #fff, #DAF5FD, #D5F0A9, #FFE27B);*/
	background-size: 100% 100%;
    animation: bggradientbrand 10s ease infinite;
	color: #000;
	padding: 60px 0 200px;
	width: 100%;
	height: 100%;
	position: relative;
}
.contact_button_wrapper {
	width: 250px;
	margin: 0 auto;
}
.contact-text {
	width: 60%;
	text-align: center;
	margin: 30px auto;
}
@keyframes bggradient {
	0% {
		background-position: 50% 0%;
	}
	50% {
		background-position: 50% 100%;
	}
	100% {
		background-position: 50% 0%;
	}
}
@keyframes bggradientbrand {
	0% {
		background-color: hsl(193.714, 90%, 92%);
	}
	33.33% {
		background-color: hsl(82.817, 70%, 80%);
	}
	50% {
		background-color: hsl(46.818, 100%, 74%);
	}
	66.66% {
		background-color: hsl(82.817, 70%, 80%);
	}
	100% {
		background-color: hsl(193.714, 90%, 92%);
	}
}
.cookie-consent {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: fixed;
	bottom: 0;
	width: 100%;
	font-size: 12px;
	color: #fff;
	background: rgba(0,0,0,.7);
	padding: 0.6em;
	box-sizing: border-box;
	z-index: 100;
	visibility: hidden;
}
.cookie-consent.is-show {
	visibility: visible;
}
.cookie-consent a {
	color: #fff !important;
}
.cookie-agree {
	color: #000;
	background: #FFCD1A;
	padding: .5em 1.5em;
	border-radius: 20px;
}
.cookie-agree:hover {
	cursor: pointer;
}
/* パッと消える */
.cc-hide1 {
	display: none;
}
/* ゆっくり消える */
.cc-hide2 {
	animation: hide 1s linear 0s;
	animation-fill-mode: forwards;
}
@keyframes hide {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		visibility: hidden;
	}
}
.top-contact-wrapper {
	margin: 0 auto;
	position: relative;
	padding: 60px 0;
}
.footer_buttons_wrapper {
	display: flex;
	color: #fff;
	padding-top: 60px;
	justify-content: center;
	gap: 0 30px;
}
.button_two_lines {
	position: relative;
	width: 300px;
	height: 74px;
}
.button_head {
	color: #000;
	background-color: #fff;
	position: absolute;
	text-align: center;
	padding: 1px 0;
	width: 80%;
	left: 50%;
	transform: translateX(-50%);
	border-radius: 25px;
	-webkit-border-radius:　25px;
	top: -10px;
	font-size: 12px;
	z-index: 1;
	cursor: pointer;
}
.bc_button, .bc_contact_button, .top_branding_button, .contact-button {
	text-align: center!important;
	border-width: 2px!important;
	border-style: solid!important;
	position: relative;
	z-index: 0!important;
	text-decoration: none!important;
	display: block!important;
}
.more_button_wrapper {
	margin: 0 auto;
	text-align: center!important;
	border-width: 2px!important;
	border-style: solid!important;
	position: relative;
	z-index: 0!important;
	text-decoration: none!important;
}
.plus_icon_wrapper {
	position: absolute;
	width: 14px;
	height: 14px;
    top: 50%;
    right: 20px;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.arrow_icon {
	position: relative;
	width: 14px;
	height: 14px;
	-webkit-transform: rotate(45deg);
    transform: rotate(45deg);
	border-top: 3px solid #000;
	border-right: 3px solid #000;
}
.plus_icon {
	position: absolute;
	width: 14px;
	height: 14px;
    top: 50%;
    right: 20px;
	-webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
#overlay{ 
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	width: 100vw;
	height: 100vh;
	display: none;
	background: rgba(0,0,0,0.6);
	z-index: 10000000;
}
.cv-spinner {
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;  
}
.spinner {
	width: 40px;
	height: 40px;
	border: 4px #ddd solid;
	border-top: 4px #2e93e6 solid;
	border-radius: 50%;
	animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
	100% { 
		transform: rotate(360deg); 
	}
}
.more_button_wrapper:hover .arrow_icon, .more_button_wrapper:hover .plus_icon {
	transition-delay: .0s;
}
.more_button_wrapper:hover .arrow_icon {
	border-top: 0px solid #fff;
	border-right: 0px solid #fff;
}
.more_button_wrapper:hover .plus_icon::after, .more_button_wrapper:hover .plus_icon::before {
    content: '';
    display: inline-block;
    position: absolute;
    right: -15px;
    top: -3px;
    width: 5px;
    height: 21px;
    background-color: #fff;
}
 .plus_icon::after, .plus_icon::before {
    content: '';
    display: none;
    position: absolute;
    width: 3px;
    height: 25px;
}
.more_button_wrapper:hover .plus_icon::after {
    transform: rotate(90deg);
}
.annotation-contact {
	text-align: center;
	font-size: 12px;
}
.privacypolicy,.wpcf7-acceptance {
	text-align: center;	
	margin: 0 auto;
    display: block;
}
.contact-button {
	width: 230px!important;
	height: 50px!important;
	padding: 10px 0!important;
	border-radius: 25px!important;
	-webkit-border-radius: 25px!important;
	position: relative!important;
	z-index: 1!important;
	display: block!important;
	overflow: hidden!important;
	transition: .3s!important;
    color: #fff!important;
	background: #000!important;
	margin: 0 auto!important;
}
.contact-button-wrapper {
	position: relative;
}
.contact-button-arrow-label {
	width: 20px;
	height: 20px;
}
.contact-button-arrow-label::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bc_contact_button {
	padding: 10px 0;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	transition: .3s;
    color: #000;
	background: transparent;
}
.blog-wrapper {
	width: 100%;
	height: 660px;
	background-image: url("images/blog-bg.jpg");
	background-repeat: no-repeat;
	background-size: 150%;
	background-position: center top;
	background-color:rgba(255,255,255,0.5);
	background-blend-mode:color;
	position: relative;
}
.blog-position-centering {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.blog-contents-wrapper {
	display: flex;
	gap: 0 30px;
	margin-top: 40px;
}
.blog-card {
	min-width: 300px;
	max-width: 300px;
}
.blog-data{
	font-size: 0.8rem;
	letter-spacing: 0.1rem;
}
.cat-name{
	font-size: 80%;
	padding: 0 0.8em;
	margin-left: 0.2rem;
	letter-spacing: 0.1rem;
	border-radius: 20px;
}
.blog-title {
	font-size: 20px;
	line-height: 1.8rem;
	padding: 0 4px 6px 4px;
}
.blog-excerpt {
	font-size: 14px;
}
.author_meta .avatar{
	border-radius: 50px;
	box-shadow: none;
}
.top_branding_button {
	padding: 10px 0;
	width: 230px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-top: 30px;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	transition: .3s;
    color: #000;
	background: transparent;
}
.more_button_wrapper {
	padding: 7px 0;
	width: 230px;
	border-radius: 25px;
	-webkit-border-radius: 25px;
	margin-top: 30px;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	transition: .3s;
    color: #000;
	background: transparent;
}
.top_branding_button::before, .bc_contact_button::before, .more_button_wrapper::before {
	content: "";
	width: 120%;
	height: 200%;
	position: absolute;
	top: -50%;
	right: 0;
	z-index: -1;
	background: #000;
	border-radius: 0 100% 100% 0;
	transform: translateX(-100%);
	transition: transform ease .3s;
}

.bc_button::before {
	content: "";
	width: 120%;
	height: 200%;
	position: absolute;
	top: -50%;
	right: 0;
	z-index: -1;
	background: #FFCD1A;
	border-radius: 0 100% 100% 0;
	transform: translateX(-100%);
	transition: transform ease .3s;
}
.button_two_lines:hover .bc_button {
	color: #171717;
	border-color: #fff;
}
.button_two_lines:hover .bc_button::after {
	border-top: 3px solid #171717;
	border-right: 3px solid #171717;
	transition-delay: .1s;
}
.top_branding_button:hover, .bc_contact_button:hover, .more_button_wrapper:hover {
	color: #fff;
	border-color: #171717;
}
.top_branding_button:hover::after {
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	transition-delay: .1s;
}
.top_branding_button:hover::before, .bc_contact_button:hover::before, .button_two_lines:hover .bc_button::before, .more_button_wrapper:hover::before {
	transform: translateX(10%);
}
.top_branding_button::after, .bc_contact_button::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.bc_button {
	padding: 15px 0;
	border-radius: 40px;
	-webkit-border-radius: 40px;
	color: #fff;
	border-color: #fff;
	cursor: pointer;
	position: relative;
	z-index: 1;
	display: block;
	overflow: hidden;
	transition: .3s;
	background: transparent;
}
.bc_button::after {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	vertical-align: middle;
	width: 14px;
	height: 14px;
	border-top: 3px solid #fff;
	border-right: 3px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.page-links-wrapper {
	display: flex;
	gap: 0 20px;
	padding: 0 15%;
	margin: 80px 0;
}
.page-banner {
	position: relative;
	overflow: hidden;
}
.page-banner:hover .page-banner-title {
	color: #fff;
	z-index: 1;
}
.page-banner-title {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	color: #fff;
	z-index: 1;
}
.page-banner-deco {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 93%;
	height: 90%;
	border: 1px solid #fff;
	z-index: 1;
}
.blog_link:hover img, .page-banner:hover img {
	transform: scale(1.1);
}
.messages_slider_wrapper {
	margin: 30px 0 120px;
	width: 100%;
	position: relative;
}
.news_slider_wrapper {
	position: relative;
}
.message_slider {
	width: 80%;
	margin: 0 auto;
}
.news_slider_component {
	position: absolute;
	width: 60%;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	margin: 0 auto;
}
.more-news {
	text-align: right;
}
.news_slider {
	text-align: center;
	padding: 10px 0;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	background: #ededed;
}
.message_slide_contents_wrapper {
	padding: 10px;
	background-color: #EAEAEA;
	border-radius: 15px;
	-webkit-border-radius: 15px;
}
.message_slide_contents {
	display: flex;
	align-items: center;
	gap: 0 60px;
	border: 1px solid #C1C1C1;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	min-height: 350px;
	padding: 50px;
}
.message_photo {
	max-width: 170px;
	flex-shrink: 0;
}
.message_photo img {
	object-fit: contain;
}
.message_text {
	font-size: 14px;
}
.message_text span {
	text-decoration: underline; /* 下線 */
	text-decoration-thickness: 0.6em; /* 線の太さ */
	text-decoration-color: rgb(245, 245, 149); /* 線の色 */
	text-underline-offset: -0.3em; /* 線の位置。テキストに重なるようにやや上部にする */
	text-decoration-skip-ink: none; /* 下線と文字列が重なる部分でも下線が省略されない（線が途切れない） */
}

.message_name {
	font-size: 14px;
	margin-top: 10px;
}

.messagePrevArrow {
	position: absolute;
	top: 50%;
	left: 5%;
    width: 10%;
    height: 50px;
    transform: translateY(-50%);
	z-index: 5;
}
.messagePrevArrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 20px;
	margin: auto;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.messageNextArrow {
	position: absolute;
	top: 50%;
	right: 5%;
    width: 10%;
    height: 50px;
    transform: translateY(-50%);
	z-index: 5;
}
.messageNextArrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 20px;
	margin: auto;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.newsPrevArrow {
    position: absolute;
    top: 50%;
    left: 0%;
    z-index: 1;
    cursor: pointer;
    width: 8%;
    height: 74px;
    transform: translateY(-50%);
}
.newsPrevArrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	left: 40px;
	margin: auto;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	-webkit-transform: rotate(225deg);
	transform: rotate(225deg);
}
.newsNextArrow {
    position: absolute;
    top: 50%;
    right: 0%;
    z-index: 1;
    cursor: pointer;
    width: 8%;
    height: 74px;
    transform: translateY(-50%);
}
.newsNextArrow::before {
	content: "";
	position: absolute;
	top: 0;
	bottom: 0;
	right: 40px;
	margin: auto;
	vertical-align: middle;
	width: 18px;
	height: 18px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.news-date {
	font-size: 12px;
}
.news_link {
	text-decoration: none;
}
.company-contents-block {
	margin-bottom:120px;
}
.page_head {
	width: 100%;
	height: 0;
	/*height: 250px;*/
	position: relative;
	margin-top: -55px;
	margin-bottom: 55px;
}
.page_head img {
	object-fit: cover;
}

.page_head_title {
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 30px;
	letter-spacing: 5px;
	color: #fff;
}
.page_company_wrapper {
	padding: 0 20%;
	position: relative;
}
.page_company_wrapper {
	margin-bottom: 0px;
}
.bg_tree {
	position: absolute;
	left: 0;
	top: 100px;
	width: 30%;
	z-index: -1;
}
.bg_tree img {
	width: 100%;
	object-fit: contain;
}
.page_company_wrapper td {
	border-top: 1px solid #000!important;
	border-bottom: 1px solid #000!important;
	padding: 20px 40px;
}
.bc_accordion {
	margin: 50px 0;
}
.accordion_wrapper {
	margin-bottom: 20px;
}
.accordion_option{
	padding: 2% 2%;
    background-color: #F4F4F4;
}
.sub_title {
	position: absolute;
	transform: translateY(-50%);
    top: 50%;
    left: 8px;
	width: 15px;
}
.sub_title img {
	margin-bottom: 0;
}
.bc_accordion_label {
	font-size: 18px;
	text-align: center;
}
.bc_accordion_main_parts {
	cursor: pointer;
	position: relative;
	background: #eaeaea;
	padding: 20px 0;
}
.ac_content {
	display: none;
	background: #eaeaea;
	text-align: center;
	padding-bottom: 40px;
	font-size: 14px;
	line-height: 2.3;
}
.ac_wrapper:not(:last-child) {
	padding-bottom: 40px;
}
.ac_title {
	text-decoration: underline;
	text-underline-offset: 5px;
}
.icon-wrap {
	position: absolute;
	right: 5px;
	top: 50%;
	transform: translatey(-50%);
	width: 38px;
	height: 38px;
}
.icon {
	position: relative;
	display: inline-block;
	width: 100%;
	height: 100%;
}
.icon:before,
.icon:after {
	position: absolute;
	content: "";
	display: block;
	transition: all 0.4s;
	background: #9d9d9d;
	left: 50%;
	top: 50%;
	width: 50%;
	height: 2px;
	transform: translate(-50%, -50%);
}

.icon:before {
	transform: translate(-50%, -50%) rotate(90deg);
}
.icon.open_ac:before {
	transform: translate(-50%, -50%) rotate(0deg);
}
.footer_sns {
	margin: 0px 0 40px;
	justify-content: center;
	display: flex;
	gap: 0 30px;
	display: none;
}
.footer_sns_button {
	height: 20px;
}
.footer_sns_button img {
	object-fit: contain;
	object-position: center;
	height: 100%;
}
.company-actions-wrapper {
	border: 1px solid #000;
	padding: 30px 60px 0px;
}
.company-action {
	margin-bottom: 30px;
}
.company-action-headline {
	font-size: 24px;
	border-bottom: 2px solid #000;
	margin-bottom: 8px;
	width: fit-content;
}
.company-action-body {}
.contact_table_wrapper {
	width: 90%;
	margin: 0 auto;
}
.contact_table_wrapper table, .contact_table_wrapper table tr td {
	border:none;
}
.contact_table_wrapper table tr td p {
	margin: 0;
}
.required {
	color: #D90647;
	font-size: 10px;
	vertical-align: bottom;
	margin-left: 3px;
}
.wpcf7-not-valid-tip{
	color: #D90647;
}
.wpcf7-not-valid{
	background-color: #ffeded !important;
}
.table-label {
	width: 20%;
}
.table-input {
	width: 80%;
}
.table-input input, .table-input textarea, .table-input select {
	width: 100%;
	border: 1px solid #919191!important;
	background-color: #F7F7F7;
}
.table-label-textarea  {
	vertical-align: top;
}
.contact-description {
	text-align: center;
	font-size: 14px;
}
.annotation_for_required {
	text-align: center;
	color: #D90647;
	font-size: 10px;
	margin: 10px 0 20px;
}
.works_filter_parts {
	margin: 0 auto 60px;
}
.works_ajax {
	display: flex;
    max-width: 1180px;
    margin: 30px auto 0;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 5% 2%;
}

.page_wrapper,
.works_page_wrapper {
	margin: 0 0 90px;
	padding: 0 5%;
}
.works_element_link {
	text-decoration: none;
}
.filter_wrapper{
	display: flex;
	margin: 0 auto;
	justify-content: center;
}
.filter_label {
	margin-right: 50px;
	position: relative;
}
.filter_label:after{
	content: "";
    display: block;
    position: relative;
    width: 32px;
    height: 1px;
    background: #000;
    transform: rotate(-45deg);
    left: 80px;
    top: -14px;
}
.filter_button {
	margin: 0 10px;
}
.filter_button:hover {
	opacity: 0.7;
}
.work_category.active {
	background: #000;
	color: #fff;
}
.works_single_title {
	font-size: 40px;
	text-align: center;
}
.works_single_company_name {
	font-size: 20px;
	text-align: center;
}
.work_list_element_wrapper {
    max-width: 365px;
	margin-bottom: 45px;
}
.work_list_element_wrapper.is-hidden {
	visibility: hidden;
	display: none;
	opacity: 0;
}
.work_list_element_wrapper:hover .work_element_image img {
	transform: scale(1.1);
}
.work_element_image {
	overflow: hidden;
	width: 365px;
	height: 265px;
	position: relative;
}
.work_element_image::before {
    content: "";
    display: block;
	padding-top: 72.6%; /*62.5*/
}
.work_element_image img {
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	width: auto!important;
	height: 265px!important;
}
.work_element_title {
    font-size: 20px;
}
.work_element_company_name {
	line-height: 1;
    font-size: 18px;
}
.work_element_category {
	margin: 15px 0 0;
}
.work_category {
	font-size: 12px;
	padding: 5px 20px;
	background-color: #EDEDED;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
.work_tag {
	font-size: 12px;
	padding: 5px 20px;
	color: #707070;
	border: 1px solid #707070;
	border-radius: 20px;
	-webkit-border-radius: 20px;
}
.works_category_tag_wrapper {
	display: flex;
	justify-content: center;
	margin-top: 25px;
	gap: 0 18px;
}
.work_single_image {
	max-width: 1180px;
	height: auto;
	margin: 30px auto 0;
	position: relative;
	overflow: hidden;
}
.work_single_image img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
} 
.work_single_image::before {
    content: "";
    display: block;
	padding-top: 46.6%; /*62.5*/
}
.work_single_contents_wrapper {
    margin: 50px auto 80px;
    max-width: 1180px;
    display: flex;
}
.work_single_detail_info_contents_wrapper {
	display: flex;
    flex-wrap: wrap;
	gap: 35px 0;
}
.work_single_detail_info_contents {
	width: 50%;
}
.detail_info_head {
	font-size: 14px;
}
.detail_info_contents {
	font-size: 18px;
}
.work_single_left_column {
	width: 18%;
	margin-right: 2%;
}
.head_of_left_column {
	font-size: 14px;
	margin-bottom: 10px;
}
.member_element {
	margin-bottom: 25px;
}
.member_el_head {
	font-size: 14px;
}
.member_el_name {
	font-size: 18px;
}
.member_el_companyname {
	font-size: 12px;
}
.work_single_right_column {
	width: 80%;
}
.work_single_detail_info {
	padding: 40px;
	background-color: #C6C6C6;
}
.contact_items {
	width: 60%;
	margin: 0 auto;
}
/* メディアクエリ */
@media screen and (max-width: 600px) {
	.cookie-consent {
		flex-direction: column;
	}
	.cookie-text {
		margin-bottom: 1em;
	}
	
}
@media screen and (min-width: 768px) and (max-width: 1284px) {
	.page_wrapper,
	.works_page_wrapper {
		padding: 0 5%;
	}
	.work_element_image {
		width: 28vw;
		height: auto;
	}
}
@media only screen and (max-width: 980px) {
	.fullwide #inner-content{
		padding:0;
	}   
}
@media screen and (max-width: 968px) {
	.filter_wrapper {
		flex-wrap: wrap;
		gap: 8px;
	}
}
/* Phase 2 contents by small PC size */
@media screen and (min-width: 1024px) and (max-width: 1191px) {
	.commitment-slide {
		width: 16%;
		height: auto;
		flex-shrink: 0;
		margin: 15px;
		z-index: 2;
	}
	.commitment-title {
		font-size: 18px;
	}
	.branding-service-left, .branding-service-right, .branding-service-left2, .branding-service-right2 {
		width: 100%;
		max-width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.branding-service-contents-wrapper {
		width: 48vw;
		max-width: 48vw;
	}
	.branding-service-contents-wrapper::before {
		content: "";
		padding-top: 100%;
		display: block;
	}
	.branding-service-contents {
		position: absolute;
		z-index: 4;
		padding: 18% 15% 0;
		margin: 0 auto;
	}
	.bs-category {
		font-size: 12px;
	}
}

@media screen and (max-width: 1023px) {
	.branding-service-contents-wrapper:nth-child(2),
	.branding-service-contents-wrapper:nth-child(3),
	.branding-service-contents-wrapper:nth-child(4) {
		margin-top: 2%;
	}
	.rotate_logo {
		position: absolute;
		top: -2%;
		left: calc(100vw - 125vw);
		width: 800px;
		height: 800px;
		z-index: 1;
		mix-blend-mode: multiply;
	}
	.commitment-slider-wrapper {
		display: flex;
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 30px 0px;
		justify-content: flex-start;
		padding-left: 5%;
		z-index: 2;
	}
}
@media screen and (max-width: 767px) {
	.works_ajax {
		flex-wrap: wrap;
		justify-content: center;
	}
	.work_single_contents_wrapper {
		flex-direction: column-reverse;
	}
	.work_single_right_column {
		width: 100%;
	}
	.work_single_left_column {
		width: 100%;
		margin-right: 0;
		margin-top: 40px;
	}
	.commitment-slider-wrapper {
		display: flex;
		overflow-x: auto;
		-ms-overflow-style: none;
		scrollbar-width: none;
		margin: 30px 0px;
		justify-content: flex-start;
		padding-left: 5%;
		z-index: 2;
	}
	.rotate_logo {
		position: absolute;
		top: -2%;
		left: calc(100vw - 125vw);
		width: 1000px;
		height: 1000px;
		z-index: 1;
		mix-blend-mode: multiply;
		display: none;
	}
	.branding-service-left, .branding-service-right, .branding-service-left2, .branding-service-right2 {
		width: 100%;
		max-width: 100%;
		height: auto;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
	}
	.branding-service-contents-wrapper {
		width: 100%;
		max-width: 100vw;
	}
	.branding-service-contents-wrapper::before {
		content: "";
		padding-top: 100%;
		display: block;
	}
	.branding-service-contents {
		position: absolute;
		z-index: 4;
		padding: unset;
		margin: 0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
   		width: 75%;
	}
	.bs-category {
		font-size: 12px;
	}
	.work_list_element_wrapper {
		max-width: 100%;
	}
	.page_wrapper,
	.works_page_wrapper {
		padding: 0 3%;
	}
	.work_element_image {
		width: 90vw;
		height: auto;
	}
	.work_element_image img {
		width: 100%!important;
		height: auto!important;
	}
	.work_element_image::before {
		content: "";
		display: block;
		padding-top: 62.6%;
	}
}
@media screen and (max-width: 586px) {
	.branding-service-contents {
		position: absolute;
		z-index: 4;
		padding: unset;
		margin: 0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 70%;
	}
	.branding-service-title {
		color: #fff;
		font-size: 22px;
		text-align: center;
		margin-bottom: 10px;
	}
	.branding-serivice-description {
		color: #fff;
		font-size: 12px;
		margin-bottom: 20px;
	}
	.bs-category {
		font-size: 10px;
	}
}
@media screen and (max-width: 490px) {
	.branding-service-contents {
		position: absolute;
		z-index: 4;
		padding: unset;
		margin: 0 auto;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
	}
	.branding-service-title {
		color: #fff;
		font-size: 20px;
		text-align: center;
		margin-bottom: 10px;
	}
	.branding-serivice-description {
		color: #fff;
		font-size: 10px;
		margin-bottom: 20px;
	}
	.branding-serivice-description {
		color: #fff;
		font-size: 10px;
		margin-bottom: 20px;
	}
	.bs-category {
		font-size: 10px;
		padding: 3px 2%;
	}
	.branding-service-categories {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		justify-content: center;
	}
	.top_branding {
		color: #000;
		padding: 60px 3%!important;
	}
	.open-ball, .open-ball-right {
		bottom: 13%;
	}
}
/* Tablet */
@media screen and (min-width: 768px) and (max-width: 1023px) {
	#cursor {
		width: 8px;
		height: 8px;
		background-color: rgba(0,0,0,0.7);
		z-index: 10001;
		display: none;
	}
	#follower {
		display: none;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		background-color: rgba(100, 172, 100, 0.4);
		z-index: 10000;
		transition: .1s;
		text-align: center;
	}
	.page_head {
		width: 100%;
		height: auto;
		position: relative;
		margin-top: -55px;
		margin-bottom: 55px;
	}
	.page_head_title {
		position: absolute;
		top: 65%;
		left: 50%;
		transform: translate(-50%, -50%);
		font-size: 30px;
		letter-spacing: 5px;
		color: #fff;
	}
	.page_wrapper, .page_company_wrapper {
		/*padding: 0 10%;*/
		position: relative;
	}
	.page_head img {
		object-fit: cover;
		height: 200px;
	}
	.contact-text {
		width: 80%;
		margin: 30px auto;
	}
	.top_branding_contents_wrapper {
		display: flex;
		gap: 60px 0;
		margin: 40px 0 40px;
		flex-direction: column;
		color: #000;
	}
	.top_branding_contents, .top_branding_img {
		width: 90%;
		margin: 0 5%;
	}
	.top_branding_button{
		margin: 30px auto;
	}
	.blog-wrapper {
		width: 100%;
		height: 700px;
		background-image: url("images/blog-bg.jpg");
		background-repeat: no-repeat;
		background-size: auto 200%;
		background-position: center top;
		background-color:rgba(255,255,255,0.5);
		background-blend-mode:color;
		position: relative;
	}
	.blog-card {
		min-width: unset;
		max-width: 300px;
	}
	.blog-position-centering {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 90%;
	}
	.kv_promotion {
		position: absolute;
		top: 49%;
		right: 20px;
		transform: translateY(-50%);
		width: 150px;
	}
	.news_slider_component {
		position: absolute;
		width: 80%;
		bottom: 0
		left: 0;
		right: 0;
		z-index: 5;
		margin: 0 auto;
	}
	.kv_logo_center {
		width: 70%;
		margin: 0 auto;
	}
	.kv_logo_parts {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	.news_slider {
		text-align: center;
		padding: 10px 0;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		background: #ededed;
	}
	.wp-block-group.alignwide > .wp-block-group__inner-container, .wp-block-group.alignfull > .wp-block-group__inner-container{
		padding: 4% 10%;
	}
}

@media screen and (min-width: 1140px) and (max-width: 1440px) {
	.news_slider_component {
		position: absolute;
		width: 60%;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 5;
		margin: 0 auto;
	}
}
@media screen and (min-width: 1024px) and (max-width: 1139px) {
	.news_slider_component {
		position: absolute;
		width: 60%;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 5;
		margin: 0 auto;
	}
	.kv_scroll_ui {
		width: 23px;
		margin: 5% auto 0;
	}
}
/* SP */
@media screen and (max-width: 767px) {
	#cursor {
		width: 8px;
		height: 8px;
		background-color: rgba(0,0,0,0.7);
		z-index: 10001;
		display: none;
	}
	#follower {
		display: none;
		justify-content: center;
		align-items: center;
		width: 40px;
		height: 40px;
		background-color: rgba(100, 172, 100, 0.4);
		z-index: 10000;
		transition: .1s;
		text-align: center;
	}
	.kv_scroll_ui {
		width: 23px;
		margin: 5% auto 0;
		display: none;
	}
	.footer_buttons_wrapper {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		gap: 20px 0;
		margin-bottom: 20px;
	}
	.page_company_wrapper td {
		border-top: 1px solid #000!important;
		border-bottom: 1px solid #000!important;
		padding: 20px;
	}
	.bc_table_head {
		white-space: nowrap;   
		text-align: center;
	}
	.kv_logo_parts {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		width: 80%;
		text-align: center;
	}
	.kv_logo_center {
		width: 50%;
		margin: 0 auto;
	}
	.contact-text {
		width: 80%;
		margin: 30px auto;
	}
	.page-links-wrapper {
		display: flex;
		gap: 20px 0;
		padding: 0 5%;
		margin: 80px 0;
		flex-direction: column;
	}
	.service-slider-wrapper{
		padding-left: 8%;
	}
	.service-slide{
		width: 290px;
		height: 360px;
	}
	.service-image img{
		width: 290px;
	}
	.blog-contents-wrapper {
		display: flex;
		gap: 30px 0;
		margin-top: 40px;
		flex-direction: column;
		margin-left: 5%;
		margin-right: 5%;
	}
	.blog-card {
		min-width: 90%;
		max-width: unset;
		margin: 0 auto;
	}
	.pickup_content__ul {
		flex-direction: column;
	}
	li.pickup_content__li {
		width: calc(90% - 2em);
		margin: 0.8em;
		font-size: 80%;
	}
	.blog-position-centering {
		position: relative;
		top: unset;
		left: unset;
		transform: unset;
	}
	.top_branding {
		color: #000;
		padding: 60px 5%;
	}
	.top_branding_contents_wrapper {
		display: flex;
		gap: 60px 0;
		margin: 40px 0 120px;
		flex-direction: column;
	}
	.top_branding {
		background-image: linear-gradient(to bottom right, #fff 3%, transparent);
		background-size: 100% 100%;
		animation: bggradientbrand 10s ease infinite;
		color: #000;
		padding: 60px 0 200px;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.top_branding_contents, .top_branding_img {
		width: 90%;
		margin: 0 5%;
	}
	.blog-wrapper {
		width: 100%;
		height: auto;
		background-image: url(images/blog-bg.jpg);
		background-repeat: no-repeat;
		background-size: auto 200%;
		background-position: center top;
		background-color: rgba(255,255,255,0.5);
		background-blend-mode: color;
		position: relative;
    	padding: 20px 0;
	}
	.message_slide_contents_wrapper {
		height: 800px!important;	
	}
	.message_slide_contents {
		display: flex;
		align-items: center;
		gap: 40px 0;
		border: 1px solid #C1C1C1;
		border-radius: 15px;
		-webkit-border-radius: 15px;
		min-height: 780px;
		padding: 20px;
		flex-direction: column;
	}
	.messagePrevArrow::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -4px;
		margin: auto;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
		z-index: 3;
	}
	.messageNextArrow::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: -4px;
		margin: auto;
		vertical-align: middle;
		width: 18px;
		height: 18px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.page_head {
		width: 100%;
		height: 0;
		position: relative;
		margin-top: 0;
		margin-bottom: 0;
	}
	#content {
    	padding: 0%;
	}
	.page_wrapper, .page_company_wrapper {
		/*padding: 0 5%;*/
		padding:0;
		position: relative;
	}
	.page_company_wrapper {
		margin-bottom: 120px;
	}
	.bg_tree {
		position: absolute;
		left: 0;
		top: 150px;
		width: 60%;
		z-index: -1;
	}
	.ac_content {
		display: none;
		background: #eaeaea;
		text-align: center;
		padding-bottom: 40px;
		font-size: 14px;
		line-height: 2.3;
		padding-left: 5%;
		padding-right: 5%;
		padding-top: 25px;
	}
	.page_head img {
		object-fit: cover;
		height: 200px;
	}
	.news_slider_component {
		position: absolute;
		width: 90%;
		bottom: 0;
		left: 0;
		right: 0;
		z-index: 5;
		margin: 0 auto;
	}
	.newsPrevArrow {
		position: absolute;
		top: 50%;
		left: 0%;
		z-index: 1;
		cursor: pointer;
	}
	.newsPrevArrow::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: 8px;
		margin: auto;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		-webkit-transform: rotate(225deg);
		transform: rotate(225deg);
	}
	.newsNextArrow {
		position: absolute;
		top: 50%;
		right: 0%;
		z-index: 1;
		cursor: pointer;
	}
	.newsNextArrow::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		right: 8px;
		margin: auto;
		vertical-align: middle;
		width: 14px;
		height: 14px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.contact-description {
		text-align: center;
		font-size: 14px;
		width: 90%;
		margin: 0 auto;
	}
	.company_vision_top {
		text-align: center;
		margin-top: 60px;
		margin-bottom: 60px;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.top_branding_button {
		padding: 10px 0;
		width: 230px;
		border-radius: 25px;
		-webkit-border-radius: 25px;
		margin-top: 30px;
		position: relative;
		z-index: 1;
		display: block;
		overflow: hidden;
		transition: .3s;
		color: #000;
		background: transparent;
		margin-left: auto;
		margin-right: auto;
	}
	.contact_table_wrapper {
		width: 90%;
		margin: 0 auto;
	}
	
	.contact_items {
		width: 80%;
		margin: 0 auto;
	}
}