/* ============================================================
   Merged CSS
   Base: fwplace_202502.css (priority)
   Added/merged from: fwplace_202406.css, fwp.css, fwplace.css
   ============================================================ */

@charset "utf-8";
:root{
	--wide: 1275px;
	/*Primary*/
	--Red1:#fa000f;
	--Red2:#cc0000;
	--White:#ffffff;
	--Gray1:#f4f4f4;
	--Gray2:#d9d9d9;
	--Gray3:#b3b3b3;
	--Gray4:#737373;
	--Gray5:#4d4d4d;
	--Gray6:#222222;
	--Black:#0c0c0c;
	/*Secondary*/
	--Orange1: #fdc796;
	--Orange2: #fa6900;
	--Orange3: #c85400;
	--Yellow1: #fdec96;
	--Yellow2: #fad200;
	--Yellow3: #967e00;
	--Pink1: #fd96d4;
	--Pink2: #fa00a5;
	--Pink3: #96005a;
	--Purple1: #d096fd;
	--Purple2: #9b00fa;
	--Purple3: #540096;
	--Blue1: #96c5fd;
	--Blue2: #0064fa;
	--Blue3: #004596;
	--Teal1: #96f0fd;
	--Teal2: #00dcfa;
	--Teal3: #008496;
	--Green1: #96fdcc;
	--Green2: #00fa82;
	--Green3: #00964e;
	--Red1_20_Tint: #ffcbce;
	--Red1_40_Tint: #ff979d;
	--Red1_60_Tint: #ff636c;
	--Red1_20_Dark: #bb000b;
	--Red1_40_Dark: #7d0008;
	/*Custom*/
	--Gray4_Op:#73737399;
}
html {
	  scroll-behavior: smooth;
}
#Contents {
  padding-bottom: 0;
}
.m_tb30 {
  margin: 30px auto;
}

.m_tb60 {
  margin: 60px auto;
}

.GridSet {
  width: 100%;
}

.Grid4 .Section {
  padding: 60px 0 30px 0;
}

.Grid4 .Section .Inner {
  max-width: var(--wide);
  margin: 0 auto;
  box-sizing: border-box;
}

.Grid4 .Section img {
  max-width: 100%;
}

.Grid4 .Section h2 {
  padding: 0 0 30px 0;
  margin: 0;
  text-align: center;
}

.Grid4 .Section h2>span {
  border-bottom: 3px dotted var(--Gray2);
  padding: 10px 15px;
  margin: 0;
  color: #000;
  background-color: transparent;
  font-size: 45px;
  font-weight: normal;
  line-height: 1.3;
}

.Grid4 .Section h3 {
  background: none;
  border: none;
  padding: 0;
  margin: 0;
}
/*Floating*/
#Contents #FloatingContacts li:last-child,
#Contents #FloatingContacts li{
  width: 40%
}
.SP .WideSet.LFont #FloatingContacts h2 span {
	border: none;
	font-size: 1rem;
}
#Contents #FloatingContacts button{
  background-color: var(--Red2);
}
#Contents #FloatingContacts button:hover{
  background-color: var(--Red2);
  opacity: 0.6;
}
#Contents #FloatingContacts button:after{
  background: none;
}

.Section.sec_fv .title .txt1 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
  border: 1px solid var(--White);
  display: inline-block;
  padding: 8px 10px;
}

.Section.sec_fv .title .txt2 {
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 20px;
}

.Section.sec_fv .title .txt3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-bottom: 30px;
}

.Section.sec_fv .contact_btns {
  width: 640px;
}

.Section.sec_fv .contact_btns .btn {
  width: 300px;
}

#Contents br.pc {
  display: inline;
}

#Contents br.sp {
  display: none;
}

p.TextStyle3 {
  font-size: 76%;
  line-height: 160%;
}

div.BoxPatternC {
  background-color: #f2f2f2;
  border: none;
}

.Ver2022 #Sec00 .Inner div.BoxPatternC {
  padding: 1em;
}

.column div.BoxPatternC {
  background-color: #f9f9f9;
  border: 1px solid #f0f0f0;
  padding: 15px;
}

.Ver2022 .Section.Outer .Inner.Outer {
  padding: 1em;
}

.Ver2022 p.Contact {
  display: flex;
  align-items: center;
  justify-content: space-around;
  padding: 2em 0;
}

.Ver2022 p.Contact a:link,
.Ver2022 p.Contact a:visited {
  width: calc((100% / 2) - 1em);
  height: 4em;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  background: #06417E;
  border: 1px solid #084355;
  padding: 1em;
  border-radius: 5px;
  font-weight: bold;
  font-size: 1.2em;
  color: var(--White);
  box-sizing: border-box;
  transition: .08s ease-in;
}

.Ver2022 p.Contact a:hover {
  background: #1285a9;
}

.Ver2022 .Flex {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
}

.Ver2022 .Flex div,
.Ver2022 .Flex li {
  width: calc((100% / 2) - 1em);
  box-sizing: border-box;
}

.Ver2022 .Flex.Box {
  align-items: inherit;
  margin: 1.5em auto;
}

.Ver2022 .Flex.Box div {
  background: var(--Gray2);
  padding: 1em;
  box-sizing: border-box;
  border-radius: 5px;
  justify-content: space-around;
  display: flex;
  flex-flow: column;
  margin: 0 0 1em;
}

.Ver2022 .Flex div h3 {
  margin: 1em auto 0;
}

.Ver2022 .Flex.Box div h3 {
  margin: 0;
}

.Ver2022 .WideSet.Case #Sec00 .Flex div.Column2 {
  padding: 0;
}

.Ver2022 .WideSet.Case .Flex {
  margin: 2em auto;
  align-items: flex-start;
}

.WideSet.LFont .Ver2022 .Flex h4 {
  font-size: 1.2em;
  padding: .5em 0;
}

.Ver2022 .Flex.Three {
  align-items: flex-start;
  margin: 1em 0 2em;
}

.Ver2022 .Flex.Three li {
  width: calc((100% / 3) - 1em);
}

.WideSet.Top .Ver2022 .Flex.Three li,
.WideSet.Dataless .Ver2022 .Flex li {
  display: flex;
  align-items: center;
  font-size: 1.2em;
  flex-flow: column;
}

.WideSet.Top .Ver2022 .Flex.Three li:before,
.WideSet.Dataless .Ver2022 .Flex li:before {
  content: "";
  margin: 0 1em 0 0;
}

.WideSet.Dataless .Ver2022 .Flex li div {
  width: inherit;
}

.WideSet.Top .Ver2022 .Flex.Three li div,
.WideSet.Dataless .Ver2022 .Flex li div {
  width: 100%;
  display: flex;
  align-items: flex-end;
  flex-flow: column;
  min-height: 10em;
  justify-content: space-around;
}

.WideSet.Top .Ver2022 .Flex.Three li div h4 {
  font-size: 1em;
  font-weight: normal;
}

.WideSet.Top .Ver2022 .Flex.Three li .TextStyle1.Link,
.WideSet.Top .Ver2022 .Flex.Box .TextStyle1.Link,
.WideSet.WideSet.Dataless .Ver2022 .Flex .TextStyle1.Link {
  display: inline-block;
  clear: both;
  font-weight: bold;
  background: #fafafa;
  border-radius: 2px;
  padding: .5em 1em .5em .5em;
  border: 1px solid #ccc;
  transition: .03s ease-in;
}

.WideSet.Top .Ver2022 .Flex.Box .TextStyle1.Link {
  width: fit-content;
  margin: 0 0 0 auto;
}

.WideSet.Top .Ver2022 .Flex.Three li.Passage:before,
.WideSet.Dataless .Ver2022 .Flex li.Passage:before {
  content: url(/-/media/ind/flexworkplace/image/icon_fwp01.png);
}

.WideSet.Top .Ver2022 .Flex.Three li.Unifier:before {
  content: url(/-/media/ind/flexworkplace/image/icon_fwp02.png);
}

.WideSet.Top .Ver2022 .Flex.Three li.AppSelf:before {
  content: url(/-/media/ind/flexworkplace/image/icon_fwp03.png);
}

.WideSet.Dataless .Ver2022 .Flex li.PassageDrive:before {
  content: url(/-/media/ind/flexworkplace/image/img_passagedraive.png);
}

.Ver2022 .WideSet.Case .TextStyle1.Link a:after,
.Ver2022 .TextStyle1.Link a:after {
  margin: 0 0 0 .18em;
}

@media screen and (max-width:767px) {
  .JS .Ver2022 .Flex div {
    width: 100%;
  }
}

.WideSet .Ver2022 iframe {
  width: 100%;
}

/* 20231102追加 */
.siteMap {
  display: flex;
  align-content: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-bottom: 20px;
}

.siteMap li {
  width: 100%;
  margin: 10px 0 5px;
}

.siteMap li.sub {
  width: 49%;
  margin: 10px 0 5px;
}

.siteMap li a {
  display: block;
  background-color: #E6E6E6;
  color: #707070;
  border-radius: 10px;
  border: 3px solid #E6E6E6;
  padding: 13px 20px;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  font-size: 120%;
}

.siteMap li a:hover {
  text-decoration: none;
  background-color: #F0F0F0;
  border-color: #F0F0F0;
  color: #A6A6A6;
  transition: all .2s;
}

.siteMap li.sub a:hover {
  text-decoration: none;
  background-color: #F0F0F0;
  border-color: #F0F0F0;
  color: #A6A6A6;
  transition: all .2s;
}

.siteMap li.sub a {
  background-color: #E6E6E6;
  color: #707070;
  border-radius: 10px;
  border: 3px solid #E6E6E6;
  padding: 13px 20px;
  box-sizing: border-box;
  position: relative;
  font-weight: bold;
  font-size: 120%;
}

.siteMap ul.sub02 li.sub02 a:hover {
  color: #A6A6A6;
}

.siteMap ul.sub02 li.sub02 a {
  background-color: var(--White);
  border-radius: 10px;
  border: 3px solid var(--White);
  color: #707070;
  padding: 0px 50px;
  position: relative;
  font-weight: normal;
  font-size: 100%;
}

