@charset "UTF-8";

div#itemTitle {
  margin-bottom: 0;
}

/*  mainImg
----------------------------------------------------------------*/
.mainImg {
  margin: 0 0 35px;
  position: relative;
}
.mainImg img {
  width: 100%;
  height: auto;
}
.mainImg .inner {
  height: 100%;
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
}
.mainImg .inner .mainTxt {
  position: absolute;
  background-color: rgb(0 0 0 / 80%);
  color: #FFF;
  right: 0;
  left: 0;
  bottom: 0;
  padding: 12px 17px;
  font-size: 16px;
  font-weight: bold;
  margin-top: -75px;
  line-height: 1.4;
  text-align: center;
  box-sizing: border-box;
  margin: 0 auto !important;
  display: inline-block;
}
.mainImg .inner .mainTxt p {
  margin: 0;
  display: inline-block;
}
.mainImg .inner .mainTxt span {
  display: inline-block;
  background-color: #FFF;
  color: #000;
  font-size: 14px;
  padding: 4px 10px;
  text-align: center;
  margin: 0 0 0 8px;
}

/*  topTxt
----------------------------------------------------------------*/
.topTxt {
  margin: 0 4%;
}
.topTxt p {
  font-size: 16px;
  margin: 0 0 20px;
}
.topTxt p.caution {
  font-weight: bold;
  color: #c75f5f;
  text-align: left;
}

/*  seminarWrap
----------------------------------------------------------------*/
.seminarWrap {
  background-color: #f3f3f3;
  background-color: #e0dcb5;
  padding: 30px 0 0;
  margin: 0 0 60px;
}
.seminarWrap h2 {
  text-align: center;
  position: relative;
  font-weight: bold;
  font-size: 22px;
  background: url(/common/images/UF22/line_ttl.svg) no-repeat center center;
  background-size: 164px auto;
  min-height: 204px;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 0 20px;
}
.seminarWrap>p {
  font-size: 16px;
  margin: 0 0 40px;
}
.seminarWrap .bottomImg img {
  width: 100%;
  height: auto;
}

/*  hintWrap
----------------------------------------------------------------*/
section.hint {
  padding: 0 4%;
}
.hintWrap {
  margin: 4% auto 35px;
}

.hintWrap dl {
  border-radius: 6px;
  border: solid 6px #D7EEF3;
  background-color: #FFF;
  padding: 50px 25px 25px;
  position: relative;
  margin: 30px 0 44px;
}
.hintWrap dl:nth-of-type(1) {
  background: #FFF url(/common/images/UF21/icon01.svg) no-repeat right 20px top 40px;
}
.hintWrap dl:nth-of-type(2) {
  background: #FFF url(/common/images/UF21/icon02.svg) no-repeat right 20px top 58px;
}
.hintWrap dl:nth-of-type(3) {
  background: #FFF url(/common/images/UF21/icon03.svg) no-repeat right 32px top 36px;
}
.hintWrap dl:nth-of-type(4) {
  background: #FFF url(/common/images/UF21/icon04.svg) no-repeat right 30px top 30px;
}
.hintWrap dl:nth-of-type(1)::before {
  content: url(/common/images/UF21/num1.svg);
  left: 50%;
  top: -38px;
  margin: 0 0 0 -32px;
  position: absolute;
}
.hintWrap dl:nth-of-type(2)::before {
  content: url(/common/images/UF21/num2.svg);
  left: 50%;
  top: -38px;
  margin: 0 0 0 -32px;
  position: absolute;
}
.hintWrap dl:nth-of-type(3)::before {
  content: url(/common/images/UF21/num3.svg);
  left: 50%;
  top: -38px;
  margin: 0 0 0 -32px;
  position: absolute;
}
.hintWrap dl:nth-of-type(4)::before {
  content: url(/common/images/UF21/num4.svg);
  left: 50%;
  top: -38px;
  margin: 0 0 0 -32px;
  position: absolute;
}
.hintWrap dl dt {
  text-align: center;
  font-weight: bold;
  font-size: 22px;
  margin: 0 0 25px;
  color: #000;
  line-height: 1.6em;
}
.hintWrap dl dt br {
  display: none;
}
.hintWrap dl dd {
  color: #4E5861;
  font-size: 16px;
}
.hintWrap dl dd span {
  display: block;
  margin-top: 20px;
}

