/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Dec 26 2025 | 06:17:13 */
/* varSet Styles
-------------------------------------- */

/* -- varSet -- */
:root {
	/* -- color -- */
	--cMainA: #88AF32;
	--cMainB: #3098A7;
	--cMainC: #D89427;
	--cMainD: #E2535E;
	--cMainE: #8E538E;
	--cMainAl: #BFED58;
	--cMainBl: #69DFF0;
	--cMainCl: #F5AC56;
	--cMainDl: #AF4C32;
	--cMainEl: #e285e5;

  --cLinkA: #555;
  --cLinkB: #222;

	--cSubA: #F2DD24;
	--cSubB: #B9AF2C;
	--cSubC: #B8C29E;
  --cSubD: #F7F6EF;

	--cBlkA: #2C2C2C;
	--cBlkB: #6F6F6F;
	--cWht: #FFFFFF;
	--cGryA: #F2F2F2;

	--cBdrA: #CCCCCC;

	/* -- margin padding set -- */
	--pdSec: 80px 0;
	--pdBox: 32px;

	/* -- font setting set -- */
	--fmG: 'Outfit', 'Noto Sans JP', sans-serif;
	--fmE: 'Outfit', sans-serif;
	--fmM: 'BIZ UDPMincho', serif;

	/* -- flex set -- */
	--fx: flex;
	--fgap: 36px;
	--fclm2: calc(50% - 18px);
	--fclm3: calc(33.3333% - 24px);
	--fclm4: calc(25% - 27px);

	/* -- br set -- */
	--nbr: none;
	--br: block;

  /* -- fv set -- */
  --fvW24: 240px;
  --fvW16: 160px;
  --fvW08: 80px;
  --fvW00: 0px;
}

@media screen and (max-width:900px) {
	:root {
		--fclm3: calc(50% - 18px);
		--fclm4: calc(50% - 18px);
		--nbr: block;
		--br: none;
    /* -- fv set -- */
    --fvW24: 150px;
    --fvW16: 100px;
    --fvW08: 50px;
    --fvW00: 0px;
	}
}
@media screen and (max-width:640px) {
	:root {
		--fx: block;
		--fclm2: 100%;
		--fclm3: 100%;
		--fclm4: 100%;
	}
}

/* -- a:link -- */
a {text-decoration: none;transition: all .2s cubic-bezier(0.77, 0, 0.175, 1);}
a:link    {color: var(--cLinkA);}
a:visited {color: var(--cLinkb);}
a:active  {color: var(--cLinkb);}

body {
	padding-top: 100px;
}
#globalHeader {
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	z-index: 100;
}

#globalBody .inner > .sectionBox {
	padding: 64px 48px 128px 48px;
}

body#home #globalBody .inner > .sectionBox {
	padding: 64px 0 128px 0;
}
.sectionBox article {}
.sectionBox article header {
}
.sectionBox article header h2 {
	margin-bottom: 32px;
	font: 600 32px/1.0 'Outfit', 'Noto Sans JP', sans-serif;
}
.sectionBox article header h2 em {
	display: block;
	margin-bottom: 8px;
	font: 600 16px/1.0 'Outfit', 'Noto Sans JP', sans-serif;
}
.sectionBox article header p {
	margin-bottom: 32px;
	font: 400 15px/1.8 'Outfit', 'Noto Sans JP', sans-serif;
	
}
.sectionBox article div h2:first-child,
.sectionBox article div h3:first-child {
	margin-top: 0 !important;
}

.sectionBox.fullcol {}
.sectionBox.fullcol article {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	gap: 48px;
	padding: 0 !important;
}
.sectionBox.fullcol article header {
	flex-shrink: 0;
	width: 300px;
}
.sectionBox.fullcol article > div {
	flex: 1;
}

.sectionBox.fullcol article header h2 {
    font: 700 36px / 1.3 'Outfit', 'Noto Sans JP', sans-serif;
}
.sectionBox.fullcol article header h2 em {
}
.sectionBox.fullcol article header p .char2 {
	font: 400 20px / 1.8 'Outfit', 'Noto Sans JP', sans-serif;
}
.sectionBox.fullcol article header ul {
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.sectionBox.fullcol article header ul li {}
.sectionBox.fullcol article header ul li a {
	display: block;
	padding: 8px 12px;
	background-color: #E2535E;
	color: #fff;
	font: 400 16px/1.6 'Outfit', 'Noto Sans JP', sans-serif;
}
.sectionBox.fullcol article header ul li a:hover {
	background-color: #B63E47;
	padding: 8px 82px 8px 16px;
}
.sectionBox.fullcol article > div {
	border-radius: 12px;
	border: 1px solid #ccc;
	padding: 32px;
}
.sectionBox.fullcol article > div {}
.sectionBox.fullcol article > div p.button a {
	display: block;
	padding: 8px 12px;
	background-color: #E2535E;
	color: #fff;
	font: 400 16px/1.6 'Outfit', 'Noto Sans JP', sans-serif;
}
.sectionBox.fullcol article > div p.button a:hover {
	background-color: #B63E47;
	padding: 8px 82px 8px 16px;
}
.sectionBox.fullcol article > div {}
.sectionBox.fullcol {}


@media screen and (max-width:900px) {

#categories #globalBody .inner > .sectionBox {
	padding: 48px 24px 128px 24px !important;
}
.sectionBox.fullcol article header {
	flex-shrink: 0;
	width: 100%;
}
.sectionBox.fullcol article > div {
	flex-shrink: 0;
	width: 100%;
}
	
}