.siteMap li a:after {
  top: 50%;
  right: 20px;
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  margin: -5px 0 0 0;
  border-right: 3px solid #707070;
  border-bottom: 3px solid #707070;
  transform: rotate(-45deg);
  z-index: 2;
  transition: all .4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.siteMap li.sub a:after {
  border-right: 3px solid #707070;
  border-bottom: 3px solid #707070;
}

.siteMap ul.sub02 li.sub02 a:after {
  right: 40px;
  border-right: 2px solid #707070;
  border-bottom: 2px solid #707070;
}

.siteMap li a:hover:after {
  top: 50%;
  right: 18px;
  content: "";
  position: absolute;
  display: block;
  width: 8px;
  height: 8px;
  margin: -5px 0 0 0;
  border-right: 3px solid #A6A6A6;
  border-bottom: 3px solid #A6A6A6;
  transform: rotate(-45deg);
  z-index: 2;
  transition: all .4s cubic-bezier(0.34, 1.56, 0.64, 1);
}

.siteMap li.sub a:hover:after {
  border-right: 3px solid #A6A6A6;
  border-bottom: 3px solid #A6A6A6;
}

.siteMap ul.sub02 li.sub02 a:hover:after {
  right: 38px;
  border-right: 2px solid #A6A6A6;
  border-bottom: 2px solid #A6A6A6;
}

.Products .Button a {
  text-align: center;
  display: block;
  width: 10em;
  padding: 1em;
  background: linear-gradient(-30deg, #abea86, #e6ec44);
  box-sizing: border-box;
}

.Products .Button.Right a {
  margin: 0 0 0 auto;
}

/*=====================================================
Wide Set Module
=====================================================*/

.WideSet .GridSet {
  width: 100%;
  margin: 0 auto;
  /*color: #555;*/
	color: var(--Black);
}

.WideSet .Section>.Inner {
  width: var(--wide);
  margin: 0 auto;
}

.WideSet .Section>.Inner.W840 {
  padding: 0 62.5px;
  box-sizing: border-box;
}

.WideSet .Section>.Inner.W786 {
  padding: 0 89.5px 40px;
  box-sizing: border-box;
}

.WideSet .Inner.W720 {
  max-width: 720px;
  margin: 0 auto;
}

.WideSet .HorizontalInnerLinks {
  width: var(--wide);
  margin: 0 auto 15px;
}

.HorizontalInnerLinks li {
  margin-bottom: 10px;
}

.HorizontalInnerLinks li a {
  font-weight: bold;
  padding: 5px 18px 5px 15px;
  /*background-position: right 200%;*/
  transition: .5s ease-out;
}
/*
.HorizontalInnerLinks li a,
.HorizontalInnerLinks li a:link,
.HorizontalInnerLinks li a:link *,
.HorizontalInnerLinks li a:visited {
  color: var(--Gray5);
}
*/
.HorizontalInnerLinks li a:hover {
  background-position: right center;
  transition: .1s ease-in;
  text-decoration: none;
}

.WideSet.Top .PageTitleStyle3 {
  background-image: url(../image/branding_bg.png);
  background-repeat: repeat-x;
  background-position: center bottom;
  background-size: cover;
  /*	background-attachment: fixed;*/
  min-height: 440px;
  width: 100%;
  margin: 0 auto 20px;
  transition: .08s ease-in;
}

.WideSet.Top .PageTitleStyle3 span {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background: url(/-/media/ind/flexworkplace/image/dot.png);
}

.WideSet .PageTitleStyle3>div {
  /*width: 975px; /* contents width var(--wide) + shadow 10px */
  margin: 0 auto;
  padding: 30px 0 0;
  position: relative;
}

.WideSet .PageTitleStyle3>div h1 {
  /*position: absolute;*/
  z-index: 1;
}

.WideSet.Under .PageTitleStyle3>div h1 {
  border-left: 5px dotted #ccc;
  padding-left: 10px;
  position: relative;
  font-size: 180%;
  max-width: var(--wide);
  margin: auto;
}

.WideSet.LFont.Case h2 {
  font-size: 160%;
}

.WideSet.LFont .Grid4.column h2 {
  font-size: 160%;
}

/* bigger font base setting */

.WideSet.LFont h2>span {
  width: var(--wide);
  margin: 0 auto;
  /*	color: var(--White);*/
  font-weight: normal;
  text-align: center;
  background-color: transparent;
  color: #444444;
}

.WideSet.LFont.Under .ColumnHalf h2>span {
  width: 100%;
  box-sizing: border-box;
}

.WideSet.LFont h2>span a:link,
.WideSet.LFont h2>span a:hover,
.WideSet.LFont h2>span a:visited {
  color: var(--Gray5);
}

.WideSet.LFont h3 {
  font-size: 150%;
  padding: 0 0 2px 0;
  margin:  1em 0;
  color: var(--Gray5);
  background: transparent;
  border: 0 none;
}

.WideSet.LFont h3 span {
  /*	background: transparent url("../image/bg_h3_line.png") repeat-x bottom left;*/
  border-bottom: 2px dotted;
  font-size: 1.2em;
}

.WideSet.LFont h4:before {
  content: "";
  background: none;
}

.WideSet.LFont h4 {
  color: #444!important;
  margin: 0;
  font-size: 150%;
}

.WideSet.LFont .TextStyle1 {
  font-size: 100%;
  line-height: 160%;
  padding: 1em 0;
}

.WideSet.LFont .ListStyle1 li {
  font-size: 110%;
}

/* bigger font base setting > END */

.WideSet.LFont.Top .Inner.Sec00 {
  width: 600px;
  margin: auto;
}

.WideSet .Sec01>h2 {
  background-image: none;
  background-color: transparent;
}

.WideSet .Sec01>h2>span,
.WideSet .Sec01 p.CatchCopy {
  background-image: none;
  background-color: transparent;
  padding: 0;
  font-size: 130%;
  font-weight: normal;
  color: #000;
}

.WideSet.LFont h2 {
  font-size: 220%;
  line-height: 1.2;
}

h2 span,
.WideSet.LFont h2,
.WideSet.LFont.T h2>span {
  background-color: transparent;
  color: #444;
}

.WideSet.LFont h2>span {
  border-bottom: 3px dotted var(--Gray2);
  padding: 10px 15px;
  /*	margin: 0 15px;*/
}

.WideSet.LFont.Top #Sec02 .Point+h2 {
  background-color: transparent;
}

.WideSet.Top #Sec02 .Inner>h2>span {
  /*Top*/
  background-image: none;
  background-color: transparent;
  padding: 0;
  font-size: 120%;
  font-weight: normal;
  color: #9d3678;
}

.WideSet p.CatchCopy {
  /*color: var(--Gray5);*/
	color: var(--Black);
  text-align: center;
  font-size: 220%;
}

.WideSet .Inner .CatchCopy span sup {
  font-size: 44%; /*20170130*/
  vertical-align: 1em; /*20170130*/
}

.WideSet .Sec01 p.CatchCopy {
  font-size: 290%;
  color: #000;
}

.WideSet.Top .Sec01 p.CatchCopy {
  font-size: 160%;
  color: #000;
}

.WideSet .Sec01>.Inner.W786>h3 {
  font-size: 280%;
  font-weight: normal;
  text-align: center;
  color: #0d6984;
}

.WideSet .Sec01>.Inner.W786 {
  background: url("../image/bg_workstyle.png") no-repeat 100% 100%;
}

.WideSet.Top .Sec01 .ColumnHalf h2 {
  background: transparent;
  color: #444;
}

.ColumnHalf {
  box-sizing: border-box;
  /*width: 467.5px;*/
	width: calc((100% / 2) - 1em);
  min-height: 330px;
  padding-top: 40px;
  float: left;
  transition: .08s ease-in;
}

.ColumnHalf.FirstItem {
  margin-right: 15px;
}

.ColumnHalf .ImgOnlyStyle {
  max-width: 100%;
}

.ColumnHalf .ImgOnlyStyle img {
  width: 100%;
}

.WideSet.Top .Sec01 .ColumnHalf .ImgOnlyStyle {
  width: 80%;
  margin: auto;
}

.WideSet .Sec01 .ColumnSet.Additional {
  height: inherit;
  min-height: inherit;
  background: none;
}

.WideSet .Sec01 .ColumnSet.Additional>.ColumnHalf {
  height: inherit;
  min-height: inherit;
  padding-top: 20px;
  background: none;
}

.WideSet .Sec01 .Inner.Movie>.LinkListStyle1 {
  margin: 60px 0 20px;
  height: 86px;
  box-sizing: border-box;
}

.WideSet .Sec01 .Inner.Movie>.LinkListStyle1 li.Movie a:link,
.WideSet .Sec01 .Inner.Movie>.LinkListStyle1 li.Movie a:hover,
.WideSet .Sec01 .Inner.Movie>.LinkListStyle1 li.Movie a:visited {
  font-size: 130%;
  color: var(--Gray5);
  padding: 40px 20px;
  width: 648px;
  height: 86px;
  background-color: #efefef;
  background-image: none!important;
  border: 1px solid #dcdcdc;
  border-radius: 2px;
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
  transition: 0.1s ease-in;
}

.WideSet .Sec01 .Inner.Movie>.LinkListStyle1 li.Movie a:hover {
  background-color: var(--Gray5);
  border-radius: 2px;
  border: 1px solid #025f9b;
  color: var(--White);
  transition: 0.2s ease-out;
}

.WideSet .Sec01 .Inner.Movie>.TextStyle2 {
  padding: 15px 0;
  width: 648px;
}

.WideSet .ColumnHalf>.ListStyle1 {
  margin: 0 auto;
  width: 50%;
  line-height: 2;
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 {
  margin: 15px 0;
  width: 100%;
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 li {
  font-size: 160%;
  margin-bottom: 30px;
  padding-right: 1em;
  background-image: none;
  color: #000;
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 li:after {
  float: none;
  display: block;
  clear: both;
  content: "";
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 li:before {
  position: relative;
  top: 0px;
  width: 100px;
  height: auto;
  float: left;
  margin-right: 10px;
  padding-bottom: 1em;
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 li.Passage:before {
  content: url("/-/media/ind/flexworkplace/image/icon_fwp01.png");
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 li.Unifier:before {
  content: url("/-/media/ind/flexworkplace/image/icon_fwp02.png");
}

.WideSet.Top #Series .ColumnHalf .ListStyle1 li.AppSelf:before {
  content: url("/-/media/ind/flexworkplace/image/icon_fwp03.png");
}

.WideSet.Top #Sec03 .ClearFix .TextStyle1 {
  width: 46%;
  float: left;
}

.WideSet.Top #Sec03 .ClearFix .ImgRightAdjust {
  width: 50%;
  margin-left: 15px;
}

.WideSet.Top #Sec03 .ClearFix .ImgRightAdjust img {
  width: 100%;
}

.WideSet table {
  /*	margin: 25px -3px 10px -3px;*/
  margin:  0;
  border-collapse: separate;
  border-spacing: 3px;
}

.WideSet #Sec02 h3 {
  margin: 30px 0 20px 0;
}

.WideSet #Sec04 table {
  margin: 25px 0 ;
}

.WideSet table th,
.WideSet table td {
  font-size: 100%;
  border: 0 none;
}

.WideSet table th {
  text-align: center;
  background-color: var(--Gray5);
  color: var(--White);
}

.WideSet.Top table th {
  /*TopPage Passage*/
  text-align: center;
  background-color: #2791d5;
  color: var(--White);
}

.WideSet table th.wide {
  text-align: left;
  padding: 20px 15px 20px 2em;
}

.WideSet table th.wide20 {
  width: 20%;
}

.WideSet table th.wide30 {
  width: 30%;
}

.WideSet table th.wide35 {
  width: 35%;
}

.WideSet table th.wideHeight {
  padding: 20px 15px;
}

.WideSet table td.SubHeader {
  background-color: #b8def7;
}

.WideSet.Req table td {
  background: var(--White);
}

.WideSet table td[rowspan=2] {
  background-color: #efefef;
}

.WideSet table td.Price {
  text-align: right;
}

.WideSet table td ul li span {
  display: inline-block;
  width: 70px;
  font-weight: bold;
}

.WideSet table td p {
  font-size: 80%;
  padding-top: 10px;
}

.WideSet .ColumnSet.Point .Column1 {
  /*20170130*/
  padding: 0 /*15px*/;
  box-sizing: border-box;
}

.WideSet .ColumnSet .Column1 {
  /*width: 311px;*/
}

.WideSet .ColumnSet .Column1 h4 {
  display: table;
  width: 100%;
  height: 5em;
  font-size: 134%;
  box-sizing: border-box;
  border-radius: 5px;
  /*background: linear-gradient(-135deg, #77BD88, #D2D831)!important;*/
	background: var(--Gray1);
  padding: 1em .25em;
  text-align: center;
  color: #444;
}

.WideSet .Ver2022 table#PassageDrive td+td+td {
  background-color: #faffca;
}

.WideSet .Ver2022 .ColumnSet .Column1 h4 {
  /*background: #87c244!important;*/
	background: var(--Gray1);
}

.WideSet .ColumnSet .Column1 h4 span {
  display: table-cell;
  vertical-align: middle;
}

.WideSet .ColumnSet .Column1 h4:before,
.WideSet div.merit ul li h4:before,
.WideSet.UniApp ul.demand li h4:before {
  display: none;
}

.WideSet #Sec02 div.merit {
  position: relative;
}

.WideSet #Sec02 div.merit img.ImgOnTable {
  position: absolute;
  top:148px; /*20170130*/
  left:368px;
}

.WideSet #Sec02 div.merit ul {
  overflow: hidden;
  margin: 0 auto;
  display: table;
  border-collapse: separate;
  border-spacing: 130px 0;
  padding-top: 25px;
}

.WideSet #Sec02 div.merit ul.vdiPC {
  padding-top: 57px;
}

.WideSet #Sec02 div.merit ul li {
  width: 290px;
  height: 208px; /*20170130*/
  border: 5px solid #8cc63f;
  display: table-cell;
}

.WideSet #Sec02 div.merit ul.vdiPC li {
  border-color: var(--Gray5);
}

.WideSet #Sec02 div.merit ul li h4 {
  text-align: center;
  background-color: #8cc63f !important;
  font-size: 120%;
  font-weight: normal;
  margin: 0;
  padding: 4px;
}

.WideSet #Sec02 div.merit ul.vdiPC li h4 {
  background-color: var(--Gray5) !important;
  color: #fff !important;
}

.WideSet #Sec02 div.merit ul li .Inner {
  padding: 14px 14px 0 14px;
  margin: 0;
}