/*  recommendSeminar
----------------------------------------------------------------*/
.recommendSeminar {
  /* width: 912px; */
  margin: 0 auto;
  padding: 0 4% 30px;
}
.recommendSeminar>p {
  font-size: 16px;
  margin: 0 0 40px;
  text-align: center;
}
.recoWrap {
}
.recoWrap .col {
  width: 100%;
  margin: 0 0 40px;
  background-color: #FFF;
  display: block;
  color: #000;
  text-decoration: none;
  position: relative;
}
.recoWrap .col.noLink {
  pointer-events: none;
}
.recoWrap .col:hover {
  opacity: 0.7;
}
.recoWrap .col .img {
  position: relative;
}
.recoWrap .col .img span {
  position: absolute;
  background-color: #4E5861;
  color: #FFF;
  font-size: 14px;
  padding: 3px 12px;
  border-radius: 20px;
  display: inline-block;
  left: 20px;
  top: 20px;
  text-align: center;
}
.recoWrap .col .date {
  background-color: #c1b48f ;
  padding: 10px 25px;
  font-size: 24px;
  float: none;
  color: #000;
  font-weight: bold;
  position: relative;
  color: #FFF;
}
.recoWrap .col .date span.snum {
  position: absolute;
  right: 14px;
  top: 16px;
  display: block;
  padding: 2px 7px;
  background-color: #e3efa8;
  font-weight: normal;
}
.recoWrap .col .date span {
  font-size: 14px;
}
.recoWrap .col .textWrap {
  /* display: -webkit-flex; */
  /* display: flex; */
  /* -webkit-justify-content: space-between; */
  /* justify-content: space-between; */
  /* -webkit-box-align: start; */
  -ms-flex-align: start;
  /* align-items: flex-start; */
  padding: 25px 30px 90px;
  text-align: center;
}
.recoWrap .col .textWrap.col2Wrap {
  display: block;
  padding: 25px 30px 90px;
  text-align: left;
}
.recoWrap .col .textWrap.col2Wrap .col2WrapInner {
}
.recoWrap .col .textWrap.col2Wrap .col2WrapInner .col2 {
  max-width: 340px;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  margin-right: 60px;
  margin: 0 auto 20px;
}
.recoWrap .col .textWrap.col2Wrap .col2WrapInner .col2 .colTxt {
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-right: 10px;
}
.recoWrap .col .txt {
  line-height: 1.8em;
  /* width: 595px; */
  text-align: left;
  margin: 20px 0 0;
}
.recoWrap .bold {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6em;
  text-align: left;
}
.recoWrap .col .txt .bold span {
  color: #c77c5f;
  display: inline-block;
  margin: 0 5px 0 0;
}
.recoWrap .name {
  font-size: 12px;
  line-height: 1.8em;
  margin: 0 0 20px;
}
.recoWrap .col2WrapInner .name {
  margin: 0 0 0;
}
.recoWrap .name .large {
  display: block;
  font-size: 19px;
  font-weight: bold;
  margin: 8px 0 0;
}
.recoWrap .bottom {
  line-height: 1.6em;
  font-size: 14px;
}
.recoWrap .col .btn {
  position: absolute;
  width: 280px;
  left: 50%;
  bottom: 0;
  padding: 0 0 30px;
  text-align: center;
  margin-left: -140px;
}
.recoWrap .col .btn span {
  background-color: #c75f5f;
  color: #FFF;
  font-size: 16px;
  padding: 5px 0;
  border-radius: 6px;
  text-align: center;
  font-weight: bold;
  margin: 0 auto;
  display: inline-block;
  width: 280px;
}
.recoWrap .col.noLink .btn span {
  background-color: #BFD6DE;
}