/* project */
body.project {}
body.project #globalBody {
	margin-top: 64px;
}

body.project section.sectionBox {
	background: none !important;
	padding: 0 0 0 64px !important;
	margin-bottom: 128px;
}

body.project section.sectionBox#welfare {border-left: 8px solid #88AF32;}
body.project section.sectionBox#curves  {border-left: 8px solid #E2535E;}
body.project section.sectionBox#kitchen {border-left: 8px solid #D89427;}
body.project section.sectionBox#educate {border-left: 8px solid #3098A7;}
body.project section.sectionBox#office  {border-left: 8px solid #aaa;}

body.project section.sectionBox#welfare article header p .char2 {color: #88AF32;}
body.project section.sectionBox#curves  article header p .char2 {color: #E2535E;}
body.project section.sectionBox#kitchen article header p .char2 {color: #D89427;}
body.project section.sectionBox#educate article header p .char2 {color: #3098A7;}
body.project section.sectionBox#office  article header p .char2 {color: #aaa;}


body.project section.sectionBox {}
body.project section.sectionBox article {
	padding: 0 !important;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 64px;
}
body.project section.sectionBox article header {
	padding-top: 48px;
	flex-shrink: 0;
	width: 36%;
}
body.project section.sectionBox article > div {
	flex-shrink: 0;
	width: 64%;
	padding-right: 24px;
}


@media screen and (max-width:900px) {

section.tabBox {
  margin: 64px 24px;
}
section.tabBox ul {
  display: block;
}
section.tabBox ul li {
  width: 100%;
}
section.tabBox ul li a {
  margin-top: 0;
	padding: 8px !important;
	font-size: 14px;
}
section.tabBox ul li a em {
	font-size: 12px;
}
section.tabBox ul li a:hover {
  margin-top: 0;
	padding: 8px !important;
}
section.tabBox {}
	
	
	
body#categories.project #globalBody section.sectionBox {
	padding: 0px 24px 36px 24px !important;
	}
body.project section.sectionBox article {
	display: block;
}
body.project section.sectionBox article header {
	padding-top: 24px;
	width: 100%;
}
body.project section.sectionBox article > div {
	width: 100%;
}
}

body.project section.sectionBox article header h2 {
	margin-bottom: 8px;
	font: 600 36px/1.3 'Outfit', 'Noto Sans JP', sans-serif;
}
body.project section.sectionBox article header p .char2 {
	font: 500 20px/1.3 'Outfit', 'Noto Sans JP', sans-serif;
	color: #88AF32;
}

body.project section.sectionBox article header p.catch {
	font: 600 20px/1.6 'Outfit', 'Noto Sans JP', sans-serif;
}
body.project section.sectionBox article header p,
body.project section.sectionBox article header p.notice {
	font: 500 16px/1.6 'Outfit', 'Noto Sans JP', sans-serif;
}
body.project section.sectionBox article header p:last-child {
	margin-bottom: 0 !important;
}
body.project section.sectionBox article > div {
	flex: 1;
	display: flex;
	flex-wrap: wrap;
	gap: 24px 24px;
}
body.project section.sectionBox article > div figure {
	margin: 0 !important;
	flex-shrink: 0;
	width: calc(50% - 12px);
}
body.project section.sectionBox article > div figure:first-child {
	flex-shrink: 0;
	width: 100%;
}
body.project section article > div {}
body.project section article > div {}
body.project section article > div {}
body.project section article {}
body.project {}



body.project section article > div .officeBox {
  margin: 0 !important;
  width: 100%;
}
body.project section article > div .officeBox ul {
  margin: 0 !important;
  width: 100%;
}
body.project section#office {
	padding: 0 64px 0 64px !important;
}
body.project section#office article {
  align-items: flex-start;
}
body.project section#office article header {
  padding-top: 32px;
}
body.project section#office article > div {
  padding-top: 32px;
}
body.project section#office article > div .officeBox {
  margin: 0 0 32px 0 !important;
  padding: 0 !important;
}
body.project section#office article > div .officeBox h3 {
  font: 700 24px/1.0 var(--fmG);
  padding-bottom: 12px;
  border-bottom: 1px solid #ccc;
  margin: 0 !important;
}