.WideSet #Sec02 div.merit ul li .Inner p.CatchCopy {
  font-size: 120%;
  font-weight: bold;
  margin: 0;
}

.WideSet #Sec02 table th.notice {
  background-color: #89c8f1;
  font-weight: bold;
  color: #555;
}

.WideSet #Sec02 table td.notice,
.WideSet #PassageDrive table td+td+td {
  /*	background-color: #ceecff;*/
  background-color: #faffca;
}

.WideSet #Sec02 table td sub {
  font-size: 80%;
}

.WideSet #Sec02 table td span.batu {
  color: #961c1c;
}

.WideSet.UniApp ul.demand {
  display: table;
  padding-bottom: 30px;
}

.WideSet.UniApp ul.demand li {
  display: table-cell;
  width: 475px;
}

.WideSet.UniApp ul.demand li h4 {
  color: #fff !important;
  font-weight: bold;
  text-align: center;
  font-size: 110%;
  margin-bottom: 20px;
}

.WideSet.UniApp ul.demand li.AppSelf {
  padding-left: 16px;
}

.WideSet #Sec02 ul.demand li.Passage h4 {
  background-color: #12843d !important;
}

.WideSet.UniApp ul.demand li.Unifier h4 {
  background-color: var(--Gray5) !important;
}

.WideSet.UniApp ul.demand li.AppSelf h4 {
  background-color: #a95b38 !important;
}

.WideSet #Sec02 ul.demand li.ros h4 {
  background-color: #57499c !important;
}

.WideSet.UniApp ul.demand li p.ImgOnlyStyle {
  margin-bottom: 20px;
}

.WideSet.UniApp p.TextStyle1.Catch {
  font-size: 109%;
  font-weight: bold;
  margin-bottom: 10px;
}

.WideSet.UniApp #Unifier .ColumnHalf.LastItem .ImgOnlyStyle img {
  width: inherit;
}

.WideSet.UniApp #Unifier .ColumnHalf.LastItem h3 {
  font-size: 180%;
  text-align: center;
}

.WideSet.UniApp #Unifier .ColumnHalf.LastItem h3 span {
  background: none;
  font-size: 220%;
  color: var(--Gray5);
  border: none;
}

/*
.WideSet.UniApp #Sec02 h3 {
	text-align: center;
}
*/

.WideSet.Under.Req h3 {
  text-align: left;
}

.WideSet.Under.Case #Sec01 p.CatchCopy {
  font-size: 150%;
  font-weight: bold;
  /*	color: #12843d;*/
  color: #333;
  margin-top: 15px;
}

.WideSet.Top #Info {
  background-color: #efefef;
  padding: 15px 0;
}

.WideSet.Top #Info .Inner {
  width: 995px;
}

.WideSet.Top #Info .ColumnSet {
  display: table;
  /*border-collapse: separate;*/
  margin: 0 auto;
  width: 637px;
  box-sizing: border-box;
}

.WideSet.Top #Info .ColumnSet .Column1 {
  background-color: var(--White);
  border-radius: 2px;
  box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
  padding: 15px 12px;
  display: block;
  min-height: 156px;
  float: left;
  margin: 0 0 0 15px;
  box-sizing: border-box; /*20170130*/
}

.WideSet.Top #Info .ColumnSet .Column1.FirstItem {
  margin: 0;
}

.WideSet.Top #Info .ColumnSet .Column1 h2 {
  text-align: center;
  background-color: transparent;
  color: #555;
  font-size: 100%;
  font-weight: bold;
  margin-bottom: 15px;
  /*	width: 206px;*//*20170130*/
}

.WideSet .Inner.Contact>h2,
.WideSet #Sec07 h2 {
  background-color: transparent;
  text-align: center;
  color: var(--Gray5);
  margin-bottom: 20px;
}

.WideSet .Inner.Contact>p.CatchCopy,
.WideSet #Sec07 p.CatchCopy {
  font-size: 120%;
  margin-bottom: 10px;
}

.WideSet .Inner.Contact .TextStyle1 {
  margin: auto;
  text-align: center;
  font-size: 110%;
  color: var(--White);display: table-row;
}

.WideSet .Inner.Contact>.contact,
.WideSet #Sec07 .contact {
  border-radius: 2px;
  /*background: var(--Blue3) url(/-/media/ind/flexworkplace/image/bg_contact.png) no-repeat 20px center;*/
	background: var(--Red2) /*url(/-/media/ind/flexworkplace/image/bg_contact.png) no-repeat 20px center*/;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.35);
  width: 600px;
  height: 141px;
  margin: 0 auto;
  display: table;
  transition: .08s ease-in;
}

.WideSet .Inner.Contact>.contact:hover,
.WideSet #Sec07 .contact:hover {
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.35);
}

.WideSet .Inner.Contact>.contact a,
.WideSet #Sec07 .contact a {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
	text-decoration: none;
  font-size: 200%;
  width: 680px;
  height: 141px;
  transition: .08s ease-in;
  letter-spacing: 0.1rem;
  line-height: 2.3rem;
}

.WideSet .Inner.Contact>.contact a span,
.WideSet #Sec07 .contact a span {
  background: url("../image/ico_sec07_contact.png") no-repeat center right;
  padding-right: 30px;
}

.WideSet .Inner.Contact>.contact a:hover,
.WideSet #Sec07 .contact a:hover {
  background-color: rgba(255,255,255,0.15);
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

.WideSet .Inner.Contact>.contact a:link span,
.WideSet .Inner.Contact>.contact a:visited span,
.WideSet .Inner.Contact>.contact a:hover,
.WideSet .Inner.Contact>.contact a:hover span,
.WideSet .Inner.Contact>.contact a:active span,
.WideSet #Sec07 .contact a:link span,
.WideSet #Sec07 .contact a:visited span,
.WideSet #Sec07 .contact a:hover,
.WideSet #Sec07 .contact a:hover span,
.WideSet #Sec07 .contact a:active span {
  color: #fff!important;
  text-decoration: none!important;
}

.tac {
  text-align: center;
}

.pb30 {
  padding-bottom: 30px;
}

.pb0 {
  padding-bottom: 0px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.PageTop {
  margin: 30px 0;
}

.WideSet iframe {
  max-width: 560px;
  display: block;
  margin: auto;
}

.WideSet.Top dl dt {
  font-weight: bold;
}

.WideSet.Top dl dt>span {
  font-weight: normal;
  border-radius: 2px;
  background: var(--Blue3);
  color: var(--White);
  padding: .1em .2em 0em;
  margin-right: .5em;
  font-size: 80%;
  display: inline-block;
  text-align: center;
  width: 4em;
}

.WideSet.Top dl dt>span.Info {
  background: var(--Blue3);
}

.WideSet.Top dl dt>span.Case {
  background: #9e6307;
}

.WideSet.Top dl dt>span.Event {
  background: #7d44b0;
}

.WideSet.Top dl dt>span.Column {
  background: #3b9869;
}

.WideSet.Top dl dt>span.Seminar {
  background: #c55050;
}

.WideSet.Top dl dd {
  margin-left: 4em;
}

/**************************
UniApp
**************************/

.WideSet.UniApp #UniApp h2 {
  padding: 0 1em;
}

.WideSet.UniApp .Column3,
.WideSet.Case .Column3 {
  box-sizing: border-box;
  /*width: 311.66666px;*/
	width: calc((100% / 3) - 1.5em);
}

.WideSet.UniApp .Column3.FirstItem,
.WideSet.Case .Column3.FirstItem {
  padding-left: 0;
}

.WideSet.UniApp .Column3 h4:before,
.WideSet.Case .Column3 h4:before {
  content: none;
}

.WideSet.UniApp .Column3 h4,
.WideSet.Case .Column3 h4 {
  /*
  background-color: var(--Gray5)!important;
  color: #fff!important;
  */
  /*background: linear-gradient(-30deg, #abea86, #e6ec44);*/
	background: var(--Gray1);
  font-weight: normal;
}

.WideSet.UniApp #Unifier dd>.TextStyle1 {
  transition: .08s ease-in;
}

.WideSet.UniApp #Unifier dt {
  float: left;
  margin-right: 15px;
}

.WideSet.UniApp #Unifier dd>ul {
  float: left;
  width: 30%;
  margin-right: 80px;
  margin-bottom: 0;
  background: #f0f0f0;
  padding: 1em;
  position: relative;
  transition: .08s ease-in;
  /*	background: url("/-/media/ind/flexworkplace/unifier_appself/image/arrow_uniapp.png") no-repeat center right;*/
}

.WideSet.UniApp #Unifier dd>ul:after {
  position: absolute;
  content: url("/-/media/ind/flexworkplace/unifier_appself/image/arrow_uniapp.png");
  top: 30%;
  left: 102%;
}

.WideSet.UniApp #Unifier dd>ul+p {
  background: #f0f0f0;
  display: inline-block;
  width: 30%;
  padding: 1em;
  margin-left: 10px;
}

.WideSet.UniApp #Unifier dl {
  position: relative;
}

.WideSet.UniApp #Unifier dl:after {
  position: relative;
  content: "";
  top: 0;
  margin: 20px auto;
  background: url(/-/media/ind/flexworkplace/unifier_appself/image/after_arrow.png);
  height: 48px;
  width: 170px;
  display: block;
}

.WideSet.UniApp table,
.WideSet.Req table {
  margin-bottom: 30px;
}

.WideSet.UniApp table th,
.WideSet.Req table th {
  /*background: linear-gradient(-30deg, #abea86, #e6ec44);
  color: #444;*/
  padding: 1.5em;
	background: var(--Gray1);
  color: var(--Gray5);
}

.WideSet.UniApp .Ver2022 table th, .WideSet.Req table th {
  /*background: #87c244;*/
	background: var(--Gray2);
}

.WideSet.UniApp table td+td,
.WideSet.Req table td+td {
  /*	background: #e4dbdb;*/
  background: var(--White);
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1.5em;
}

.WideSet.UniApp table td[rowspan="2"],
.WideSet.Req table td[rowspan="2"],
.WideSet.Req table td[rowspan="1"] {
  background: #f2f2f2;
}

.WideSet.UniApp table td,
.WideSet.Req table td {
  /*	background: #f2f2f2;*/
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  padding: 1.5em;
}

.WideSet.Req table td.SubHeader {
  background: #f2f2f2;
}

/*
.WideSet.UniApp #Sec04 h2,
.WideSet.UniApp #Sec04 h2 span,
.WideSet.UniApp #Sec05 h2,
.WideSet.UniApp #Sec05 h2 span {
	background: #a95b38;
}
*/

.WideSet.UniApp #AppSelf h3.Catch span {
  font-size: 180%;
  background: none;
  color: #a95b38;
  border: none;
}

.WideSet.UniApp #Sec05 dl:after,
.WideSet.UniApp .Ver2022 dl:after {
  content: none;
}

.WideSet.UniApp #Sec05 .ColumnHalf,
.WideSet.UniApp .Ver2022 .ColumnHalf {
  padding: 15px;
}

.WideSet.UniApp #Sec05 .ColumnHalf.FirstItem,
.WideSet.UniApp .Ver2022 .ColumnHalf.FirstItem {
  border-right: dotted .5px;
}

.WideSet.UniApp #Sec05 .ColumnHalf dt,
.WideSet.UniApp .Ver2022 .ColumnHalf dt {
  display: block;
  width: 140px;
  color: var(--White);
  font-size: 120%;
  text-align: center;
  padding: 15px;
  border-radius: 2px;
  margin: 0 15px 15px 0;
  float: left;
}

.WideSet.UniApp #Sec05 .ColumnHalf.FirstItem dt,
.WideSet.UniApp .Ver2022 .ColumnHalf.FirstItem dt {
  background: var(--Gray5);
}

.WideSet.UniApp #Sec05 .ColumnHalf.LastItem dt,
.WideSet.UniApp .Ver2022 .ColumnHalf.LastItem dt {
  background: #a95b38;
}

.WideSet.UniApp #Sec05 .ColumnHalf.FirstItem dd:after,
.WideSet.UniApp .Ver2022 .ColumnHalf.FirstItem dd:after {
  clear: both;
  display: block;
  float: none;
  content: "";
}

.WideSet.UniApp #Sec05 .ColumnHalf .ImgOnlyStyle img,
.WideSet.UniApp .Ver2022 .ColumnHalf .ImgOnlyStyle img {
  width: inherit;
}