/*  onlineTour
----------------------------------------------------------------*/
.onlineTour {
  margin: 0 4% 50px;
  font-size: 16px;
}
.onlineTour h2 {
  font-size: 26px;
  font-weight: bold;
  position: relative;
  margin: 0 0 120px;
  text-align: center;
}
.onlineTour h2::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: #38ABC2;
  left: 50%;
  top: 64px;
  position: absolute;
  margin: 0 0 0 -20px;
}
.onlineTour .contBox {
  margin: 0 0 30px;
}
.onlineTour .contBox .txt {
}
.onlineTour .contBox .txt h3 {
  font-size: 20px;
  margin: 0 0 20px;
  color: #38ABC2;
  font-weight: bold;
  position: relative;
}
.onlineTour .contBox .txt h3 span {
  position: absolute;
  left: 0;
  top: -50px;
  border: solid 1px #38ABC2;
  padding: 2px 8px;
  font-size: 18px;
  font-weight: normal;
}
.onlineTour .contBox .txt h3 span::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  background-color: #FFF;
  top: -1px;
  right: 0;
}
.onlineTour .contBox .txt h3 span::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 13px;
  border-right: solid 1px #38ABC2;
  transform: rotate(152deg);
  background-color: #FFF;
  bottom: -10px;
  left: 50%;
  margin-left: -7px;
}
.onlineTour .contBox .txt p {
  margin-bottom: 20px;
}
.onlineTour .contBox .img {
}
.onlineTour .contBox .img img {
  width: 100%;
  height: auto;
}
.onlineTour .schedule {
}
.onlineTour .schedule h3 {
  font-size: 20px;
  margin: 0 0 20px;
  color: #38ABC2;
  font-weight: bold;
}
.onlineTour .schedule ul {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.onlineTour .schedule ul li {
  width: 100%;
  margin: 0 0 15px;
}
.onlineTour .schedule ul li a {
  display: block;
  background-color: #c3e6ec;
  text-align: left;
  padding: 12px;
  text-decoration: none;
  position: relative;
}
.onlineTour .schedule ul li a.noLink {
  pointer-events: none;
}
.onlineTour .schedule ul li a:hover {
  opacity: 0.7;
}
.onlineTour .schedule ul li a.noLink:hover {
  opacity: 1;
}
.onlineTour .schedule ul li .date {
  float: none;
  color: #000;
  font-size: 24px;
  font-weight: bold;
}
.onlineTour .schedule ul li .date .week {
  font-size: 12px;
  margin: 0 0 0 14px;
}
.onlineTour .schedule ul li .date .time {
  font-size: 12px;
  margin: 0 0 0 10px;
}
.onlineTour .schedule ul li .snum {
  font-size: 12px;
  font-weight: normal;
  position: absolute;
  top: 15px;
  right: 15px;
  background-color: #d3ecf1;
  padding: 2px 10px;
  display: inline-block;
}
.onlineTour .schedule ul li .btn {
  background-color: #38abc2;
  color: #FFF;
  font-size: 16px;
  padding: 5px 25px;
  border-radius: 50px;
  text-align: center;
  font-weight: bold;
  margin: 10px 0 0;
  display: block;
  right: 20px;
}
.onlineTour .schedule ul li a.noLink .btn {
  background-color: #a9d2da;
}

/*  target
----------------------------------------------------------------*/
.target {
  margin: 20px 4% 50px;
  border-bottom: solid 1px #ececec;
  padding: 0 0 50px;
}
.target h2 {
  margin: 0 auto 28px;
  text-align: center;
  color: #38ABC2;
  font-size: 20px;
  font-weight: bold;
}
.target h2 span {
  display: inline-block;
  border: solid 1px #38ABC2;
  padding: 7px 37px;
  position: relative;
}
.target h2 span::before {
  position: absolute;
  content: "";
  width: 10px;
  height: 1px;
  background-color: #FFF;
  top: -1px;
  right: 0;
}
.target h2 span::after {
  position: absolute;
  content: "";
  width: 8px;
  height: 13px;
  border-right: solid 1px #38ABC2;
  transform: rotate(152deg);
  background-color: #FFF;
  bottom: -10px;
  left: 50%;
  margin-left: -7px;
}
.target ul {
  background-color: #E5F0B1;
  border-radius: 10px;
  padding: 8% 4% 4%;
}
.target ul li {
  display: inline-block;
  padding: 0 0 0 120px;
  font-size: 16px;
  text-align: left;
  line-height: 1.6em;
  margin: 0 0 20px;
  min-height: 105px;
}
.target ul li:nth-child(1) {
  background: url(/common/images/UF21/point01.png) no-repeat left top;
  background-size: 100px;
}
.target ul li:nth-child(2) {
  background: url(/common/images/UF21/point02.png) no-repeat left top;
  background-size: 100px;
}
.target ul li:nth-child(3) {
  background: url(/common/images/UF21/point03.png) no-repeat left top;
  background-size: 100px;
}

/*  summary
----------------------------------------------------------------*/
.summary {
  margin: 0 4% 50px;
}
.summary h2 {
  font-size: 26px;
  font-weight: bold;
  position: relative;
  margin: 0 0 60px;
  text-align: center;
}
.summary h2::after {
  content: "";
  width: 40px;
  height: 2px;
  background-color: #333;
  left: 50%;
  margin-left: -20px;
  top: 64px;
  position: absolute;
}
.summary table {
  border-top: solid 1px #dddddd;
}
.summary table tr {
  border-bottom: solid 1px #dddddd;
  display: block;
}
.summary table tr th,
.summary table tr td {
  padding: 12px 0;
  font-size: 16px;
}
.summary table tr th {
  color: #333;
  width: 100px;
  text-align: left;
}
.summary table tr td {
  color: #4E5861;
}

/*  contactBox
----------------------------------------------------------------*/
.contactBox {
  margin: 0 4% 60px;
  padding: 18px 22px;
  font-size: 16px;
  background-color: #f9f9f9;
}
.contactBox dt {
  font-weight: bold;
  padding: 0 0 10px;
  margin: 0 0 10px;
  font-size: 18px;
  border-bottom: dashed 1px #e8e8e8;
}

/*  calender
----------------------------------------------------------------*/
.calender {
  padding: 40px 4%;
}
.calender .inner {
  /* width: 912px; */
  margin: 0 auto;
}
.calender h2 {
  text-align: center;
  font-weight: bold;
  font-size: 24px;
  position: relative;
  margin: 0 0 40px;
  padding: 0 0 25px;
}
.calender h2::after {
  content: "";
  width: 56px;
  height: 2px;
  background-color: #333;
  left: 50%;
  bottom: 0;
  margin-left: -23px;
  position: absolute;
}
.calender h3 {
  text-align: center;
  font-weight: bold;
  font-size: 20px;
  margin: 40px 0 20px;
}
.calender .inner>p {
  text-align: center;
  font-size: 16px;
}
.calender .inner>p strong {
  color: #c75f5f;
}
.calender .calenderWrap {
}
.calender .calenderWrap table {
  width: 100%;
  background-color: #FFF;
  border-collapse:collapse;
  border-spacing:0;
}
.calender .calenderWrap table th,
.calender .calenderWrap table td {
  border: solid 1px #dfdfdf;
}
.calender .calenderWrap table thead th {
  text-align: center;
  width: 14.28%;
  box-sizing: border-box;
  background-color: #706a5b;
  color: #FFF;
  padding: 3px 0;
}
.calender .calenderWrap table tbody th,
.calender .calenderWrap table tbody td {
}
.calender .calenderWrap table tbody td {
  text-align: center;
  position: relative;
}
.calender .calenderWrap table tbody td a {
  display: block;
  color: #333;
}
.calender .calenderWrap table tbody td a.end {
  pointer-events: none;
}
.calender .calenderWrap table tbody td a:hover {
  text-decoration: none;
  opacity: 0.7;
}
.calender .calenderWrap table tbody td span {
  display: block;
}
.calender .calenderWrap table tbody td .day {
  background-color: #f3f3f3;
  padding: 3px 0;
}
.calender .calenderWrap table tbody td .btn {
  background-color: #c75f5f;
  width: 80%;
  margin: 15px auto;
  padding: 5px;
  color: #FFF;
  border-radius: 3px;
}
.calender .calenderWrap table tbody td a.end .btn {
  background-color: #a7a7a7;
}
.calender .calenderWrap table tbody td span.holiday {
  position: absolute;
  left: 50%;
  top: 50%;
  margin: 0 0 0 -1.5em;
}

/*  widecol
----------------------------------------------------------------*/
.recoWrap .col .textWrap.col2Wrap.widecol {
  padding: 25px 30px 20px;
}
.recoWrap .col .textWrap.col2Wrap.widecol .col2WrapInner {
  padding: 0;
  margin: 30px 0 0;
}
.recoWrap .col .textWrap.col2Wrap.widecol .col2WrapInner .col2 {
  max-width: 100%;
  display: block;
  padding: 0;
  margin: 30px 0 10px;
}
.recoWrap .col .textWrap.col2Wrap.widecol .col2WrapInner .col2 .colTxt {
  padding: 20px 0 0;
}
.recoWrap .col .textWrap.col2Wrap.widecol .col2WrapInner .col2 .nameWarp {
  width: 100%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 10px 15px 20px;
  box-sizing: border-box;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.recoWrap p.recoBottom {
  padding: 0 30px 90px;
  color: #c75f5f;
  font-size: 14px;
}

/*  introductionBox
----------------------------------------------------------------*/
.introductionBox {
  background-color: #FFF;
  padding: 30px;
}
.introductionBox>img {
  display: block;
  margin: 20px auto ;
  max-width: 380px;
  width: 100%;
}
.introductionBox .text {
}
.introductionBox .text h3 {
  font-size: 20px;
  font-weight: bold;
  margin: 0 0 20px;
}
.introductionBox .text p {
  font-size: 14px;
}
.introductionBox .text p.mainText {
  margin: 0 0 20px;
}

/*  dateBox
----------------------------------------------------------------*/
.dateBox {
  margin: 60px auto 0;
  font-size: 16px;
}
.dateBox dl {
  margin: 0 0 15px;
  border-bottom: solid 1px #ededed;
  padding: 0 0 15px;
}
.dateBox dl:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.dateBox dl dt {
  background-color: #c9bb93;
  color: #FFF;
  padding: 5px;
  width: 140px;
  text-align: center;
}
.dateBox dl dd {
  padding: 20px 0 00;
}
.dateBox dl dd .mainDate {
  display: block;
  font-size: 24px;
  font-weight: bold;
}

section.topTxt.single {
  margin: 0 5% 40px;
}

dl.contactBox.topImg2022 {
  text-align: center;
}
dl.contactBox.topImg2022 a {
  display: block;
  margin: 10px 0 0;
}

/* btnWrap
-------------------------------------------*/
.btnWrap {
  text-align: center;
  margin: 0 auto 40px;
  padding: 0 4%;
}
.btnWrap.mb60 {
  margin: 0 auto !important;
}
.btnWrap.spmb60 {
  margin: 0 auto 60px !important;
}
.btnWrap a {
  background: #3aa365 url(/common/images/UF24/icon_outlink.svg) no-repeat right 20px center;
  color: #FFF;
  border-radius: 50px;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 46px 15px 30px;
  right: 0;
  top: -18px;
  text-align: center;
  margin: 0 auto;
}
.btnWrap p {
  background: #c3c3c3;
  color: #FFF;
  border-radius: 50px;
  display: block;
  font-size: 15px;
  font-weight: bold;
  padding: 15px 46px 15px 30px;
  right: 0;
  top: -18px;
  text-align: center;
  margin: 0 auto;
}
.btnWrap p.btnTxt {
  background: none;
  color: #000;
  border-radius: unset;
  display: block;
  font-size: 18px;
  font-weight: bold;
  padding: 20px 0 0;
  right: unset;
  top: unset;
  text-align: center;
  width: unset;
  margin: 0;
  line-height: 1.5;
}
.btnWrap p.btnTxt br {
  display: none;
}

/* infoBox
-------------------------------------------*/
.infoBox {
  margin: 30px auto 40px;
  padding: 0 4%;
}
.infoBox .dateLine {
  background: linear-gradient(90deg, #56a1b7, #95cba8, #9dd2c5);
  text-align: center;
  padding: 7px 5px 5px;
  color: #FFF;
  font-weight: bold;
  font-size: 20px;
  margin: 0 0 30px;
}
.infoBox .seminarArea {
}
.infoBox .seminarArea .col {
  margin: 0 0 30px;
}
.infoBox .seminarArea .col .topinfo {
  margin: 0 0 15px;
}
.infoBox .seminarArea .col .topinfo .catbox {
  background-color: #0fb39f;
  color: #FFF;
  font-weight: bold;
  padding: 1px 7px;
  font-size: 16px;
  margin: 0 0 10px;
  display: block;
  width: 120px;
  text-align: center;
}
.infoBox .seminarArea .col .topinfo .time {
  font-size: 20px;
  margin-right: 15px;
  font-weight: bold;
}
.infoBox .seminarArea .col .topinfo .num {
  font-size: 16px;
}
.infoBox .seminarArea .col>dl {
}
.infoBox .seminarArea .col>dl>dt {
  margin: 0 0 20px;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.4;
}
.infoBox .seminarArea .col>dl>dd {
  font-size: 15px;
  margin: 0 0 20px;
  border-bottom: dashed 1px #DDD;
  padding: 0 0 20px;
}
.infoBox .seminarArea .col .name {
}
.infoBox .seminarArea .col .name .large {
  display: block;
  font-size: 19px;
  font-weight: bold;
  margin: 4px 0 0;
}
.f80p { font-size: 80%; }
.f70p { font-size: 70%; }
.f60p { font-size: 60%; }
.f50p { font-size: 50%; }














/*----------------------------------------------------------------
  UCHIDA FAIR 2025 開催レポート
----------------------------------------------------------------*/
/*  productBtn
---------------------------------------------------------------*/
ul.productBtn{
	margin-top: 15px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}
ul.productBtn li a{
	line-height: normal;
}
ul.productBtn li.pcatalog a {
	background: url(/common/images/orgatec_tokyo/btn_purpose02.png) left top no-repeat;
}
ul.productBtn li.plink a {
	background: url(/common/images/orgatec_tokyo/btn_purpose01.png) left top no-repeat;
}

/*  themeBox
---------------------------------------------------------------*/
.themeBox {
  background-color: #f7f7f7;
  padding: 30px 0;
  margin: 30px 0 80px;
}
.themeBox .inner {
  padding: 0 4%;
  margin: 0 auto;
  font-size: 16px;
}
.themeBox .txt {
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.themeBox .txt p {
	font-size: 18px;
	margin: 0 0 20px;
}
.themeBox .img {
}
.themeBox .img img {
	width: 100%;
	height: auto;
}

/*  inPageLink
---------------------------------------------------------------*/
.inPageLink {
	padding: 0 4%;
	font-size: 16px;
}
.inPageLink li {
	margin: 0 0 48px;
}
.inPageLink li a {
  display: block;
  position: relative;
  border: solid 1px #dbdbdb;
  padding: 22px 18px 14px;
  overflow: visible !important;
  color: #333;
  font-weight: normal;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  height: 100%;
  box-sizing: border-box;
}
.inPageLink li a::after {
  content: "";
  position: absolute;
  width: 0;
  height: 0;
  border: 60px solid transparent;
  border-top: 36px solid #3ead62;
  transform: rotate(0deg);
  left: 50%;
  margin-left: -60px;
  bottom: -85px;
	-webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.inPageLink li a .num {
	color: #3ead62;
	font-size: 65px;
	font-family: "CenturyGothicStd","Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	position: absolute;
	left: 14px;
	top: -55px;
	font-style: italic;
}
.inPageLink li a p {
  font-weight: 500;
  line-height: 1.6;
}
.inPageLink li a:hover {
	background-color: #3ead62;
	text-decoration: none;
  border: solid 1px #FFF;
}
.inPageLink li a:hover .num {
	color: #DDD !important;
}
.inPageLink li a:hover p {
	color: #FFF;
}
.inPageLink li a:hover::after {
}

.inPageLink li.scene02 a::after {
  border-top: 36px solid #ee7298;
}
.inPageLink li.scene02 a .num {
	color: #ee7298;
}
.inPageLink li.scene02 a:hover {
	background-color: #ee7298;
	text-decoration: none;
}

.inPageLink li.scene03 a::after {
  border-top: 36px solid #85a7da;
}
.inPageLink li.scene03 a .num {
	color: #85a7da;
}
.inPageLink li.scene03 a:hover {
	background-color: #85a7da;
	text-decoration: none;
}

p.ttlTxt {
	text-align: left;
	margin: 0 auto 40px;
	font-size: 16px;
	width: 92%;
}

/*  sceneTtl
---------------------------------------------------------------*/
.sceneTtl {
	margin: 0 auto 30px;
	font-size: 16px;
}
.sceneTtl h2 {
}
.sceneTtl h2 .num {
	width: 174px;
	font-size: 83px;
	color: #3ead62;
	font-family: "CenturyGothicStd","Century Gothic","メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	font-style: italic;
	line-height: 1;
	display: block;
}
#scene02 .sceneTtl h2 .num {
	color: #ee7298;
}
#scene03 .sceneTtl.scene03 h2 .num {
	color: #85a7da;
}
.sceneTtl h2 .txt {
  padding: 5px 0 0;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.4;
  display: block;
}
.sceneTtl h2 .txt br {
  display: none;
}

/*  sceneTop
---------------------------------------------------------------*/
.sceneTop {
  font-size: 16px;
  margin: 0 0 60px;
}
.sceneTop .txt {
	margin: 0 0 30px;
}
.sceneTop .txt .tab {
  display: inline-block;
  background-color: #3ead62;
  color: #FFF;
  padding: 12px 15px;
  margin: 0 0 25px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.sceneTop .txt dl {
}
.sceneTop .txt dl dt {
  color: #3ead62;
  font-size: 24px;
  margin: 0 0 25px;
  font-weight: bold;
  line-height: 1.5;
}
.sceneTop .txt dl dt br {
  display: none;
}

.sceneTop .txt dl dd {
}
.sceneTop .img {
  position: relative;
  z-index: 1;
}
.sceneTop .img::after {
  content: "";
  position: absolute;
  width: 110%;
  padding: 93% 0 0;
  background: url(/common/images/UF25/report2025/bg_photo01.svg) no-repeat 0 0;
  background-size: 100% auto;
  right: -7%;
  top: -14%;
  z-index: -1;
}
#scene02 .sceneTop .img::after {
  background: url(/common/images/UF25/report2025/bg_photo02.svg);
  background-size: 100% auto;
}
#scene03 .sceneTop .img::after {
  background: url(/common/images/UF25/report2025/bg_photo03.svg);
  background-size: 100% auto;
}
.sceneTop .img img {
	width: 100%;
	height: auto;
}

#scene02 .sceneTop .txt .tab {
  background-color: #ee7298;
}
#scene02 .sceneTop .txt dl dt {
  color: #ee7298;
}
#scene03 .sceneTop .txt .tab {
  background-color: #85a7da;
}
#scene03 .sceneTop .txt dl dt {
  color: #85a7da;
}