body.project section#office article > div .officeBox div {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 16px 130px 16px 6px;
}
body.project section#office article > div .officeBox h4 {
  margin: 0 0 12px 0;
  padding: 0;
  border: none;
  font: 700 16px/1.0 var(--fmG);
}
body.project section#office article > div .officeBox h4 em {
  font: 500 12px/1.0 var(--fmG);
  border: 1px solid var(--cMainA);
	background: #fff !important;
	color: #222 ;
	display: inline-block;
	padding: 2px 8px;
	margin-left: 8px;
}
body.project section#office article > div .officeBox h4 em::before {
  display: none;
}
body.project section#office article > div .officeBox ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
	flex-direction: column;
  gap: 8px;
}
body.project section#office article > div .officeBox ul li {
  white-space: nowrap;
}
body.project section#office article > div .officeBox ul li.link a {
  position: absolute;
  z-index: 5;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 110px;
  top: 12px;
  right: 12px;
  bottom: 12px;
  background: #ccc;
  color: #fff;
  font: 400 14px/1.0 var(--fmG);
  border-radius: 8px;
}

body.project section#office article > div .officeBox.welfare h3 {color: var(--cMainA);}
body.project section#office article > div .officeBox.curves h3  {color: var(--cMainD);}
body.project section#office article > div .officeBox.kitchen h3 {color: var(--cMainC);}
body.project section#office article > div .officeBox.educate h3 {color: var(--cMainB);}

body.project section#office article > div .officeBox.welfare ul li.link a {background:var(--cMainA)}
body.project section#office article > div .officeBox.curves  ul li.link a {background:var(--cMainD)}
body.project section#office article > div .officeBox.kitchen ul li.link a {background:var(--cMainC)}
body.project section#office article > div .officeBox.educate ul li.link a {background:var(--cMainB)}

body.project section#office article > div .officeBox.welfare h4 em {border: 1px solid var(--cMainA) !important;color:  var(--cMainA) !important;}
body.project section#office article > div .officeBox.curves h4 em  {border: 1px solid var(--cMainD) !important;color:  var(--cMainD) !important;}
body.project section#office article > div .officeBox.kitchen h4 em {border: 1px solid var(--cMainC) !important;color:  var(--cMainC) !important;}
body.project section#office article > div .officeBox.educate h4 em {border: 1px solid var(--cMainB) !important;color:  var(--cMainB) !important;}



body.project section#office article > div .officeBox {}
body.project section#office article > div {}
body.project section#office article > div {}
body.project section#office article {}
body.project {}

@media screen and (max-width:900px) {
	
body.project section#office article > div {
  padding-top: 32px;
  padding-right: 0;
}
body.project section#office article > div .officeBox div {
  position: relative;
  border-bottom: 1px solid #ccc;
  padding: 16px 6px 16px 6px;
}
body.project section#office article > div .officeBox ul {
	display: block !important;
}
body.project section#office article > div .officeBox em  {
	margin-top: 8px !important;
	margin-left: 0 !important;
	display: block !important;
	width: fit-content !important;
}
body.project section#office article > div .officeBox ul li.link {
	margin-top: 8px !important;
	position: static !important;
}
body.project section#office article > div .officeBox ul li.link a {
  position: static;
  z-index: 5;
  display: block !important;
	padding: 12px !important;
  width: auto;
  top: auto;
  right: auto;
  bottom: auto;
  background: #ccc;
}
	body.project section.sectionBox article > div {
		justify-content: space-between;
		gap: 0;
		padding-right: 0 !important;
	}
body.project section.sectionBox article > div figure {
	margin: 0 !important;
	padding: 0 !important;
	width: calc(50% - 8px;);
}
}

/* -- vision -- */

@media screen and (max-width:900px) {
body#categories.vision #globalBody section.sectionBox article {
	padding: 0 !important;
}
body#categories.vision #globalBody section.sectionBox  aside {
	padding: 16px 0 !important;
}
body#categories.vision #globalBody section.sectionBox article div figure {
	padding: 8px !important;
}
body#categories.vision #globalBody section.sectionBox article div figure {
	padding: 0px !important;
}
}



/* privacypolicy */
body.privacypolicy #pageHead {display:none;}
body.privacypolicy #breadcrumbs {border-top: 3px solid #E2535E;}
body.privacypolicy #breadcrumbs .bchome{fill:#E2535E;}
body.privacypolicy #breadcrumbs article nav ul li:last-child a {color: #E2535E;}
body.privacypolicy .sectionBox article header h2 em {color: #E2535E;}
@media screen and (max-width:900px) {}




/* ------------------------------------------------------------------------------------------
	movset Styles
--------------------------------------------- */
#movset {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 100vh;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

#video-area {
  position: fixed;
  z-index: -1;
  top: 0;
  right:0;
  left:0;
  bottom:0;
  overflow: hidden;
}

#video {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  /*縦横幅指定*/
  width: 177.77777778vh;
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
}
@media screen and (max-width:800px) {
#movset {
    position: absolute;
    height: 50vh;
}
#video {
  width: 177.77777778vh;
  height: 56.25vw;
  min-height: 100%;
  min-width: 100%;
}
}
#globalHeader,
#globalFooter,
#home #globalBody {
	background: #fff;
}
#globalFooter #copyright {
	background: #EF848C !important;
}