.WideSet.UniApp #Sec05 .ColumnHalf .ImgOnlyStyle {
  font-size: 100%;
}

#PassageDrive .Column2.FirstItem h4 {
  background: #a3d8a3!important;
}

#PassageDrive .Column2.LastItem h4 {
  background: #a3d8d8!important;
}

.WideSet.LFont #PassageDrive .TextStyle1 {
  font-size: 1.2em;
}

/* winpc */

.WideSet.winpc #Sec02 dl {
  display: flex;
}

.WideSet.winpc #Sec02 dl dt {
  min-width: 140px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.WideSet.winpc #Sec02 dl dd {
  display: flex;
  align-items: center;
}

.WideSet.winpc #Sec02 dl dd p {
  padding: 0;
}

/*******************
Csase
*******************/

.WideSet.Case .Case01 {
  margin-bottom: 3em;
}

.WideSet.Case .Case01 .ColumnHalf {
  padding-top: 0;
}

.WideSet.Case .Case01 .ColumnHalf.LastItem {
  background: #f0f0f0;
}

.WideSet.Case dl {
  box-sizing: border-box;
  padding: 0;
  width: 100%;
  position: relative;
}

.WideSet.Case dl.Before dt {
  /*	background: #f6c2c2;*/
  /*background: linear-gradient(45deg, #f9f6e5, #f1e7e0);*/
	background: var(--Gray1);
  border: 1px solid #ccc;
}

.WideSet.Case dl.After dt {
  /*	background: #9fd0f0;*/
  /*background: linear-gradient(45deg, #e5f9f7, #e0e5f1);*/
	/*background: var(--Blue1);*/
	background: var(--Gray4);
	color: var(--White);
  border: 1px solid #ccc;
}

.WideSet.Case dt {
  background: #ccc;
  padding: .25em .55em;
}

.WideSet.Case dd {
  /*	margin-bottom: 42px;*/
  margin-bottom: 68px;
  border: 1px solid #ccc;
  border-top: none;
  padding: 1em;
}

/*
.WideSet.Case dl.Before dd:after {
	content: "";
	display: block;
	position: absolute;
	height: 28px;
	width: 100%;
	top: 105%;
	background: url("/-/media/ind/flexworkplace/case/image/after_arrow_s.png") no-repeat center bottom;
}
*/

.WideSet.Case dl.Before dd:after {
  content: "";
  display: block;
  position: absolute;
  height: 52px;
  width: 100%;
  top: 105%;
  background: url(/-/media/ind/flexworkplace/unifier_appself/image/under_arrow_uniapp.png) no-repeat center bottom;
}

.WideSet.Case dl.After dd {
  margin-bottom: 0;
}

.WideSet.LFont.Case h3 {
  margin-bottom: 20px;
}

.WideSet.Case .Column3 h4 {
  text-align: center;
}

/*お客さまインタビュー*/

.WideSet.Case #Sec00 .Column3 {
  width: 720px;
  transition: .08s ease-in;
}

.WideSet.Case #Sec00 .Column2 {
  padding: 0 36px;
  box-sizing: border-box;
}

.WideSet.Case #Sec00 .Column2 .Task dt ,
.WideSet.Case #Sec00 .Column2 .Adopt dt {
  font-size: 80%;
  background: #eee;
  border-radius: 2px;
  border: 1px solid #ccc;
  box-shadow: 0 0 5px 0 rgba(0,0,0,.3);
  text-align: center;
  display: inline-block;
  float: left;
}

.WideSet.Case #Sec00 .Column2 .Adopt dt {
  /*    background: linear-gradient(-30deg, #eacd86, #eaec44);*/
  background: var(--White);
}

.WideSet.Case #Sec00 .Column2 .Task dd ,
.WideSet.Case #Sec00 .Column2 .Adopt dd {
  border: none;
  margin-left: 2.5em;
  margin-bottom: 0;
  padding-top: 0;
  font-size: 95%;
}

.WideSet.Case #Sec00 .Column2 .Adopt dd {
  font-weight: bold;
}

.WideSet.Case #Sec00 .ImgOnlyStyle span {
  font-size: 18px;
  font-weight: bold;
  color: #444;
  text-align: left;
  display: block;
}

.WideSet.Case #Sec00 .Column3 dl {
  margin-bottom: 1em;
  border: 1px solid #ccc;
  display: table;
}

/*
.WideSet.Case #Sec00 .ColumnSet .Column3>dl dt:first-of-type {
	background: #f6c2c2;
}
*/

.WideSet.Case #Sec00 .Column3 dt {
  float: left;
  padding: 1em;
  box-sizing: border-box;
  border: none;
  background: #ccc;
  color: #444;
  display: table-cell;
  vertical-align: middle;
  width: 4em;
}

.WideSet.Case #Sec00 .Column3 dd {
  margin-bottom: 0;
  margin-left: 4em;
  border: none;
  display: table-cell;
  width: 100%;
  vertical-align: middle;
  background: var(--White);
}

.WideSet.Case #Sec00 .Column3 dl:after {
  clear: both;
  content: "";
  display: block;
  float: none;
}

.WideSet.Case .TextStyle1.Link,
.WideSet .Grid4.column .TextStyle1.Link {
  /*float: right;
  display: inline-block;
  clear: both;*/
	display: flex;
	margin: 0 0 0 auto;
  font-weight: bold;
  background: var(--Gray1);
	width: max-content;
  border-radius: 2px;
  padding: .15em 1em 0 .25em;
  border: 1px solid #ccc;
  transition: .03s ease-in;
}

.WideSet.Case .TextStyle1.Link:hover,
.WideSet .Grid4 .TextStyle1.Link:hover {
  background: var(--White);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3)
}

.WideSet.Case .TextStyle1.Link a:link,
.WideSet.Case .TextStyle1.Link a:visited,
.WideSet .Grid4 .TextStyle1.Link a:link,
.WideSet .Grid4 .TextStyle1.Link a:visited {
  color: var(--Gray5);
  text-decoration: none;
  transition: .03s ease-in;
  position: relative;
}

.WideSet.Case .TextStyle1.Link a:hover,
.WideSet.Grid4 .TextStyle1.Link a:hover {
  color: #555555;
}

.WideSet.Case .TextStyle1.Link a:after,
.WideSet .Grid4 .TextStyle1.Link a:after {
  /*content: url(/-/media/ind/flexworkplace/image/icon_link.png);*/
	  content: url(/-/media/image/jp/r1/icon/icon_link_right.gif);
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  display: block;
  top: 2px;
  left: 98%;
  position: absolute;
}

.WideSet.Case .TextStyle1.Link a:hover:after,
.WideSet .Grid4 .TextStyle1.Link a:hover:after {
  /*content:  url(/-/media/ind/flexworkplace/image/icon_link.png);*/
	content: url(/-/media/image/jp/r1/icon/icon_link_right.gif);
  left: 99%;
}

/* column */

.Grid4.column h2 {
  background-color: var(--White);
}

.Grid4.column h2 span {
  color: var(--Gray5);
  background-color: var(--White);
  border-bottom: 1px dotted;
	font-size: 1.35em;
}

.Grid4.column div.wrapper {
  width: 500px;
  margin: 0 auto;
  margin-top: 50px;
}

.Grid4.column dl {
  margin-bottom: 40px;
}

.Grid4.column .TextStyle1.Link.Center {
  text-align: center;
  float: none;
  display: block;
  width: 200px;
  clear: both;
  font-weight: bold;
  font-size: 110%;
  background: #fafafa;
  border-radius: 2px;
  margin: 0 auto 1em;
  padding: 1em;
  border: 1px solid #ccc;
  transition: .03s ease-in;
}

.Grid4.column .TextStyle1.Link.Center:hover {
  background: var(--White);
  box-shadow: 0 0 5px 0 rgba(0,0,0,0.3)
}

.Grid4.column .TextStyle1.Link.Center a:link,
.Grid4.column .TextStyle1.Link.Center a:visited {
  /*color: var(--Blue3);*/
	color: var(--Gray5);
  text-decoration: none;
  transition: .03s ease-in;
  position: relative;
}

.Grid4.column .TextStyle1.Link.Center a:hover {
  color: #555555;
}

.Grid4.column .TextStyle1.Link.Center a:after {
  /*content: url(/-/media/ind/flexworkplace/image/icon_link.png);*/
		content: url(/-/media/image/jp/r1/icon/icon_link_right.gif);
  width: 16px;
  height: 16px;
  vertical-align: bottom;
  display: block;
  top: 2px;
  padding-left: 10px;
  position: absolute;
}

.Grid4.column .TextStyle1.Link.Center a:hover:after {
  /*content:  url(/-/media/ind/flexworkplace/image/icon_link.png);*/
		content: url(/-/media/image/jp/r1/icon/icon_link_right.gif);
  left: 99%;
}

.Grid4.column .ImgOnlyStyle.Gy {
  background: #f9f9f9;
  margin: 0 0 15px 0;
}

.Grid4.column .ImgOnlyStyle.Gy img {
  margin: 0;
}

/* column */

.WideSet.column .ColumnSet {
  display: flex;
}

.WideSet.column .ColumnSet .Column1 {
  width: auto;
  padding-top: 1em;
}

/* cta_btn */

a.cta_btn {
  color: var(--White);
}

.cta_btn {
  background: url(/-/media/ind/flexworkplace/image/icon_arrow_r.svg),
  linear-gradient(90deg, #2EA0D2, #56B9DB) !important;
  background-repeat: no-repeat;
  background-position: calc(100% - 40px) 50%, center center !important;
  border: 1px solid var(--White);
  width: 360px;
  height: 60px;
  display: inline-block;
  color: var(--White);
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  box-sizing: border-box;
  line-height: 45px;
  position: relative;
}

.cta_btn:hover {
  text-decoration: none;
  opacity: 0.6;
}

.cta_btn {
  margin-right: auto;
  margin-left: auto;
}

#Contents #FloatingContacts .Inner {
  padding: 18px 0;
}

#Contents #FloatingContacts ul {
  margin-right: auto;
  margin-left: auto;
  justify-content: center;
}

/* remove 202502
#Contents #FloatingContacts li {
  width: auto !important;
}
*/

#Contents #FloatingContacts li {
  margin-right: auto;
  margin-left: auto;
  margin-bottom: 0;
}

#Contents #FloatingContacts li {
  margin-right: auto;
  margin-left: auto;
}

#Contents #FloatingContacts form {
  /*background-color: #7D7D7D;*/
	background-color: var(--Gray4_Op);
}

#Contents #FloatingContacts button.cta_btn {
  background: url(/-/media/ind/flexworkplace/image/icon_arrow_r.svg),
  linear-gradient(90deg, #2EA0D2, #56B9DB) !important;
  background-repeat: no-repeat !important;
  background-position: calc(100% - 40px) 50%, center center !important;
  width: 360px;
  height: 60px;
  line-height: 45px;
  font-size: 16px;
  color: var(--White);
}

/* フローティング */

#Contents #FloatingContacts li:first-child {
  width: 40%;
}

/* remove 202502
#Contents #FloatingContacts li:last-child {
    width: 40%!important;
}

#Contents #FloatingContacts form {
    background-color: rgba(144,144,144,0.7);
}
.js-fix.is-fixed {
  position: fixed;
  bottom: 0;
  margin-right: auto;
  margin-left: auto;
  width: 100%;
}
*/

/* add 202502 */

/* contact_btns */

.contact_btns {
  display: flex;
	gap: 1em;
  justify-content: center;
  font-size: 18px;
  line-height: 1;
  font-weight: bold;
	margin: auto;
}

.contact_btns a {
  text-decoration: none;
}

.contact_btns a:hover {
  opacity: 0.8;
}
.contact_btns .btn.inquiry,
.contact_btns .btn {
  height: 60px;
  text-align: center;
  background-color: var(--Red2);
  width: calc((300 / 965) * 100%);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 40px;
  background-image: url(/-/media/ind/flexworkplace/image/icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: calc(100% - 20px) center;
  border: 1px solid;
  color: var(--White);
  border-color: var(--White);
}
/*
.contact_btns .btn.inquiry {
  background-image: url(/-/media/ind/flexworkplace/image/icon_arrow_dgreen.svg);
  background-color: var(--Red2);
  color: var(--White);
  border-color: var(--Red2);
}
*/
.contact_btns .btn:last-child {
  margin-right: 0;
}

/* sec_cta */

.Section.sec_cta {
  padding: 60px 0;
  color: var(--Gray6);
  text-align: center;
  background: linear-gradient(to right bottom, var(--Gray1), var(--Gray2))
}

.Section.sec_cta .txt1 {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
}

.Section.sec_cta .txt2 {
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

.Section.sec_cta h2 {
  padding: 0;
  margin: 0 0 40px 0;
  background-color: transparent;
	background: none;
}

.Section.sec_cta .contact_btns .btn {
  border: none;
}

/* sec_fv */

.winpc .Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_winpc.jpg);
}

