@charset "utf-8";
section.photo-box {
 background: var(--color-event2);
}
section.evtreport-order {
 background: #c8dff4;
 padding: 2em .5em;
	text-align: center;
}
section.evtreport-order img {
	width: 100%;
	height: auto;
}
section.title {
 background-image: none;
}
section.title img {
 filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .5)) drop-shadow(0px 0px 3px rgba(0, 0, 0, .5));
}
section.title > .txt-eventreport {
 padding: 3em 1em;
}
.report-title {
 max-width: 300px;
 margin-inline: auto;
 font-weight: 600;
}
.report-title > .title {
 background: var(--color-blue3);
 text-align: center;
 max-width: 300px;
 margin: .3em auto;
 font-size: clamp(1.0em, 2.0vw, 1.4em);
 padding: .2em 0 .3em;
 border-radius: 5px;
 border: 2px solid var(--color-white1);
 line-height: 1.4;
}
.report-title > .evt-voice {
 background: var(--color-orange1);
 display: grid;
 place-content: center;
 width: fit-content;
 padding: 0.2em 1em 0.3em;
 border-radius: 100px;
 position: relative;
 font-size: clamp(.5em, 2.0vw, .9em);
 white-space: nowrap;
}
.report-title > .evt-voice::before {
 content: "";
 clip-path: polygon(0 0, 100% 0, 50% 100%);
 background: inherit;
 position: absolute;
 bottom: -5px;
 left: 3em;
 width: 1em;
 height: .5em;
 z-index: -1;
}
/*.bk-photo {
 display: block;
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
 height: 100%;
 width: 100%;
 max-width: 1200px;
 background: url(../image/test.png);
 background-size: auto;
 background-size: cover;
 background-position: center;
 opacity: .7;
}*/
section.beginning-box {
 background-image: url(../image/background-img.png);
/* background: #911A67	*/;
 background-size: cover;
}
section.beginning-box > div > h2 {
 color: var(--color-white1);
}
section.beginning-box p {
 color: var(--color-white1);
 font-size: clamp(1em, 2.0vw, 1.1em);
 font-weight: 500;
 line-height: 1.3;
}
section.title h1 {
 margin: .2em 0;
}
.txt-eventreport h2 {
 font-size: clamp(.9em, 2.0vw, 1.6em);
 text-align: left;
 padding: 0;
 font-weight: 800;
 filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, .9));
 word-break: keep-all;
 overflow-wrap: anywhere;
}
.photo {
 display: grid;
/* grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));*/
 grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
 gap: 10px;
 padding-top: .5em;
}
.evt-report-box h2 {
/* color: var(--color-orange1);
 border: 2px solid var(--color-orange1);*/
	color: #0f9089;
	border: 2px solid #0f9089;
 border-radius: 7px;
 text-align: center;
 padding: .4em;
 width: 100%;
 margin: .5em auto;
 font-size: clamp(1.0em, 3.0vw, 1.4em);
 font-weight: bold;
 background: var(--color-white1);
}
section.event-details > div > h2 {
 font-size: clamp(1.2em, 3.5vw, 1.8em);
}
section.event-details > div > div > h3 {
 background: var(--color-white1);
}
.custvoice {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 10px;
}
.custvoice > div {
 display: flex;
 flex-direction: column;
 justify-content: space-between;
 border: 3px dotted var(--color-orange1);
 border-radius: 13px;
 padding: .7em;
 background: var(--color-white1);
}
.custvoice .evt-plc {
 text-align: right;
}
section.evtreport-order > div {
 max-width: 780px;
 background: var(--color-white1);
 padding: 1em;
 border-radius: 5px;
}
section.event-details > div > .evt-prt-box {
 background: var(--color-event2);
 margin-bottom: 1em;
 padding: .5em;
 filter: drop-shadow(0px 0px 1px rgba(0, 0, 0, .3));
 border-radius: 5px;
}
section.event-details > div > .evt-prt-box:first-of-type {
 margin-top: .5em;
}
.pdem {
 padding: 0;
}
body.event2024report section.event-details > div > div > h3 {
 margin-bottom: .5em;
}
.footer-btn {
 display: grid;
 grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 gap: 10px;
 box-sizing: border-box;
 padding: 0 0;
}
.footer-btn > div a {
 display: flex;
 background: var(--color-blue3);
 background-image: linear-gradient(180deg, rgba(28, 132, 208, 1.00) 0%, rgba(7, 104, 175, 1.00) 100%);
 text-align: center;
 color: var(--color-white1);
 margin: 0;
 height: 100%;
 place-content: center;
 place-items: center;
 line-height: 1.2;
 padding: .5em;
 border-radius: 3px;
}
.footer-btn > div a:hover {
 text-decoration: none;
 opacity: .8;
}
.jdlai-sitebox {
 display: grid;
 gap: .5em;
 align-items: center;
}
.jdlai-sitebox > div:last-child {
 padding: .5em;
}
.btn-link a {
 display: block;
 background: var(--color-blue3);
 color: var(--color-white1);
 text-align: center;
 border-radius: 50px;
 line-height: 2.3;
 margin-top: .5em;
 font-size: .9em;
 padding: .1em 0 .2em;
 font-weight: 600;
}
.btn-link a:hover {
 text-decoration: none;
 opacity: .8;
}
section.thanks {
 padding: 2em .5em;
 background: var(--color-lblue1);
}
section.thanks > div {
 max-width: 780px;
}
section.thanks > .thanks-box {
 padding: 0;
 max-width: 967px;
 margin-bottom: 1em;
}
.thanks-box a {
 text-decoration: underline;
 color: var(--color-blue3);
 font-weight: 600;
}
.kakomi.onlinedemo {
 margin: 1em auto;
	max-width: 778px!important;
}
.kakomi.onlinedemo h3 {
 word-break: keep-all;
 overflow-wrap: anywhere;
}
.kakomi.onlinedemo .top-title {
 display: grid;
 gap: 10px;
 grid-template-columns: 1fr;
}
.kakomi.onlinedemo p {
 font-size: inherit;
 line-height: 1.4;
}
.kakomi.onlinedemo .top-title > div:last-child {
 max-width: 180px;
 margin-inline: auto;
}
.kakomi.onlinedemo .top-title > div:last-child img {
 max-width: 100%;
}
.kakomi.onlinedemo .btn-demo a {
 padding: .7em 1.2em;
 position: relative;
 word-break: keep-all;
 overflow-wrap: anywhere;
 font-size: 1em;
 font-weight: 500;
}
.kakomi.onlinedemo .btn-demo a:hover {
 text-decoration: none;
}
.kakomi.onlinedemo .btn-demo a::before {
 margin-top: 0;
 top: 50%;
}
.footer-btn > div a {
 min-height: 60px;
}
/*開催レポート用トップ*/
section.title {
 background-image: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0) 70%, rgb(255, 255, 255)), url(../image/rprt2024autumn-top.jpg);
 background-position: 0% 68%;
 background-repeat: no-repeat;
}
section.title.s2 {
 background-image: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9) 5%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.9) 95%, rgb(255, 255, 255)), url(image/rprt2024-top2.jpg);
 background-position: 50% 24%;
}
section.title.s3 {
 background-image: linear-gradient(90deg, rgb(255, 255, 255), rgba(255, 255, 255, 0.9) 5%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.9) 95%, rgb(255, 255, 255)), url(../image/rprt2024-top3.jpg);
 background-position: 50% 50%;
}
section.title.rprt > .txt-eventreport {
/* padding: 4em 1em;
 max-width: 1200px;*/
 /*	background: url(../image/rpt2024-top.png);
	background-size: cover;
	background-position: center;*/
}
section.title.rprt::before, section.title.rprt::after {
 background-image: none;
}
section.title.rprt::after {
 width: 100%;
 height: 100%;
 background-image: radial-gradient(rgba(0, 0, 0, 0.1) 10%, transparent 10%), radial-gradient(rgba(0, 0, 0, .2) 30%, transparent 20%);
 background-size: 3px 3px;
 background-position: 0 0, 0px 0px;
 background-color: rgba(0, 0, 0, 0.2);
 display: grid;
 place-content: center;
 opacity: .5;
}
section.ontime_rprt {
 background: var(--color-event4);
 border-radius: 10px;
 filter: drop-shadow(0px 0px 2px rgba(0, 0, 0, 0.2));
 margin: .5em 0;
 padding: 0;
}
section.ontime_rprt > div {
 padding: 0;
}
section.ontime_rprt > div a {
 padding: 1em;
 display: grid;
}
section.ontime_rprt > div a:hover {
 text-decoration: none;
}
section.ontime_rprt:has(div a:hover) {
 background: #fff;
}
section.ontime_rprt > div a > h2 {
 font-weight: 800;
 display: flex;
 align-items: center;
 justify-content: center;
 color: var(--color-event0);
 flex-direction: column;
 line-height: 1.3;
 font-size: clamp(1.2em, 5vw, 2.2em);
 background: transparent;
}
section.ontime_rprt > div a > h2 > div {
 display: flex;
 align-items: center;
}
section.ontime_rprt > div a > h2 .new_dev {
 color: var(--color-white1);
 font-size: .5em;
 display: block;
 padding: .3em .6em;
 margin-right: .1em;
 clip-path: polygon(10% 0%, 100% 0%, 90% 100%, 0% 100%);
 background: linear-gradient(#e83828 50%, #e84f31 50%, #e84f31 100%);
 background-size: 100% 3px;
}
.ontimemv-box_rprt {
 text-decoration: none;
 color: var(--color-black);
 display: grid;
 padding: 0;
 gap: 1em;
 align-items: center;
}
.ontimemv-box_rprt > div:first-child img {
 border: 1px solid var(--color-lblue2);
 border-radius: 5px;
}
.ontimemv-box_rprt .mvpage-btn-ontime {
 background: #06c;
 text-align: center;
 border-radius: 50px;
 color: #fff;
 position: relative;
 margin: 1em 0 0;
 padding: 10px 30px 12px;
 width: 100%;
 word-break: keep-all;
 overflow-wrap: anywhere;
 box-sizing: border-box;
 font-weight: 700;
}
section.evtreport-order > div h2 {
 border-bottom: 2px solid var(--color-blue2);
 margin-bottom: .3em;
 font-weight: 700;
 margin-bottom: .3em;
 text-align: left;
 padding-bottom: .2em;
 font-size: clamp(1.3em, 2.0vw, 2.4em);
}
section.beginning-box > div > p {
 max-width: 945px;
 margin-inline: auto;
}
section.event-details h3 + .pdem > p {
 max-width: 915px;
 margin-inline: auto;
}
/*メディアクエリ*/
@media screen and (min-width:375px) {}
@media screen and (min-width:480px) {}
@media screen and (min-width:768px) {
 .title-flex {
  display: flex;
  align-items: center;
  gap: 1em;
 }
 .jdlai-sitebox {
  grid-template-columns: 1fr 1fr;
 }
 section.event-details > div > .evt-prt-box {
  padding: 1em;
 }
 .ontimemv-box_rprt {
  grid-template-columns: 1fr 2fr;
 }
 .kakomi.onlinedemo .top-title {
  grid-template-columns: 3fr 1fr;
 }
 .kakomi.onlinedemo .top-title > div:last-child {
  max-width: 250px;
  padding: .5em 1em;
 }
 section.event-details > div {
  padding: 1em;
 }
 section.thanks-box {
  padding: 1em;
 }
 .custvoice > div {
  min-height: 140px;
 }
}
@media screen and (min-width:1024px) {
 /*section.title {
	background-size: 90%;
}*/
 section.title.rprt > .txt-eventreport {
  padding: 6em 1em;
 }
 section.ontime_rprt > div a > h2 {
  flex-direction: inherit;
 }
}