/*  タイトル
----------------------------------------------------------------*/
/*h2用スタイル*/
.ttlStyle02 {
	margin: 0 auto 30px;
	padding-bottom: 0.4em;
	width: 92%;
	font-weight: bold;
	font-size: 20px;
	border-bottom: 1px solid #e7e7e7;
	box-sizing: border-box;
	position: relative;
}
.ttlStyle02:before{
	content: '';
	width: 25%;
	min-width: 100px;
	height: 3px;
	background: linear-gradient(to right, #3ca178, #83af62);
	border-radius: 20px;
	position: absolute;
	bottom: -2px;
	left: 0;
}

/* 展示会の様子
---------------------------------------------------------------*/
.block-01:has(.exhibition_report){
	padding: 40px 20px 20px;
	background: #f6f6f6;
}

.exhibition_report .ledCaseList {
	margin: 0 auto 40px;
	max-width: 620px;
}
.exhibition_report .ledCaseList li {
	text-align: center;
	margin: 0 0 20px;
}
.exhibition_report .ledCaseList li .img {
	position: relative;
}
.exhibition_report .ledCaseList li .img .bottomTxt {
	position: absolute;
	width: 100%;
	box-sizing: border-box;
	background-color: rgba(0, 0, 0, 0.6);
	left: 0;
	bottom: 0;
	color: #FFF;
	padding: 10px 12px;
	font-size: 14px;
	line-height: 1;
}
.exhibition_report .ledCaseList li a {
	display: block;
	pointer-events: none;
}
.exhibition_report .ledCaseList li a:hover {
	opacity: 0.7;
}

/* フロアマップ
---------------------------------------------------------------*/
.block-01:has(.floor_map){
	padding: 40px 20px 20px;
	background: #f6f6f6;
}

.floor_map .map_image > img{
	width: 100%;
	height: auto;
}
.floor_map .map_image > img.pc{
	display: none;
}

.floor_map .map_image ul.map_scene_list{
	margin-top: 20px;
}
.floor_map .map_image ul.map_scene_list li:nth-of-type(n+2){
	margin-top: 20px;
}
.floor_map .map_image ul.map_scene_list li a.btn_ribbon{
	padding: 0.2em 0.8em;
	color: #fff;
	font-size: 18px;
	font-weight: 600;
	width: 100%;
	background: #f181a9;
	border-radius: 0.8em 0px;
	box-sizing: border-box;
}
.floor_map .map_image ul.map_scene_list li a.btn_ribbon:active{
	opacity: 0.8;
}

.floor_map .map_image ul.map_scene_list li div[class*="disp_area"] {
	display: none;
}

.floor_map .map_image ul.map_scene_list li.area_01 a.btn_ribbon{ background: #f181a9; }
.floor_map .map_image ul.map_scene_list li.area_02 a.btn_ribbon{ background: #1f9634; }
.floor_map .map_image ul.map_scene_list li.area_03 a.btn_ribbon{ background: #00c0e7; }
.floor_map .map_image ul.map_scene_list li.area_04 a.btn_ribbon{ background: #ffa146; }
.floor_map .map_image ul.map_scene_list li.area_05 a.btn_ribbon{ background: #85d100; }
.floor_map .map_image ul.map_scene_list li.area_06 a.btn_ribbon{ background: #899198; }

/* シーン別ワークプレイス
---------------------------------------------------------------*/
.block_scene{
	margin: 80px auto 60px;
	width: 92%;
}
.block_scene .imgWrap img{
	width: 100%;
}
.block_scene p.topTxt{
	width: 100%;
}

/*h3用スタイル*/
.ttl_h3{
	font-size: 16px;
	display: flex;	
	flex-direction: column;
}
.ttl_h3 .main{
	margin-bottom: 0.6em;
	padding: 0.2em 0.8em;
	color: #fff;
	font-size: 20px;
	width: fit-content;
	display: inline-block;
	background: #1f9634;
	border-radius: 0.8em 0px;
}
/*シーン別*/
#scene01 .ttl_h3 .main{ background: #f181a9; }
#scene02 .ttl_h3 .main{ background: #1f9634; }
#scene03 .ttl_h3 .main{ background: #00c0e7; }
#scene04 .ttl_h3 .main{ background: #ffa146; }
#scene05 .ttl_h3 .main{ background: #85d100; }
#scene06 .ttl_h3 .main{ background: #899198; }


/*導入部分*/
.lead_section .lead_text{
	margin-top: 40px;
	line-height: 1.6;
}
.lead_section .lead_text .head{
	margin-bottom: 30px;
	font-size: 24px;
	font-weight: 600;
}
.lead_section .lead_text > p{
	margin-bottom: 0;
	width: 100%;
}

/*シーン別*/
#scene01 .lead_section .lead_text .head{ color: #f181a9; }
#scene02 .lead_section .lead_text .head{ color: #1f9634; }
#scene03 .lead_section .lead_text .head{ color: #00c0e7; }
#scene04 .lead_section .lead_text .head{ color: #ffa146; }
#scene05 .lead_section .lead_text .head{ color: #85d100; }
#scene06 .lead_section .lead_text .head{ color: #899198; }


/*  展示製品紹介
---------------------------------------------------------------*/
.exhibited_product{
	margin: 40px auto;
}
.exhibited_product h4{
	margin-bottom: 1.6em;
	padding-bottom: 0.6em;
	text-align: center;
	font-size: 20px;
	position: relative;
}
.exhibited_product h4:after{
	content: "";
	margin: 0 auto;
	width: 80px;
	height: 4px;
	background: #333;
	border-radius: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}
/*シーン別*/
#scene01 .exhibited_product h4:after{ background: #f181a9; }
#scene02 .exhibited_product h4:after{ background: #1f9634; }
#scene03 .exhibited_product h4:after{ background: #00c0e7; }
#scene04 .exhibited_product h4:after{ background: #ffa146; }
#scene05 .exhibited_product h4:after{ background: #85d100; }
#scene06 .exhibited_product h4:after{ background: #899198; }

.exhibited_product > ul > li{
	width: 100%;
	border: solid 1px #e7e7e7;
	box-sizing: border-box;
	background: #f9f9f9;
}
.exhibited_product > ul > li:nth-child(n+2){
	margin-top: 40px;
}
.exhibited_product > ul.hidden2 > li:nth-child(n+2) {
	display: none;
}
.exhibited_product > ul.hidden3 > li:nth-child(n+3) {
	display: none;
}
.exhibited_product > ul.hidden4 > li:nth-child(n+4) {
	display: none;
}
.exhibited_product > ul.hidden5 > li:nth-child(n+5) {
	display: none;
}
.exhibited_product > ul > li .text_block{
	padding: 16px;
	font-size: 16px;
	box-sizing: border-box;
}
.exhibited_product > ul > li .text_block dt{
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #e7e7e7;
}
.exhibited_product > ul > li .text_block dt span{
	font-size: 14px;
}
.exhibited_product > ul > li .text_block dd p strong{
	margin-bottom: 10px;
	display: inline-block;
}

.exhibited_product > ul > li .image_block > a{
	display: inline-block;
	width: 100%;
}
.exhibited_product > ul > li .image_block > a:active{
	opacity: 0.8;
}
.exhibited_product > ul > li .image_block > a > img{
	width: 100%;
}


/*  オフィスの快適性と利便性を支援するICT
---------------------------------------------------------------*/
.office_ict{
	margin: 40px auto;
	width: 92%;
}

.office_ict .ttlStyle02,
.office_ict p.ttlTxt{
	width: 100%;
}

/*展示製品紹介*/
.ict_product{
	margin: 40px auto;
}
.ict_product h4{
	margin-bottom: 1.6em;
	padding-bottom: 0.6em;
	text-align: center;
	font-size: 20px;
	position: relative;
}
.ict_product h4:after{
	content: "";
	margin: 0 auto;
	width: 80px;
	height: 4px;
	background: #333;
	border-radius: 10px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
}

.ict_product > ul > li:nth-child(n+2){
	margin-top: 60px;
}

.ict_product > ul > li .text_block{
	margin-top: 40px;
	font-size: 16px;
}
.ict_product > ul > li .text_block dt{
	margin-bottom: 0.4em;
	padding-bottom: 0.2em;
	font-size: 20px;
	font-weight: 600;
	border-bottom: 1px solid #e7e7e7;
}

.ict_product > ul > li .image_block > img{
	width: 100%;
}

/*  moreList
---------------------------------------------------------------*/
.moreList {
  padding: 45px 0 0;
}
.moreList a {
  color: #FFF;
  font-size: 124%;
  background: #5d6062 url(/common/images/icon_white_down_arrow.svg) no-repeat right 25px center;
  display: block;
  padding: 12px;
  margin: 0 auto;
  max-width: 420px;
  border-radius: 50px;
  box-sizing: border-box;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
}
.moreList a:hover {
  text-decoration: none;
  background: #6099ad url(/common/images/icon_white_down_arrow.svg) no-repeat right 25px center;
}

/*  guideDownload
---------------------------------------------------------------*/
a.guideDownload {
	border: solid 3px #dae7dd;
	padding: 20px;
	text-align: center;
	margin: 40px 4%;
	display: block;
	color: #000;
	box-sizing: border-box;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
}
a.guideDownload .topTxt {
	font-size: 20px;
	font-weight: bold;
	margin: 0 0 20px;
	border: none;
	padding: 0;
	width: auto;
}
a.guideDownload .subTxt {
	font-size: 14px;
	margin: 0 0 30px;
	border-bottom: dashed 1px #DDD;padding: 0 0 25px;
}
a.guideDownload .imgTxt {
	margin: 0 0 25px;
}
.guideDownload .img {
	margin: 0 0 20px;
	text-align: center;
}
.guideDownload .txt {
	text-align: left;
	margin: 0;
}
.guideDownload .txt p {
	font-size: 15px;
	margin: 0 0 20px;
	line-height: 1.6em;
}
.guideDownload .bottom {
	background-color: #ececec;
	padding: 15px;
}
.guideDownload .bottom>span {
	font-weight: bold;
	display: block;
	margin: 0 0 5px;
	font-size: 14px;
	text-align: center;
}
.guideDownload .bottom dl {
	display: -webkit-flex;
	display: flex;
}
.guideDownload .bottom dl dt {
	width: 3.6em;
	font-weight: bold;
	margin: 0 0 5px;
}
.guideDownload .bottom>ul {
}
.guideDownload .bottom>ul li {
}
.guideDownload .img img {
	width: 100%;
	height: auto;
}
.guideDownload .btn {
	background-color: #dd2a1b;
	color: #FFF;
	padding: 12px 46px;
	border-radius: 50px;
	font-size: 15px;
	display: block;
	margin: 0 auto;
	font-weight: bold;
	text-align: center;
	position: relative;
}
.guideDownload .btn br {
	display: none;
}
.guideDownload .btn::after {
	position: absolute;
	content: "";
	width: 8px;
	height: 7px;
	top: 50%;
	right: 32px;
	margin: -5px -7px 0 0;
	color: #FFF;
	border: solid 1px #FFF;
}
.guideDownload .btn::before {
	content: "";
	position: absolute;
	width: 8px;
	height: 7px;
	border-left: solid 1px;
	border-bottom: solid 1px;
	top: 50%;
	right: 28px;
	margin: -2px 0 0;
	color: #FFF;
}

/*  2026
----------------------------------------------------------------*/
.infoBox .dateLine {
  background: linear-gradient(90deg, #ffcf5f, #fee600, #ffe173);
  color: #000;
}
.infoBox .seminarArea .col .topinfo .catbox {
  background-color: #e3e3e3;
  color: #000;
}
.btnWrap a {
  background: #ff8605 url(/common/images/UF24/icon_outlink.svg) no-repeat right 20px center;
}

.inPageLink.f26 li a::after {
  border-top: 36px solid #f1db00;
}
.inPageLink.f26 li a .num {
	color: #f1db00;
}
.inPageLink.f26 li a:hover {
	background-color: #f1db00;
}
.inPageLink.f26 li.scene02 a::after {
  border-top: 36px solid #ee7298;
}
.inPageLink.f26 li.scene02 a .num {
	color: #ee7298;
}
.inPageLink.f26 li.scene02 a:hover {
	background-color: #ee7298;
	text-decoration: none;
}
.inPageLink.f26 li.scene03 a::after {
  border-top: 36px solid #3ead62;
}
.inPageLink.f26 li.scene03 a .num {
	color: #3ead62;
}
.inPageLink.f26 li.scene03 a:hover {
	background-color: #3ead62;
	text-decoration: none;
}
.inPageLink.f26 li.scene04 a::after {
  border-top: 36px solid #85a7da;
}
.inPageLink.f26 li.scene04 a .num {
	color: #85a7da;
}
.inPageLink.f26 li.scene04 a:hover {
	background-color: #85a7da;
	text-decoration: none;
}

#scene01.f26 .sceneTtl h2 .num {
  color: #f1db00;
}
#scene01.f26 .sceneTop .txt dl dt {
  color: #e9cf00;
}
#scene01.f26 .exhibited_product h4:after {
  background: #f1db00;
}
#scene01.f26 .sceneTop .img::after {
  background: url(/common/images/UF26/bg_photo_yellow.svg) no-repeat 0 0;
  background-size: 100% auto;
}

#scene02.f26 .sceneTtl h2 .num {
  color: #ee7298;
}
#scene02.f26 .sceneTop .txt dl dt {
  color: #ee7298;
}
#scene02.f26 .exhibited_product h4:after {
  background: #ee7298;
}
#scene02.f26 .sceneTop .img::after {
  background: url(/common/images/UF25/report2025/bg_photo02.svg) no-repeat 0 0;
  background-size: 100% auto;
}