.Dataless .Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_datalesspc.jpg);
}

.Case .Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_case.jpg);
}

.telework .Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_telework.jpg);
}

.column .Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_column.jpg);
}

.comparison .Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_comparison.jpg);
}

.Section.sec_fv .title {
  /*width: 552px;*/
  margin: 0 auto 50px auto;
  /*text-align: left;*/
  margin-bottom: 50px;
}
.winpc .Section.sec_fv .title {
	text-align: center;
}
.Section.sec_fv .title h1 {
  font-size: 54px;
  font-weight: bold;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.Section.sec_fv .title p {
  font-size: 24px;
  font-weight: bold;
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}

.Section.sec_fv {
  background-image: url(/-/media/ind/flexworkplace/image/img_fv_top.jpg);
  height: 388px;
  background-size: cover;
  background-position: center center;
  position: relative;
  padding: 0;
  margin-bottom: 70px;
  color: var(--White);
  text-align: center;
  display: flex;
  align-items: center;
}

/*  HorizontalInnerLinks */

.Section.HorizontalInnerLinks {
  padding: 40px 0;
  margin: 0 auto;
  padding: 0;
  margin: 40px auto;
}

.slove {
  font-size: 45px;
  line-height: 1.3;
  margin-bottom: 100px;
}

/* winpc */

.winpc .Section img {
  max-width: 100%;
}

.winpc .Section h2 {
  margin-bottom: 40px;
  padding-bottom: 0;
}

/* winpc Sec01 */

.winpc .Section#Sec01 {
  padding-bottom: 60px;
}

.winpc .Section#Sec01 h2 {
  font-size: 45px;
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 60px;
}

.winpc .Section#Sec01 .cases {
  display: flex;
  gap: 40px;
}

.winpc .Section#Sec01 .cases>.case {
  flex: 1;
  border: 1px solid #BBBBBB;
  border-radius: 10px;
  padding: 20px;
  display: flex;
  flex-direction: column;
}

.winpc .Section#Sec01 .cases>.case h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0;
  display: flex;
  gap: 10px;
  min-height: 110px;
}

.winpc .Section#Sec01 .cases>.case h3>span {
  border: none;
  font-size: 20px;
  line-height: 1.5;
}

.winpc .Section#Sec01 .cases>.case h3>span.index {
  line-height: 1;
  font-size: 18px;
  /*background-color: #757374;*/
	  background-color: var(--Gray4);
  color: var(--White);
  height: 30px;
  width: 30px;
  min-width: 30px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.winpc .Section#Sec01 .cases>.case>p {
  flex-grow: 1;
  margin-bottom: 20px;
	font-size: 1rem;
}

.winpc .Section#Sec01 .problem {
  background: url(/-/media/ind/flexworkplace/image/icon_arrow_dw3.svg) center bottom no-repeat;
  padding-bottom: calc(94px + 40px);
  margin-bottom: 40px;
}

.winpc .Section#Sec01 .slove .cases>.case {
  /*border: 1px solid var(--Blue3);*/
	border: 1px solid var(--Gray5);
}

.winpc .Section#Sec01 .slove .cases>.case h3>span.index {
  /*background-color: var(--Teal3);*/
	/*background-color: var(--Blue3);*/
	background-color: var(--Gray6);
}

/* Sec02 */

.winpc .Section#Sec02 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.winpc .Section#Sec02 .ColumnSet {
  display: flex;
}

.winpc .Section#Sec02 .ColumnSet .ColumnHalf {
  width: auto;
  margin: 0;
  padding: 10px 10px 10px 25px;
  flex: 1;
}

.winpc .Section#Sec02 .ColumnSet .ColumnHalf.FirstItem .ImgOnlyStyle img {
  max-height: 100px;
  margin-bottom: 20px;
}

.winpc .Section#Sec02 .ColumnSet .ColumnHalf.LastItem .ImgOnlyStyle img {
  margin-bottom: calc(100px - 75px + 20px);
}

.winpc .Section#Sec02 dl {
  gap: 20px;
  margin-bottom: 20px;
}

.winpc .Section#Sec02 dl:last-child {
  margin-bottom: 0px;
}

.winpc .Section#Sec02 dl dt {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.5;
  min-height: 88px;
}

.winpc .Section#Sec02 .ColumnSet .ColumnHalf.FirstItem  dl dt {
  /*background-color: var(--Blue3);*/
	background-color: var(--Gray5);
}

.winpc .Section#Sec02 .ColumnSet .ColumnHalf.LastItem  dl dt {
  /*background-color: var(--Orange3);*/
		background-color: var(--Gray5);
}

/* Sec03 */

.winpc .Section#Sec03 .ColumnSet1 {
  display: flex;
  gap: 40px;
  width: 647px;
  margin: 0 auto 80px auto;
}

.winpc .Section#Sec03 .ColumnSet1 img {
  height: 100px;
}

.winpc .Section#Sec03 .ColumnSet2 {
  display: flex;
  gap: 28px;
  margin-bottom: 80px;
}

.winpc .Section#Sec03 .ColumnSet2 li strong {
  color: var(--Red1_40_Dark);
}

.winpc .Section#Sec03 .ColumnSet2 ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: li;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}

.winpc .Section#Sec03 .ColumnSet2 ol li {
  position: relative;
  font-size: 14px;
  padding-left: 40px;
  line-height: 1.5;
}

.winpc .Section#Sec03 .ColumnSet2 ol li::before {
  counter-increment: li;
  content: counter(li);
  width: 30px;
  height: 30px;
  border-radius: 50%;
  /*background-color: var(--Blue3);*/
	 background-color: var(--Gray6);
  font-size: 18px;
  font-weight: bold;
  color: var(--White);
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  line-height: 30px;
  text-align: center;
}

.winpc .Section#Sec03 iframe {
  margin-bottom: 40px;
}

.winpc .Section#Sec03 .TextStyle1 {
  font-size: 15px;
}

/* Sec04 */

.winpc .Section#Sec04 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.winpc .Section#Sec04 h3 {
  text-align: center;
  margin-bottom: 40px;
}

.winpc .Section#Sec04 .ColumnSet1 {
  display: flex;
  gap: 40px;
  width: 647px;
  width: 720px;
  margin: 0 auto 60px auto;
}

.winpc .Section#Sec04 .ColumnSet1 p {
  line-height: 2;
}

.winpc .Section#Sec04 .ColumnSet1 img {
  height: 75px;
}

/* Sec05 */

.winpc .Section#Sec05 {
  padding-top: 60px;
  padding-bottom: 60px;
}

.winpc .Section#Sec05 .lead {
  text-align: center;
  line-height: 2;
  margin-bottom: 40px;
}

.winpc .Section#Sec05 ol {
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: li;
  display: flex;
  flex-direction: column;
  gap: 30px;
}

.winpc .Section#Sec05 ol li {
  position: relative;
  padding-left: 98px;
  display: flex;
  gap: 30px;
}

.winpc .Section#Sec05 ol li img {
  height: 300px;
}

.winpc .Section#Sec05 ol li::before {
  counter-increment: li;
  content: "0" counter(li);
  /*color: var(--Teal3);*/
	color: var(--Gray3);
  font-size: 70px;
  line-height: 1;
  position: absolute;
  left: 0;
  top: 0;
}

.winpc .Section#Sec05 ol li .texts h3 {
  line-height: 70px;
  margin: 0;
  padding: 0;
}

.winpc .Section#Sec05 ol li .texts p {
  line-height: 2;
}

/* sec_copyrights */

.winpc .Section.sec_copyrights ul {
  display: flex;
  flex-direction: column;
  gap: 6px;
}

/**/

/* sec_awards */

.Section.sec_awards .Inner {
  width: 770px;
}

.Section.sec_awards .awards {
  display: flex;
  justify-content: space-around;
  margin-bottom: 64px;
}

.Section.sec_awards .note {
  font-size: 14px;
  margin-top: 1em;
}

/* sec_about */

.Section.sec_about {
  text-align: center;
}

.Section.sec_about .lead {
  font-size: 20px;
  line-height: 2;
  margin-bottom: 60px;
}

.Section.sec_about .problem_list {
  display: inline-block;
  background: url(/-/media/ind/flexworkplace/image/icon_arrow_dw3.svg) center bottom no-repeat;
  padding-bottom: calc(94px + 40px - 20px);
  margin-bottom: 40px;
}

.Section.sec_about .problem_list li {
  background: url(/-/media/ind/flexworkplace/image/icon_checked.svg) left center no-repeat;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding-left: 40px;
  margin-bottom: 20px;
}

.Section.sec_about .fwp {
  background-color: var(--White);
  border: 3px solid var(--Gray3);
  border-radius: 10px;
  padding: 0 74px 50px 74px;
  margin-top: 40px;
  position: relative;
}

.Section.sec_about .fwp::before {
	/*
  content: "";
  width: 520px;
  height: 3px;
  background-color: var(--White);
  position: absolute;
  top: -3px;
  left: calc(50% - (520px / 2));
	*/
}

.Section.sec_about .fwp h3 {
  position: relative;
  margin-top: -40px;
  margin-bottom: 50px;

}

.Section.sec_about .fwp h3 img {
  height: 63px;
  width: auto;
	background: var(--White);
	padding: 0 1em;
}

.Section.sec_about .fwp .lead {
  font-size: inherit;
  margin-bottom: 40px;
}

.Section.sec_about .fwp .cards {
  display: flex;
}

.Section.sec_about .fwp .cards .card {
  background-color: var(--White);
  border-radius: 10px;
  padding: 15px;
  margin-right: 20px;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  width: 100%;
	text-decoration: none;
}

.Section.sec_about .fwp .cards .card:last-child {
  margin-right: 0;
}

.Section.sec_about .fwp .cards a:hover {
  opacity: 0.6;
}

.Section.sec_about .fwp .cards a:hover,
.Section.sec_about .fwp .cards a:hover * {
  text-decoration: none;
}

.Section.sec_about .fwp .cards a:visited * {
  color: inherit;
}

.Section.sec_about .fwp .cards .card .texts {
  background-color: var(--Gray1);
  border-radius: 10px;
  padding: 11px;
  margin-bottom: 30px;
  color: var(--Red2);
  font-size: 14px;
}

.Section.sec_about .fwp .cards .card .texts .title {
  font-size: 24px;
  font-weight: bold;
}

.Section.sec_about .fwp .cards .card .logos {
  display: flex;
  justify-content: space-evenly;
  margin-bottom: 40px;
}

.Section.sec_about .fwp .cards .card .logos img {
  height: 45px;
}

.Section.sec_about .fwp .cards .card .detail {
  font-size: 14px;
  line-height: 1;
  text-align: right;
  color: #000;
  /*background: url(/-/media/ind/flexworkplace/image/icon_arrow_dgreen2.svg) right center no-repeat;
  padding-right: 20px;*/
	  background: url(/-/media/image/jp/r1/icon/icon_link_right.gif) right center no-repeat;
  padding-right: 20px;
}

/* sec_solution */

.Section.sec_solution .part {
  margin-bottom: 60px;
}

.Section.sec_solution .part>.lead {
  text-align: center;
  line-height: 2;
  margin-bottom: 40px;
}

.Section.sec_solution .part .comparison {
  width: 814px;
  margin: 0 auto;
}

.Section.sec_solution .part .comparison .caption {
  font-weight: bold;
  margin-bottom: 20px;
}

.Section.sec_solution .part .comparison table {
  table-layout: fixed;
  width: 100%;
}

.Section.sec_solution .part .comparison thead th {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  line-height: 1;
  color: var(--White);
  background-color: var(--Gray4);
  padding: 8px;
  border: none;
  border-left: 4px solid var(--White);
}

.Section.sec_solution .part .comparison thead th.corner {
  background-color: #BBBBBB;
  border-left: none;
  width: 15%;
}

.Section.sec_solution .part .comparison thead th.me {
  background-color: var(--Red2);
}

.Section.sec_solution .part .comparison tbody th,
.Section.sec_solution .part .comparison tbody td {
  border: none;
  border-bottom: 2px solid var(--Gray4);
  height: 64px;
}

.Section.sec_solution .part .comparison tbody th {
  text-align: center;
  background-color: transparent;
  font-size: 16px;
  font-weight: bold;
}

.Section.sec_solution .part .comparison tbody td {
  background-image: url(/-/media/ind/flexworkplace/image/icon_maru.svg);
  background-position: 10px center;
  background-repeat: no-repeat;
  padding-left: 50px;
}

.Section.sec_solution .part .comparison tbody td.sankaku {
  background-image: url(/-/media/ind/flexworkplace/image/icon_sankaku.svg);
}

.Section.sec_solution .part .comparison tbody td.batsu {
  background-image: url(/-/media/ind/flexworkplace/image/icon_batsu.svg);
}

.Section.sec_solution .part .comparison tbody ul>li {
  text-indent: -1em;
  margin-left: 1em;
}

.Section.sec_solution h3 {
  font-size: 24px;
  color: var(--Gray5);
  text-align: center;
  margin-bottom: 40px;
}

.Section.sec_solution .layoutbox {
  display: flex;
}

.Section.sec_solution .layoutbox .texts {
  padding-right: 40px;
}

.Section.sec_solution .layoutbox .texts p {
  line-height: 2;
}

.Section.sec_solution .layoutbox .img {
  min-width: 420px;
}

.Section.sec_solution .layoutbox .img .caption {
  font-weight: bold;
  line-height: 1;
  text-align: center;
  margin-bottom: 10px;
}

.Section.sec_solution .lineup .lineup_item {
  display: flex;
  margin-bottom: 20px;
}

.Section.sec_solution .lineup .lineup_item:last-child {
  margin-bottom: 0px;
}

.Section.sec_solution .lineup .lineup_item .img {
  width: 400px;
  box-sizing:border-box;
  padding: 50px 45px;
}

.Section.sec_solution .lineup .lineup_item .texts .name {
  color: #444;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 20px;
}

.Section.sec_solution .lineup .lineup_item .texts .lead {
  color: #444;
  font-weight: bold;
  line-height: 2;
  margin-bottom: 8px;
}

.Section.sec_solution .lineup .lineup_item .texts .features {
  color: #333;
}

.Section.sec_solution .lineup .lineup_item .texts .features li {
  margin-bottom: 8px;
}

.Section.sec_solution .lineup .lineup_item .texts .features li::before {
  content: "●";
  color: var(--Gray4);
}

.Section.sec_solution .contact_btns .btn {
  border-color: var(--Red2);
  background-color: var(--White);
  color: var(--Red2);
  /*background-image: url(/-/media/ind/flexworkplace/image/icon_arrow_dgreen2.svg);*/
	background-image:url(/-/media/image/jp/r1/icon/icon_link_right.gif);
}

/* sec_realization */

.Section.sec_realization .part {
  width: 814px;
  margin: 0 auto;
  padding-bottom: 40px;
  margin-bottom: 40px;
  text-align: center;
  position: relative;
}

.Section.sec_realization .part::after {
  content: "";
  width: 300px;
  height: 1px;
  background-color: #8499A7;
  position: absolute;
  bottom: 0;
  left: calc(50% - ( 300px / 2));
}

.Section.sec_realization .part h3 {
  color: var(--Gray4);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

.Section.sec_realization .part ul {
  margin-top: 40px;
}

.Section.sec_realization .part ul>li {
  text-align: left;
  background: url(/-/media/ind/flexworkplace/image/icon_checked.svg) left top no-repeat;
  background-size: 20px;
  padding-left: 30px;
  margin-bottom: 10px;
}

.Section.sec_realization .part:last-child {
  width: 100%;
  padding-bottom: 0;
}

.Section.sec_realization .part:last-child::after {
  content: none;
}

.Section.sec_realization .part:last-child h3 {
  color: var(--Red2);
  margin-bottom: 20px;
}

.Section.sec_realization .part:last-child p {
  font-size: 18px;
  line-height: 2;
}

/* sec_interview */

.Section.sec_interview .part {
  text-align: center;
  margin-bottom: 60px;
}

.Section.sec_interview .part h3 {
  color: var(--Gray4);
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

.Section.sec_interview ul>li {
  margin-bottom: 40px;
}

.Section.sec_interview ul>li:last-child {
  margin-bottom: 0px;
}

.Section.sec_interview ul>li .layoutbox {
  display: flex;
}

.Section.sec_interview ul>li .layoutbox .img {
  width: 400px;
  min-width: 400px;
}

.Section.sec_interview ul>li .layoutbox .texts {
  text-align: left;
  padding-left: 40px;
}

.Section.sec_interview ul>li .layoutbox .texts .name {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 15px;
}

.Section.sec_interview ul>li .layoutbox .texts dl {
  display: flex;
  flex-wrap: wrap;
}

.Section.sec_interview ul>li .layoutbox .texts dl>dt {
  width: calc((524 - 474) / 524 * 100%);
}

.Section.sec_interview ul>li .layoutbox .texts dl>dd {
  width: calc(474 / 524 * 100%);
  margin-bottom: 15px;
  line-height: 2;
}

.Section.sec_interview ul>li .layoutbox .texts dl>dt p {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  padding: 6px;
  background-color: var(--Gray1);
  border: 1px solid var(--Gray2);
  display: inline-block;
  box-shadow: 0 0 3px rgba(0,0,0,0.16);
}

.Section.sec_interview ul>li .layoutbox .texts dl>dt.effect p {
  background-color: transparent;
}

.Section.sec_interview ul>li .layoutbox .texts dl>dd.effect {
  font-weight: bold;
}

.Section.sec_interview .detail {
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-align: right;
}

.Section.sec_interview .detail a:link,
.Section.sec_interview .detail a:visited {
  color: #333333;
	text-decoration: none;
	transition: .08s ease;
	opacity: 1;
}
.Section.sec_interview .detail a:hover {
	opacity: .8;
}
.Section.sec_interview .detail a {
  /*background: url(/-/media/ind/flexworkplace/image/icon_arrow_dgreen2.svg) right center no-repeat;*/
	background: url(/-/media/image/jp/r1/icon/icon_link_right.gif) right center no-repeat;
  padding-right: 20px;
}

.Section.sec_interview .part.telework .layoutbox {
  display: flex;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  padding: 20px;
}

.Section.sec_interview .part.telework .layoutbox .img {
  width: 320px;
  min-width: 320px;
}

.Section.sec_interview .part.telework .layoutbox .texts {
  text-align: left;
  padding-left: 40px;
  position: relative;
}

.Section.sec_interview .part.telework .layoutbox .texts h3 {
  color: #444444;
  margin-bottom: 20px;
}

.Section.sec_interview .part.telework .layoutbox .texts p {
  line-height: 2;
}

.Section.sec_interview .part.telework .layoutbox .texts .detail {
  position: absolute;
  right: 0;
  bottom: 0;
}

.Section.sec_interview .part.telework .layoutbox .texts .detail a {
  border: 1px solid var(--Red2);
  padding: 8px 40px 8px 40px;
  background-position: calc(100% - 10px) center ;
}

.Section.sec_interview .part:last-child {
  margin-bottom: 0;
}

.Section.sec_interview .part:last-child h3 {
  color: var(--Red2);
  margin-bottom: 20px;
}

.Section.sec_interview .part:last-child p {
  line-height: 2;
  margin-bottom: 20px;
}

/* sec_useful */

.Section.sec_useful .cards {
  display: flex;
  justify-content: center;
}

.Section.sec_useful .cards .card {
  width: 300px;
  border: 1px solid #F2F2F2;
  box-shadow: 2px 2px 0px rgba(0,0,0,0.16);
}

.Section.sec_useful .cards .card .texts {
  padding: 20px;
}

.Section.sec_useful .cards .card .texts h3 {
  font-size: 18px;
  margin-bottom: 20px;
}

.Section.sec_useful .cards .card .texts .txt {
  margin-bottom: 10px;
}

.Section.sec_useful .cards .card .btn a {
  display: block;
  border: 1px solid var(--Red2);
  width: 100%;
  box-sizing: border-box;
  text-align: center;
  font-size: 14px;
  line-height: 1;
  padding: 12px;
  /*background: url(/-/media/ind/flexworkplace/image/icon_arrow_dgreen2.svg) calc(100% - 10px) center no-repeat;*/
	background: url(/-/media/image/jp/r1/icon/icon_link_right.gif) calc(100% - 10px) center no-repeat;
}

/* sec_faq */

.Section.sec_faq .part {
  margin-bottom: 100px;
}

.Section.sec_faq .part:last-child {
  margin-bottom: 0px;
}

.Section.sec_faq .part h3 {
  color: var(--Gray4);
  font-size: 24px;
  font-weight: bold;
  text-align: center;
}

#Contents .faq_list {
  font-size: 16px;
}

#Contents .faq_list > li {
  padding: 30px 0 30px 30px;
  border-bottom: 1px solid #757374;
}

#Contents .faq_list .question,
#Contents .faq_list .answer {
  position: relative;
  display: flex;
  justify-content: space-between;
}

#Contents .faq_list .question {
  cursor: pointer;
}

#Contents .faq_list .question::before,
#Contents .faq_list .answer::before {
  font-size: 20px;
  font-weight: bold;
  padding-right: 10px;
  position: absolute;
  left: 0px;
}

#Contents .faq_list .question::before {
  content: "Q.";
}

#Contents .faq_list .answer::before {
  content: "A.";
}

#Contents .faq_list .answer {
  display: none;
  overflow: hidden;
  padding-top: 30px;
}

#Contents .faq_list .answer a {
  text-decoration: underline;
}

#Contents .faq_list .body {
  padding-left: 60px;
}

#Contents .faq_list .question .body {
  font-weight: bold;
  padding-right: 10px;
}

#Contents .faq_list .answer .body {
  padding-right: 40px;
}

#Contents .faq_list .body ol li {
  list-style: decimal;
  margin-bottom: 1em;
}

#Contents .faq_list .body p {
  margin-bottom: 1em;
}

#Contents .faq_list .body ol li:last-child,
#Contents .faq_list .body p:last-child {
  margin-bottom: 0;
}

#Contents .faq_list .icon {
  width: 30px;
  height: 30px;
  min-width: 30px;
  position: relative;
}

#Contents .faq_list .icon::before,
#Contents .faq_list .icon::after {
  content: "";
  background-color: #444444;
  position: absolute;
}

#Contents .faq_list .icon::before {
  width: 30px;
  height: 2px;
  left: 0;
  top: 14px;
}

#Contents .faq_list .icon::after {
  width: 2px;
  height: 30px;
  left: 14px;
  top: 0px;
  transition: transform 0.6s ease;
}

#Contents .faq_list .open .icon::after {
  transform: rotate(270deg);
}

#Contents .faq_list .answer .btn {
  text-align: right;
}

#Contents .faq_list .answer .btn a {
  color: #000;
  text-decoration: none;
  font-size: 14px;
  padding-right: 20px;
  background: url(/-/media/ind/flexworkplace/image/icon_arrow_dgreen2.svg) calc(100%) center no-repeat;
}

/* sec_copyrights */

.Section.sec_copyrights ul>li {
  margin-bottom: 10px;
}
@media screen and (min-width: 995px) and (max-width: 1304px) {
	.OptionWideRWD #Contents {
		padding-right: 0px;
		padding-left: 0px;
	}
	.OptionWideRWD .GridSet {
		margin: 0;
	}
	.OptionWideRWD .Grid4 {
		padding: 0;
	}
	.OptionWideRWD .Grid4 .Section .Inner {
		padding: 0 1em;
		width: 100%;
	}
	.OptionWideRWD .WideSet.LFont h2>span {
		width: auto;
	}
	.OptionWideRWD .Section.sec_about .fwp .cards .logos {
		flex-wrap: wrap;
		gap: 1em;
	}
	.OptionWideRWD #Contents .Section.sec_about .fwp .cards .card .logos img {
		max-height: 45px;
	}
	.OptionWideRWD .WideSet .HorizontalInnerLinks {
		width: 100%;
	}
	.SP #FloatingContacts h2 {
		width: 100%;
	}
	.WideSet .Section.HorizontalInnerLinks {
		width: auto;
	}
}
#Contents #FloatingContacts {
	width: 100%;
	margin: 0;
}
@media screen and (max-width: 995px) {
	.JS #Contents #FloatingContacts li,
	.JS #Contents #FloatingContacts li:last-child {
        width: 40%;
    }
}
@media screen and (max-width: 767px) {
	.JS #Contents #FloatingContacts li,
	.JS #Contents #FloatingContacts li:last-child {
        width: 50%;
    }
}
/*=========================================================
for 994px
===========================================================*/