#scene03.f26 .sceneTtl h2 .num {
  color: #3ead62;
}
#scene03.f26 .sceneTop .txt dl dt {
  color: #3ead62;
}
#scene03.f26 .exhibited_product h4:after {
  background: #3ead62;
}
#scene03.f26 .sceneTop .img::after {
  background: url(/common/images/UF25/report2025/bg_photo01.svg) no-repeat 0 0;
  background-size: 100% auto;
}

#scene04.f26 .sceneTtl h2 .num {
  color: #85a7da;
}
#scene04.f26 .sceneTop .txt dl dt {
  color: #85a7da;
}
#scene04.f26 .exhibited_product h4:after {
  background: #85a7da;
}
#scene04.f26 .sceneTop .img::after {
  background: url(/common/images/UF25/report2025/bg_photo03.svg) no-repeat 0 0;
  background-size: 100% auto;
}
.ict_product h4:after {
  background: #85a7da;
}

.f26 .sceneTop {
}

.f26 .sceneTop.daigomi {
  margin: 0 auto 60px;
  position: relative;
  z-index: 1;
}
.f26 .sceneTop.daigomi::after {
}
#scene03.f26 .sceneTop.daigomi .img::after {
  background: none;
}
#scene03.f26 .sceneTop.daigomi .img img {
  width: 100%;
  height: auto;
  box-shadow: 8px 8px 0px rgb(217 217 217);
}
.press {
  background: #ffffff;
  padding: 22px 25px;
  font-size: 15px;
  border: solid 1px #DDD;
  position: relative;
  z-index: 1;
}
.ttlStyle02.f26:before {
  background: linear-gradient(to right, #f1db00, #f1db00);
}

.ttlStyle02.f26:before {
  background: linear-gradient(to right, #f1db00, #f1db00);
}