@media screen and (max-width: 994px) {
	.JS div#FloatingContacts {
		margin-left: 0;
		width: 100%;
	}
	.JS .Overflow {
		overflow-x: auto;
		margin-bottom: 10px;
	}

	.JS.SP #FloatingContacts h2 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		box-sizing: border-box;
	}
	.JS #FloatingContacts h2 span {
		text-align: center;
	}
  #Contents br.pc {
    display: none;
  }

  #Contents br.sp {
    display: inline;
  }
	.JS .GridSet {
		width: auto;
		max-width: inherit;
		margin: 0;
	}
  /*Common*/

  .JS #Contents {
    padding: 0;
  }

  .Under995	.WideSet .Section>.Inner {
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .JS .Grid4 {
    padding-left: 0;
  }

  .Under995 .WideSet.LFont h2>span {
    width: 100%;
    box-sizing: border-box;
    text-align: left;
  }

  .JS .ColumnSet {
    margin-left: 0;
  }

  .JS .ColumnSet .Column1 {
    padding-left: 0;
  }

  .Under995 .WideSet .ColumnSet .Column1 h4 {
    margin-left: 0;
  }

  .Under995 .Column1 {
    box-sizing: border-box;
  }

  .Under995 .WideSet .HorizontalInnerLinks {
    width: 100%;
  }

  .Under995 .WideSet.Case #Sec00 .Column1,
	.Under995 .WideSet.Case #Sec00 .Column3 {
    width: 100%;
  }

  /*******************
  	TopPage
  *******************/

  /*Branding*/

  .Under995 .WideSet .PageTitleStyle3 {
    margin-bottom: 10px;
    background-size: 160%;
    height: auto;
    min-height: inherit;
  }

  .Under995 .WideSet .PageTitleStyle3>div {
    width: 100%;
  }

  .Under995 .WideSet .PageTitleStyle3>div h1 {
    position: relative;
    padding-left: 1em;
    margin-left: 15px;
  }
	.Under995 #Contents .Section.sec_about .fwp .cards .card .logos img {
		width: auto;
		max-width: 200px;
	}
		.JS .Section.sec_solution .part .comparison {
		width: auto;
	}

  /* column */

  .Under995 .WideSet .column .PageTitleStyle3>div h1 {
    position: relative;
    padding-left: 0;
  }

  .Under995 .WideSet.Top .PageTitleStyle3>div h1 {
    padding-left: 0;
  }

  .Under995 .WideSet.Top .TextStyle3 {
    text-align: left;
  }

  /*Section01*/

  .Under995 .WideSet .Sec01 .ColumnSet .ColumnHalf,
		.Under995 .WideSet #Series .ColumnSet .ColumnHalf {
    width: calc((100% / 2) - 15px);
  }

  .Under995 .WideSet.Top #Series .ColumnHalf .ListStyle1 li {
    font-size: 140%;
  }

  .Under995 .WideSet.Top .Sec01 p.CatchCopy {
    font-size: 140%;
  }

  /*Section02*/

  .Under995 .WideSet #Sec02 .ColumnSet .Column1 {
    width: calc((100% / 3) - 10px);
    float: left;
    transition: .08s ease-in;
    margin-left: 15px;
  }

  .Under995 .WideSet #Sec02 .ColumnSet.Point .Column1 {
    padding-left: 0;
  }

  .Under995 .WideSet #Sec02 .ColumnSet.Point .Column1.FirstItem {
    margin-left: 0;
  }

  .Under995 .WideSet #Sec02 .ColumnSet.Point .Column1.LastItem {
    padding-right: 0;
  }

  .Under995 .WideSet #Sec02 .ColumnSet .Column1 h4 {
    margin-left: 0;
  }

  .Under995 .WideSet.Top #Sec02 .Inner>h2>span {
    /*Top*/
    font-size: 110%;
    text-align: left;
  }

  /*******************
  UniApp Page
  *******************/

  .Under995 .WideSet .ColumnHalf {
    width: calc((100% / 2) - 15px)
  }

  .JS .WideSet.UniApp #Sec02 h3 {
    line-height: 1.8;
    text-align: left;
  }

  .Under995 .WideSet.UniApp .Column3,
		.Under995 .WideSet.Case .Column3 {
    width: calc(100% / 3);
  }

  .Under995 .WideSet dd .TextStyle1:after {
    content: "";
    display: block;
    clear: both;
  }

  .Under995 .WideSet.UniApp #Unifier dd>ul+p,
	.Under995 .WideSet.UniApp #Unifier dd>ul {
    width: calc((100% / 2) - 78px);
    min-height: 110px;
  }

  .Under995 .WideSet.UniApp #Unifier dd>ul:after {
    left: 104%;
  }

  /************
  	Case
  ****************/

  .Under995 .WideSet.LFont.Under .ColumnHalf h2>span {
    min-height: 5em;
  }

  .Under995 .WideSet.LFont.Case h3 {
    font-size: 130%;
  }

  /* column */

  .Under995 .Grid4.column .Column2.FirstItem {
    padding-left: 0;
  }

  .Under995 .WideSet .Grid4.column #Sec02 .ColumnSet .Column1 {
    width: inherit;
    float: none;
  }

  .JS .Grid4 .Section .Inner {
    padding: 0 20px;
		width: auto;
  }
  .JS .contact_btns .btn,
	.JS .contact_btns .btn.inquiry {
    width: 100%;
    margin: 0 0 20px 0;
  }
	.JS .Section.sec_fv .contact_btns .btn {
		width: 300px;
		margin: 0;
	}
  .JS .Grid4 .Section h2>span {
    font-size: 28px;
  }

  /* sec_fv */

  .JS .Section.sec_fv .contact_btns {
    width: auto;
    align-items: center;
		gap: 1em;
  }

  .JS .Section.sec_fv .contact_btns .btn {
    margin: 0 0 20px 0;
  }

  .JS .Section.sec_fv .title {
    width: auto;
  }

  /* sec_awards */

  .JS .Section.sec_awards .Inner {
    width: auto;
  }

  .JS .Section.sec_awards .awards img {
    width: 40%;
  }

  .JS .Section.sec_cta .txt1 {
    font-size: 16px;
  }

  /* sec_about */

  .JS .Section.sec_about .fwp {
    padding: 20px;
  }

  .JS .Section.sec_about .fwp .cards {
    flex-direction: column;
  }

  .JS .Section.sec_about .fwp .cards .card {
    margin: 0 0 20px 0;
    box-sizing: border-box;
  }

  /* sec_solution */

  .JS .Section.sec_solution .layoutbox {
    flex-direction: column;
  }

  .JS .Section.sec_solution .layoutbox .texts {
    padding-right: 0px;
    margin-bottom: 20px;
  }

  .JS .Section.sec_solution .layoutbox .img {
    min-width: 100%;
  }
	.JS .Section.sec_solution .layoutbox .img img {
		margin: auto;
		display: block;
	}
  .JS .Section.sec_solution .lineup .lineup_item {
    flex-direction: column;
  }
  .JS .Section.sec_solution .lineup .lineup_item img {
		margin: auto;
		display: block;
	}
  .JS .Section.sec_solution .lineup .lineup_item .img {
    width: auto;
    padding: 20px;
  }

  .Section.sec_solution .part .comparison {
    width: auto;
  }

  .Section.sec_solution .part .comparison table {
    width: 200vw;
  }

  /* sec_realization */

  .Section.sec_realization .part {
    width: auto;
  }

  /* sec_interview */

  .Section.sec_interview ul>li .layoutbox .img {
    width: auto;
    min-width: auto;
    margin-bottom: 20px;
  }

  .Section.sec_interview ul>li .layoutbox .texts {
    padding-left: 0;
  }

  .Section.sec_interview ul>li .layoutbox .texts dl>dt {
    width: 17%;
  }

  .Section.sec_interview ul>li .layoutbox .texts dl>dd {
    width: 83%;
  }

  .Section.sec_interview .part.telework .layoutbox {
    flex-direction: column;
  }

  .Section.sec_interview .part.telework .layoutbox .img {
    width: auto;
    min-width: auto;
    margin-bottom: 20px;
  }

  .Section.sec_interview .part.telework .layoutbox .texts {
    padding-left: 0;
    padding-bottom: 40px;
  }

  /* sec_faq */

  #Contents .faq_list > li {
    padding-left: 0;
  }

  #Contents .faq_list .body {
    padding-left: 40px;
  }
}

/*End of 994*/

/*=========================================================
for 767px
===========================================================*/

@media screen and (max-width: 767px) {
	
  .JS .contact_btns {
    flex-direction: column;
  }

	.JS .Section.sec_fv {
		height: 500px;
	}
  .JS #BrandingImgStyle1 {
    margin: 0;
  }

  .JS .HorizontalInnerLinks li a,
	.JS .HorizontalInnerLinks li a:link,
	.JS .HorizontalInnerLinks li a:link *,
	.JS .HorizontalInnerLinks li a:visited {
    background-position: right center;
  }

  .JS .WideSet.LFont h3 span {
    line-height: 1.6;
  }

  .JS .WideSet .Inner.Contact>.contact {
    max-width: 600px;
    width: 100%;
  }

  .JS .siteMap {
    font-size: 90%;
  }

  .JS .siteMap li {
    width: 100%;
    margin: 10px 0;
  }

  .JS .siteMap li.sub {
    width: 100%;
    margin: 0 0 10px;
  }

  /*******************
  TopPage
  *******************/

  .JS .WideSet .PageTitleStyle3 {
    background-position: 100% 10%;
  }

  .JS .WideSet.LFont.Top .Inner.Sec00 {
    width: 100%;
    padding: 2em;
    box-sizing: border-box;
  }

  .Under995 .WideSet #Series .ColumnSet .ColumnHalf {
    width: 100%;
    float: none;
    padding-top: 0;
  }

  .Under995 .WideSet #Series .ColumnSet .ColumnHalf .ImgOnlyStyle {
    width: 50%;
    height: auto;
  }

  .JS .WideSet.Top #Series .ColumnHalf .ListStyle1 li:before {
    top: -20px;
  }

  /*Section01*/

  .Under995 .WideSet .Sec01 .ColumnSet .ColumnHalf {
    width: 100%;
    float: none;
    padding-top: 0;
  }

  .Under995 .WideSet.Top .Sec01 .ColumnHalf h2 {
    text-align: center;
  }

  .Under995 .WideSet.Top .Sec01 p.CatchCopy {
    font-size: 140%;
  }

  .Under995 .WideSet .Sec01 .ColumnSet .ColumnHalf .ImgOnlyStyle {
    width: 50%;
    height: auto;
    margin: auto;
  }

  .JS .WideSet.Top #Sec03 .ClearFix .TextStyle1 {
    width: 100%;
    float: none;
  }

  .JS .WideSet.Top #Sec03 .ClearFix .ImgRightAdjust {
    width: 80%;
    text-align: center;
    margin: auto;
  }

  .JS .WideSet.Top #Info {
    width: 100%;
  }

  .JS .WideSet .Inner {
    padding: 0 15px;
  }

  .JS .WideSet.Top #Info .ColumnSet {
    width: 100%;
  }

  .JS .WideSet.Top #Info .ColumnSet .Column1 {
    width: calc(50% - 7.5px);
  }
	/* sec_interview */
  .JS .Section.sec_interview ul>li .layoutbox {
    flex-direction: column;
  }
  /*******************
  UniApp Page
  *******************/

  .Under995 .WideSet.UniApp #Sec02 .ColumnHalf.LastItem h3 {
    font-size: 150%;
  }

  .Under995 .WideSet.UniApp #Sec02 .ColumnHalf.LastItem h3 span {
    font-size: 180%;
  }

  .Under995 .WideSet.UniApp ul.demand li h4 {
    min-height: 4em;
  }

  .Under995 .WideSet.UniApp .Column3,
	.Under995 .WideSet.Case .Column3 {
    width: 100%;
    margin-left: 0;
    padding-left: 0;
  }

  .JS .WideSet.UniApp #Unifier dd>ul+p,
	.JS .WideSet.UniApp #Unifier dd>ul {
    min-height: 140px;
  }

  .JS .WideSet.UniApp #Sec05 .ColumnHalf dt {
    float: none;
  }

  /* add 202502 */

  .SP #Contents #FloatingContacts h2 {
    font-size: 100%;
    line-height: 1.6;
  }

  .SP #Contents #FloatingContacts h2 span {
    border: none;
    width: auto;
  }

  .contact_btns {
    flex-direction: column;
  }

  .contact_btns .btn {
    width: 100%;
    margin: 0 0 20px 0;
  }

  .contact_btns .btn:last-child {
    margin-bottom: 0;
  }

  /* sec_cta */

  .Section.sec_cta .txt1 {
    font-size: 16px;
  }

  /* sec_fv */

  .Section.sec_fv {
    height: 500px;
  }

  .winpc .Section.sec_fv {
    background-image: url(/-/media/ind/flexworkplace/image/img_fv_winpc_sp.jpg);
  }

  .Dataless .Section.sec_fv {
    background-image: url(/-/media/ind/flexworkplace/image/img_fv_datalesspc_sp.jpg);
  }

  .Case .Section.sec_fv {
    background-image: url(/-/media/ind/flexworkplace/image/img_fv_case_sp.jpg);
  }

  .telework .Section.sec_fv {
    background-image: url(/-/media/ind/flexworkplace/image/img_fv_telework_sp.jpg);
  }

  .column .Section.sec_fv {
    background-image: url(/-/media/ind/flexworkplace/image/img_fv_column_sp.jpg);
  }

  .comparison .Section.sec_fv {
    background-image: url(/-/media/ind/flexworkplace/image/img_fv_comparison_sp.jpg);
  }

  .Section.sec_fv .title h1 {
    font-size: 44px;
    line-height: 1.2;
    margin-bottom: 20px;
  }

  .Section.sec_fv .title p {
    font-size: 20px;
  }

  .Section.sec_fv .contact_btns {
    align-items: center;
  }

  .Section.sec_fv .contact_btns .btn {
    width: 300px;
  }

  /* winpc */

  .winpc .Section#Sec01 .cases {
    display: flex;
    flex-direction: column;
  }

  .winpc .Section#Sec01 .cases>.case h3 {
    min-height: auto;
  }

  .winpc .Section#Sec01 h2 {
    font-size: 35px;
  }

  .winpc .Section#Sec02 .ColumnSet {
    display: flex;
    flex-direction: column;
    gap: 60px;
  }

  .winpc .Section#Sec02 .ColumnSet::after {
    display: none;
  }

  .winpc .Section#Sec02 .ColumnSet .ColumnHalf {
    padding: 0;
  }

  .WideSet.winpc #Sec02 .ColumnHalf.FirstItem {
    border-right: none;
  }

  .winpc .Section#Sec03 .ColumnSet1 {
    width: auto;
    display: block;
    margin-bottom: 40px;
  }

  .winpc .Section#Sec03 .ColumnSet1 p {
    margin-bottom: 1em;
  }

  .winpc .Section#Sec03 .ColumnSet1 img {
    max-height: 100px;
    height: auto;
  }

  .winpc .Section#Sec03 .ColumnSet2 {
    width: auto;
    display: block;
  }

  .winpc .Section#Sec03 .ColumnSet2 ol {
    gap: 20px;
    margin-top: 20px;
  }

  .WideSet.winpc #Sec03 h3 {
    font-size: 120%;
  }

  .WideSet.winpc #Sec03 h4 {
    font-size: 120%;
  }

  .WideSet.winpc #Sec03 .ColumnHalf.FirstItem {
    border-right: none;
  }

  .WideSet.winpc #Sec04 h3 {
    font-size: 120%;
  }

  .winpc .Section#Sec04 .ColumnSet1 {
    width: auto;
    display: block;
  }

  .winpc .Section#Sec04 .ColumnSet1 p {
    margin-bottom: 20px;
  }

  .winpc .Section#Sec05 ol {
    gap: 60px;
  }

  .winpc .Section#Sec05 ol li {
    display: block;
    padding-left: 0;
  }

  .winpc .Section#Sec05 ol li .texts {
    margin-bottom: 20px;
  }

  .winpc .Section#Sec05 ol li .texts h3 {
    line-height: 1.5;
    padding-left: 98px;
    min-height: 70px;
    display: flex;
    align-items: center;
    margin-bottom: 10px;
  }

  /* Dataless */

  .WideSet.Dataless .Ver2022 .Flex {
    flex-direction: column;
		align-items: center;
    gap: 20px;
  }

  .WideSet.Dataless .Ver2022 .Flex li {
    width: auto;
  }

  .WideSet.Dataless .Ver2022 .Flex h4 {
    font-size: 80%;
    font-weight: normal;
    text-align: center;
  }

  .WideSet.Dataless .ColumnSet .Column1 {
    width: auto;
  }

  .WideSet.Dataless .TableStyle2 {
    width: 200vw;
  }

  .WideSet.Dataless .movie h3 {
    font-size: 16px;
  }

  /****************
  	Case
  ***************/

  .JS .WideSet.LFont.Case h2>span {
    text-align: left;
  }

  .JS .WideSet.Case .ColumnHalf {
    float: none;
    width: 100%;
  }

  .JS .WideSet.Case .Case01 .ColumnHalf.LastItem {
    margin-top: 20px;
    max-height: 300px;
  }

  .JS .WideSet.Case .Case01 .ColumnHalf.LastItem .ImgOnlyStyle {
    width: 60%;
  }

  .JS .WideSet.LFont.Under .ColumnHalf h2>span {
    min-height: inherit;
  }

  .JS .WideSet.Case #Sec00 .Column2 .ImgOnlyStyle.CenterAdjust {
    text-align: left;
  }

  /* column */

  .JS .Grid4.column .Column2 {
    padding: 0;
    margin-bottom: 15px;
  }

  .JS .Ver2022 .Flex.Three {
    flex-flow: column;
  }

  .JS .Ver2022 .Flex.Three li {
    width: 100%;
  }

  .WideSet.Case #Sec01 h3 {
    font-size: 120%;
  }

  .WideSet.Under.Case #Sec01 p.CatchCopy {
    font-size: 120%;
  }

  /* telework */

  .WideSet.telework h3 {
    font-size: 120%;
  }

  /* column */

  .WideSet.column .ColumnSet {
    flex-direction: column;
  }

  .WideSet.column .Grid4.column .Section h2 {
    font-size: 20px;
  }
}

/*End of 768*/

/*=========================================================
for 579px
===========================================================*/

@media screen and (max-width: 579px) {
  .JS .PageTitleStyle3 {
    background-color: transparent;
  }

  .JS .WideSet.LFont h2 {
    font-size: 210%;
  }

  /* column */

  .JS .WideSet.LFont h2 {
    font-size: 170%;
  }

  .JS .WideSet.LFont h2>span {
    font-size: 90%;
    text-align: left;
    /*			padding: 13px 20px 15px;*/
  }

  .JS .WideSet .Inner.Contact>h2,
	.JS .WideSet #Sec07 h2 {
    text-align: left;
    font-size: 180%;
    padding: 0 20px;
  }

  .JS .WideSet .Inner.Contact>p.CatchCopy,
	.JS .WideSet #Sec07 p.CatchCopy {
    padding: 0 20px;
    text-align: left;
    font-weight: normal;
    color: #333;
  }

  .JS .WideSet .Inner.Contact>.contact,
	.JS .WideSet.Top .Inner.Contact>.contact {
    width: 100%;
  }

  .JS .WideSet .Inner table th,
	.JS .WideSet .Inner table td {
    font-size: 80%;
  }

  /*******************
  TopPage
  *******************/

  .JS .WideSet #Series .ColumnSet .ColumnHalf .ImgOnlyStyle {
    width: 80%;
    height: auto;
    margin: auto;
  }

  .JS .WideSet.Top #Sec02 .ColumnSet.Point .Column1 {
    float: none;
    width: 100%;
    margin-left: 0;
  }

  .JS .WideSet.Top #Sec02 .ColumnSet.Point h4 {
    text-align: left;
  }

  .JS .WideSet.Top div.ColumnSet.Point .Column1 .ImgOnlyStyle {
    float: left;
    width: 50%;
    margin-right: 15px;
    display: inline-block;
  }

  .JS .WideSet.Top #Sec02 .Inner>h2 {
    margin-bottom: 10px;
  }

  .JS .WideSet.Top #Sec02 .Inner>h2>span {
    font-size: 80%;
  }

  .JS .WideSet.Top #Sec02 .Inner>p>img {
    width: 100%;
  }

  .JS .ColumnHalf {
    min-height: inherit;
  }

  .JS .WideSet.Top #Info .ColumnSet .Column1 {
    width: 100%;
    float: none;
    margin: 0;
  }

  .JS .WideSet.Top #Info .ColumnSet .Column1.FirstItem {
    margin-bottom: 15px;
  }

  .JS .WideSet iframe {
    max-width: 560px;
    width: 100%;
  }

  .JS .WideSet .Inner.Contact>.contact a,
.JS .WideSet #Sec07 .contact a {
    text-shadow: 0 1px 5px rgba(0,0,0,0.8);
    font-size: 140%;
  }

  /*******************
  UniApp Page
  *******************/

  .JS .WideSet.UniApp ul.demand li {
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
  }

  .JS .WideSet.UniApp #Unifier .ColumnHalf {
    float: none;
    width: 100%;
  }

  .JS .WideSet.UniApp #Unifier .ColumnHalf.FirstItem .ImgOnlyStyle {
    width: 80%;
  }

  .JS .WideSet.UniApp #Unifier .ColumnHalf.LastItem h3 {
    font-size: 150%;
  }

  .JS .WideSet.UniApp #Unifier .ColumnHalf.LastItem h3 span {
    font-size: 180%;
  }

  .JS .WideSet.UniApp ul.demand li h4 {
    min-height: 3em;
  }

  .JS .WideSet.UniApp #Unifier dd>ul+p,
	.JS .WideSet.UniApp #Unifier dd>ul {
    width:100%;
    float: none;
    margin: 0;
    min-height: 110px;
    box-sizing: border-box;
  }

  .JS .WideSet.UniApp #Unifier dd>ul {
    margin-bottom: 80px;
  }

  .JS .WideSet.UniApp #Unifier dd>ul:after {
    position: absolute;
    content:  url("/-/media/ind/flexworkplace/unifier_appself/image/under_arrow_uniapp.png");
    top: 104%;
    left: 45%;
  }

  .JS .WideSet.UniApp #Sec05 .ColumnHalf {
    float: none;
    width: 100%;
  }

  .JS .WideSet.UniApp #Sec05 .ColumnHalf.FirstItem {
    border-right: none;
    border-bottom: .5px dotted ;
  }

  .JS .WideSet .ColumnHalf {
    width: 100%;
    float: none;
  }

  .JS .WideSet.UniApp #Sec05 .ColumnHalf dt,
	.JS .WideSet.UniApp #Sec05 .ColumnHalf dd {
    text-align: center;
    margin: 15px auto;
  }

  /**************
  Case
  *******************/

  .JS .WideSet.Case .Case01 .ColumnHalf.LastItem .ImgOnlyStyle {
    width: 100%;
  }

  .JS .WideSet.Case .Case01 .ColumnHalf.LastItem {
    max-height: 380px;
  }

  /** column */

  .JS .Grid4.column div.wrapper {
    width: 100%;
  }

  .JS .Ver2022 p.Contact {
    flex-flow: column;
  }

  .JS .Ver2022 p.Contact a {
    margin: 0 auto 1em;
    width: 100%;
  }
	.JS .Section.sec_about .fwp .cards .card .logos {
		flex-direction: column;
		align-items: center;
		gap: 1em;
	}
}

/*End of 579*/

/*=========================================================
for 399px
===========================================================*/

@media screen and (max-width: 399px) {
  /*****************
  	Case
  *******************/

  .JS .WideSet.Case .Case01 .ColumnHalf.LastItem {
    max-height:250px;
  }

  .JS .WideSet.Case .Case01 .ColumnHalf.LastItem .ImgOnlyStyle {
    width: 100%;
  }
}

/*End of 399*/