* {

	padding: 0;

	margin: 0;

	font-family: inherit;

	font-size: inherit;

	font-weight: inherit;

	letter-spacing: inherit;

	word-wrap: inherit;

	border: none;

}



*,

::after,

::before {

	box-sizing: border-box;

}



html {

	overflow-x: hidden;

	line-height: 1;

	letter-spacing: 0;

	word-break: break-word;

	font-feature-settings: "palt";

	-webkit-text-size-adjust: 100%;

	-ms-text-size-adjust: 100%;

	-moz-text-size-adjust: 100%;

	-webkit-font-smoothing: antialiased;

	-moz-osx-font-smoothing: grayscale;

}



body {

	text-align: left;

	color: #344870;

	font-family: "Noto Sans JP", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif;

	font-size: 16px;

	/*css3の効かないブラウザ用*/

	font-size: 1.6rem;

	/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/

	font-weight: 500;

}

@media (max-width: 768.98px) {

	body {

		text-align: left;

		color: #344870;

		font-family: "Noto Sans JP", 游ゴシック体, YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック, "Yu Gothic", メイリオ, sans-serif !important;

		font-size: 16px;

		/*css3の効かないブラウザ用*/

		font-size: 1.6rem;

		/*bodyのベースサイズをセット（ここでは16px）以下各要素は10pxを基準にサイズ指定1.2rem（12px）1.4rem（14px）など）*/

		font-weight: 500;

	}

}

main {

	cursor: auto;

}



a {

	text-decoration: none;

	color: inherit;

}



a:hover{

	opacity: 0.8;

}



a object {

	pointer-events: none;

}



svg {

	overflow: hidden;

}



img, svg, video, canvas {

	height: auto;

}



img, svg, video, canvas, audio, iframe, embed, object {

	display: block;

}



ul, ol {

	list-style-type: none;

}



article, aside, figcaption, figure, footer, header, hgroup, main, nav, section {

	display: block;

}



table {

	border-spacing: 0;

	border-collapse: collapse;

}



address, em {

	font-style: normal;

}



button,

input,

optgroup,

select,

textarea {

	font-size: 16px;

}



input {

	border-radius: 0;

}



button {

	cursor: pointer;

}



textarea {

	resize: vertical;

}



select::-ms-expand {

	display: none;

}



button,

select {

	text-transform: none;

}



input,

button,

select,

textarea {

	background-color: transparent;

	appearance: none;

}



[disabled] {

	cursor: default;

}



[hidden] {

	display: none !important;

}



@media (prefers-reduced-motion: reduce) {

	*,

	::before,

	::after {

		animation-delay: -1ms !important;

		animation-duration: 1ms !important;

		animation-iteration-count: 1 !important;

		transition-delay: 0s !important;

		transition-duration: 1ms !important;

	}

}

[data-whatinput=mouse] *:focus,

[data-whatinput=touch] *:focus {

	outline: none;

}



div#headerw {

	top: 0;

}



#footer .footerTitle {

	font-size: 17.92px;

}



#footer .footerInner .footerCol4 .col .firstHierarchy {

	font-size: 15.96px;

}



#footer .footerInner .footerCol4 .col .secondHierarchy li {

	line-height: 1.8;

	font-size: 12.88px;

}



@media (max-width: 768.98px) {

	#footer .footerCol4 .col .secondHierarchy li:before {

		color: black;

	}



	#footer .footerCol4 .col .firstHierarchy {

		font-size: 15.96px;

	}



	#footer .footerCol4 .col .secondHierarchy a {

		font-size: 14px;

	}

}



#footer {

	margin-top: 0;

}



#footer {

	font-size: 14px;

}



#footer .footerBottom .copyRight {

	font-size: 10px;

}



#footer .footerOtherLink,

#footer .footerTitle {

	line-height: 1.8;

}

#footer .footerTitle {

	background: #006896;

}

#footer .footerTitle a{

	font-size: 1.6rem;

	font-weight: 500;

	text-decoration: none;

	color: #fff;

	display: flex;

	justify-content: center;

}



#footer .footerTitle a img{

	margin-left: 10px;

	width: 9px;

	height: auto;

}

@media (max-width: 768.98px) {

	#footer .footerTitle {

		background: #006896;

	}

	#footer .footerTitle a{

		font-size: 16px;

		font-weight: 500;

		text-decoration: none;

		color: #fff;

		display: flex;

		justify-content: center;

	}



	#footer .footerTitle a img{

		margin-left: 10px;

		width: 9px;

		height: auto;

	}

}

.img {

	position: absolute;

	top: 50%;

	left: 50%;

	width: 100%;

	transform: translate(-50%, -50%);

	object-fit: cover;

	object-position: center center;

}



.header {

	width: 100%;

	margin: 0 auto;

}



.content {

	width: 100%;

	max-width: 1000px;

	margin: 0 auto;

	padding: 0 15px;

}

@media (max-width: 768.98px) {

	.content:first-child {

		margin-top: 0;

	}

	.content:nth-child(n+2) {

		margin-top: 30px;

	}

}

@media (min-width: 768.98px) {

	.sp {

		display: none !important;

	}

}



.kv {

	position: relative;

}

.kv--image {

	position: relative;

	width: 100%;

	overflow: hidden;

}

.kv--image::before {

	display: block;

	padding-top: 44%;

	content: "";

}

@media (max-width: 768.98px) {

	.kv--image::before {

		display: block;

		padding-top: 100%;

		content: "";

		background: #0A040C;

	}

}

.kv--wrapper {

	position: absolute;

	top: 20%;

	left: 50%;

	width: 100%;

	max-width: 94%;

	transform: translateX(-50%);

	display: grid;

	grid-template:

        " header header" auto

        " date date" auto;

	padding: 0;

	color: #fff;

}

@media (max-width: 768.98px) {

	.kv--wrapper {

		max-width: 100%;

		flex-direction: column;

		top: 18%;

		left: 50%;

		display: grid;

		grid-template: 

		"header header" auto 

		"ondemand ondemand" auto

		"date date" auto

		"areas areas" auto;

		padding: 0;

		color: #fff;

	}

}

.kv--tag {

	-ms-grid-row: 1;

	-ms-grid-column: 2;

	position: relative;

	width: 100%;

	max-width: 21%;

	margin-left: auto;

	grid-area: tag;

}

.kv--tag::before {

	display: block;

	padding-top: 100%;

	content: "";

}

@media (max-width: 768.98px) {

	.kv--tag {

		max-width: 19vw;

		margin: 0 auto;

	}

}

.kv--header {

	-ms-grid-row: 1;		/*上下の位置*/

	-ms-grid-column: 1;		/*左端からの開始位置*/

	-ms-grid-column-span: 2;		/*何列結合させるか*/

	/* text-align: center; */

	grid-area: header;

	position: relative;

}

.kv--header-text {

	margin-top: -3%;

	/* color: #fff; */

	/* font-size: 4vw; */

	/* font-weight: bold; */

	/* line-height: 1.2em; */

	/* letter-spacing: 0.05em; */

	/* font-family: Futura; */

	/* text-align: center; */

	margin-left: 25%;

	margin-bottom: 3%;

	width: 50%;

}

.kv--header-text img {

    width: 100%;

}

.kv--header-text span{

	font-size: 2.6vw;

}

.kv--header-text .logo_title {

	width: 80%;

	margin: 0 auto;

}



.kv--header-text .sub_title {

	margin-top: 5%;	

}

@media (max-width: 768.98px) {

		.kv--header-text .logo_title {

			width: 100%;

			margin: 0 auto;

		}

    .kv--header-text {

        margin-top: -8%;

        /* color: rgb(255, 255, 255); */

        /* font-size: 7vw; */

        /* font-weight: 800; */

        /* line-height: 1.2em; */

        /* letter-spacing: 0.05em; */

        /* font-family: Futura; */

        /* text-align: center; */

        width: 80%;

        margin-left: 10%;

        margin-bottom: 3%;

    }

	.kv--header-text span{

		font-size: 7vw;

	}

	.sub_title{

		width: 83% !important;

		margin: 2% auto;

	}

}



.h_sub{

	color: #fff;

	font-size: 2vw;

	font-weight: bold;

	letter-spacing: 0.1em;

	text-align: center;

	line-height: 1em;

	padding-top: 4vw;

	border-bottom: 2px solid #cae9fa;

	border-image: linear-gradient(to right, #ffffff 0%,  #ffffff4a 100%);

	border-image-slice: 1;

	padding-bottom: 0.8vw;

	/* width: 87%; */

}

.h_sub span{

	font-size: 1.8vw;

}

.h_sub2{

	color: #fff;

	font-size: 2vw;

	letter-spacing: 0.1em;

	text-align: center;

	font-weight: bold;

	line-height: 1em;

	margin-top: 1.2vw;

	/* width: 88%; */

}

@media (max-width: 768.98px) {

	.h_sub{

		color: #fff;

		font-size: 4.5vw;

		font-weight: bold;

		/* font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif; */

		letter-spacing: 0.1em;

		text-align: left;

		line-height: 1em;

		margin-top: 3.0vw;

	}

	.h_sub span{

		font-size: 4.0vw;

	}

	.h_sub2{

		color: #fff;

		font-size: 4.5vw;

		/* font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif; */

		letter-spacing: 0.1em;

		text-align: left;

		font-weight: bold;

		line-height: 1em;

		margin-top: 2.5vw;

	}

}

.kv--header .tag {

    /* margin-right: 3.5%; */

    padding: 1.8vw;

    font-size: 2.6vw;

    line-height: 1.8vw;

    font-weight: bold;

    color: #fff;

    background: #80bd24;

    display: block;

    text-align: center;

    width: 10vw;

    height: 10vw;

    border-radius: 50%;

    position: absolute;

    top: 0.9vw;

    right: 5.5vw;

}

.kv--header .tag span{

	/*display: inline-flex;*/

	display: block;

}

.kv--header .tag span:first-child{

	margin-bottom: 0.9vw;

	font-size: 1.3vw;

	font-weight: normal;

	line-height: 1.2vw;

	letter-spacing: 0.2em;

}

.kv--header .tag span:last-child{

	margin-top: 0.9vw;

	font-size: 1.1vw;

	font-weight: normal;

	line-height: 1.1vw;

	padding: 0.7vw 0 0;

	border-top: 1px solid #fff;

	display: inline-block;

}

@media (max-width: 768.98px) {

	.kv--header .tag {

        /* margin-right: 3%; */padding: 3vw;

        font-size: 7vw;

        line-height: 1.8vw;

        font-weight: bold;

        color: rgb(255, 255, 255);

        background: rgb(128, 189, 36);

        display: block;

        text-align: center;

        width: 25vw;

        height: 25vw;

        border-radius: 50%;

        position: absolute;

        top: 21vw;

        right: 4.1vw;

    }

	.kv--header .tag span{

		/*display: inline-flex;*/

		display: block;

	}

	.kv--header .tag span:first-child{

		margin-bottom: 5.0vw;

		font-size: 3.5vw;

		font-weight: normal;

		line-height: 1.2vw;

		letter-spacing: 0.2em;

		margin-top: 2.0vw;

	}

	.kv--header .tag span:last-child{

		margin-top: 3.5vw;

		font-size: 3vw;

		font-weight: normal;

		line-height: 1.1vw;

		padding: 2.0vw 0 0;

		border-top: 1px solid #ffffff;

		display: inline-block;

	}

}



.kv--date {

	width: 50%;

	display: inline-flex;

	grid-area: date;

	font-size: 3.0vw;

	color: #fff;

	margin: 0 auto;

}

.kv--date .date_detail{

	color: #fff;

	width: 100%;

	background: rgba(255,255,255,0.5);

}

.kv--date .date_detail.tokyo{

	margin-right: 1vw;

}

.kv--date .date_detail.osaka{

	margin-left: 1vw;

}

.kv--date .date_detail .title{

	font-size: 1.0vw;

	line-height: 1em;

	font-family: "Futura";

	display: block;

	text-align: center;

	letter-spacing: 1.5px;

	border-bottom: 2px solid #cae9fa;

	border-image: linear-gradient(to right, #cae9fa 0%, #00a8b4 44%, #0068a4 100%);

	border-image-slice: 1;

	padding: 0 0 0.6vw;

}

.kv--date .date_detail .place{

	width: 100%;

	display: flex;

	align-items: center;

	justify-content: center;

}

.kv--date .date_detail .place img{

	width: 42%;

	height: auto;

	padding: 1.0vw 0;

}

.kv--date .date_detail.tokyo .place{

	background: #006896;

}

.kv--date .date_detail.osaka .place{

	background: #a57f00;

}



.kv--date .date_detail .place2{

	font-size: 1.0vw;

	text-align: center;

	line-height: 1em;

	margin-top: 0.3vw;

	color: #344870;

}



@media (max-width: 768.98px) {

	.kv--date .date_detail .place img{

		width: 68%;

		height: auto;

		padding: 3vw 0;

	}

	.kv--date .date_detail .place2{

		font-size: 3.0vw;

		text-align: center;

		line-height: 1em;

		margin-top: 0.3vw;

		color: #344870;

		font-weight: bold;

	}

	.kv--date .date_detail.tokyo .place2{

		margin-top: 2.0vw;

	}

}



.kv--date .date_detail .place span{

	font-size: 12px;

	color: #81be25;

	vertical-align: baseline;

	margin-left: 10px;

	letter-spacing: 0.2em;

}

.kv--date .date_detail .place span.osaka{

	font-size: 12px;

	color: #d60031;

	vertical-align: baseline;

}

.kv--date .date_detail .day{

	font-family: "Futura";

	font-size: 2.0vw;

	text-align: center;

	letter-spacing: 0.1rem;

	line-height: 1em;

	margin: 0.8vw 0;

	font-weight: bold;

	text-indent: -9999px;

}

.kv--date .date_detail.tokyo .day{

	background-image: url("../img/img_day_tokyo.svg");

	background-repeat: no-repeat;

	background-position: center;

	background-size: 40%;

}

.kv--date .date_detail.osaka .day{

	background-image: url("../img/img_day_osaka.svg");

	background-repeat: no-repeat;

	background-position: center;

	background-size: 40%;

}

.kv--date .date_detail .day span{

	font-size: 0.9vw;

	letter-spacing: 0.1px;

	font-weight: 100;

	vertical-align: inherit;

}

.kv--date .date_detail .address{

	font-size: 1.0vw;

	text-align: center;

	line-height: 1em;

	margin-top: 0.8vw;

	color: #344870;

	font-weight: bold;

	margin-bottom: 1vw;

}

.kv--date .date_detail .btn{

	width: 100%;

	font-size: 1.0vw;

	font-weight: bold;

	line-height: 1em;

	padding:  0.6vw 2.6vw 0.3vw 2.2vw;

	background: url(../img/icon_btn_arrow.svg) no-repeat center right 10px/1.5vw auto, linear-gradient(to left, #508f27 0%, #46802e 33%, #204b16 100%);

	margin-top: 1.0vw;

	box-sizing: border-box;

	text-align: center;

	letter-spacing: 0.1em;

}



.kv--date .osaka .title{

	border-bottom: 2px solid #d3c5d4;

	border-image: linear-gradient(to right, #d3c5d4 0%, #ae7ab2 40%, #7e76ae 74%, #2d6ba7 100%);

	border-image-slice: 1;

}

.kv--date .osaka .btn{

	background: url("../img/icon_btn_arrow.svg") no-repeat center right 10px/1.5vw auto, linear-gradient(to right, #b23c00 0%, #901531 45%, #93478f 100%);

}





.kv--date .date_detail p span{

	margin-left: 0.5vw;

	font-size: 1.3vw;

	font-weight: bold;

	vertical-align: top;

}

.kv--date .date_detail ul{

	font-size: 0;

}

.kv--date .date_detail ul li{

	font-size: 4.0vw;

	line-height: 1em;

	display: inline-block;

}

.kv--date .date_detail ul li:nth-child(n+2)::before{

	content: '';

	display: inline-block;

	margin: 0 0.6vw 0 1.0vw;

	width: 2px;

	height: 2.4vw;

	background-color: #000;

	-webkit-transform: rotate(18deg);

	transform: rotate(18deg);

}



.kv--date .date_detail ul li .dot{

	margin-right: -0.6vw;

	font-family: serif;

}

.kv--date .date_detail ul li .dow{

	margin: 6px 0 0 2px;

	font-size: 1.0vw;

	line-height: 1em;

	letter-spacing: 0.05vw;

	font-weight: bold;

	vertical-align: top;

	-ms-writing-mode: tb-rl;		/*IE*/

	writing-mode: vertical-rl;

}



.kv--ondemand{

	margin-top: -6%;

    display: inline-flex;

    grid-area: ondemand;

    color: #fff;

    flex-direction: column;

    margin-left: -10px;

    align-items: flex-start;

}  

.kv--ondemand .ondemand_data{

	width: 100%;

	margin-left: 1.4vw;

}

.kv--ondemand .ondemand_data .title{

	font-size: 1.0vw;

	line-height: 1em;

	font-family: "Futura";

	display: block;

	text-align: center;

	letter-spacing: 1.5px;

	border-bottom: 2px solid #cae9fa;

	border-image: linear-gradient(to right, #cae9fa 0%, #94b2b4 44%, #767f85 100%);

	border-image-slice: 1;

	padding: 0 0 0.6vw;

}

.kv--ondemand .ondemand_data .place{

	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;

	font-size: 0.96vw;

	text-align: center;

	line-height: 1em;

	margin-top: 0.7vw;

}

.kv--ondemand .ondemand_data .day{

	font-family: "Futura";

	font-size: 1.9vw;

	text-align: center;

	letter-spacing: -1px;

	line-height: 1em;

	margin-top: 1.0vw;

	background: url("../img/icon_day_arrow.svg") no-repeat top 18% right 49%/0.6vw auto;

}

.kv--ondemand .ondemand_data .day span{

	font-size: 0.58vw;

	letter-spacing: 0.5px;

	font-weight: 100;

	vertical-align: inherit;

	margin: 0 4px;

}



.kv--areas{

	margin-top: 0;

	display: inline-flex;

	grid-area: areas;

	color: #fff;

}

.kv--areas .areas_btn{

	width: 43%;

	height: fit-content;

	margin-left: 12vw;

	margin-top: 10px;

	display: block;

	color: #fff;

	text-decoration: none;

	border-bottom: 1px solid #fff;

	box-sizing: border-box;

	padding: 5px 3px 5px;

	font-size: 1.1vw;

	background: url(../img/arrow_down.svg) no-repeat center right 8px /0.9vw auto;

	letter-spacing: 0.05em;

}



@media (max-width: 768.98px) {

	.kv--date .date_detail ul li .dow{

		width: 1em;

	}

}

/*firefox用のハック*/

@-moz-document url-prefix() {

	.kv--date .date_detail ul li .dow{

		width: 1em;

	}

}



@media (max-width: 768.98px) {

	.kv--date .tag{

		padding: 2vw 1vw;

		font-size: 3.2vw;

		line-height: 3.2vw;

		width: 14vw;

		height: 14vw;

	}

	.kv--date .tag span:first-child{

		margin-bottom: 1.2vw;

		font-size: 2.2vw;

		line-height: 2.2vw;

	}

	.kv--date .tag span:last-child{

		margin-top: 1.2vw;

		font-size: 2.2vw;

		line-height: 2.2vw;

	}

	.kv--date .date_detail p{

		margin-bottom: 0.8vw;

		font-size: 3.6vw;

		line-height: 1em;

	}

	.kv--date .date_detail p span{

		font-size: 3.6vw;

		font-weight: normal

	}

	.kv--date .date_detail ul li{

		font-size: 10vw;

	}

	.kv--date .date_detail ul li .dow{

		margin: 1.0vw 0 0 0.4vw;

		font-size: 2.6vw;

	}

	.kv--date .date_detail ul li:nth-child(n+2)::before{

		margin: 0 1.4vw 0 2.4vw;

		width: 3px;

		height: 5.6vw;

	}

}



@media (max-width: 768.98px) {

	.kv--date {

		margin: 5% auto 0;

		/*margin-left: 4%;*/

		-ms-grid-row: 3;		/*上下の位置*/

		-ms-grid-column: 1;		/*左端からの開始位置*/

		-ms-grid-column-span: 2;		/*何列結合させるか*/

		width: 100%;

		display: inline-flex;

		grid-area: date;

		font-size: 3.0vw;

		color: #fff;

	}

	.kv--date .date_detail{

		width: 100%;

		margin-left: 0vw;

		margin: 0 3vw;

	}

	.kv--date .date_detail:hover{

		text-decoration: none;

		cursor: pointer;

	}

	.kv--date .date_detail .title{

		font-size: 4.0vw;

		line-height: 1em;

		font-family: "Futura";

		display: block;

		text-align: center;

		letter-spacing: 1.5px;

		border-bottom: 2px solid #cae9fa;

		border-image: linear-gradient(to right, #cae9fa 0%, #00a8b4 44%, #0068a4 100%);

		border-image-slice: 1;

		padding: 0 0 2.0vw;

	}

	.kv--date .date_detail .place{

		font-size: 4.2vw;

		text-align: center;

		line-height: 1em;

	}

	.kv--date .date_detail .day{

		font-family: "Futura";

		font-size: 8vw;

		text-align: center;

		line-height: 1em;

		margin-top: 4.0vw;

		letter-spacing: 1px;

		background-image: none !important;

		text-indent: inherit;

	}

	.kv--date .date_detail.tokyo .day{

		color: #006896;

	}

	.kv--date .date_detail.osaka .day{

		color: #a57f00;

	}

	.kv--date .date_detail .day span{

		font-size: 10px;

		letter-spacing: 0.1px;

		font-weight: 100;

		vertical-align: inherit;

	}

	.kv--date .date_detail .address{

		font-size: 3vw;

		font-weight: bold;

		text-align: center;

		line-height: 1em;

		margin: 2vw auto 4vw;

	}

	.kv--date .date_detail .btn{

		width: 100%;

		font-size: 3.2vw;

		font-weight: bold;

		line-height: 1em;

		padding: 3vw 2.6vw 3vw 1.4vw;

		background: url("../img/icon_btn_arrow.svg") no-repeat center right 10px/5vw auto, linear-gradient(to left, #88e002 0%, #46802e 33%, #002104 100%);

		margin-top: 1.6vw;

		box-sizing: border-box;

		text-align: center;

	}



	.kv--date .osaka .title{

		border-bottom: 2px solid #d3c5d4;

		border-image: linear-gradient(to right, #d3c5d4 0%, #ae7ab2 40%, #7e76ae 74%, #2d6ba7 100%);

		border-image-slice: 1;

	}

	.kv--date .osaka .btn{

		background: url("../img/icon_btn_arrow.svg") no-repeat center right 10px/5vw auto, linear-gradient(to right, #c44300 0%, #901531 45%, #a963c9 100%);

	}

}



@media (max-width: 768.98px) {

	.kv--tag {

		-ms-grid-row: 2;

		-ms-grid-column: 2;

	}

	.kv--header {

		-ms-grid-row: 1;

		-ms-grid-column: 1;

		-ms-grid-column-span: 2;

	}

}



@media (max-width: 768.98px) {

	.kv--ondemand{

		display: inline-flex;

		grid-area: ondemand;

		color: #fff;

		margin: 0 3vw 0;

		align-items: flex-start;

	} 

	.kv--ondemand .ondemand_data{

		width: 100%;

		margin-left: 0;

	}

	.kv--ondemand .ondemand_data .title{

		font-size: 4.0vw;

		line-height: 1em;

		font-family: "Futura";

		display: block;

		text-align: center;

		letter-spacing: 1.5px;

		border-bottom: 2px solid #cae9fa;

		border-image: linear-gradient(to right, #cae9fa 0%, #94b2b4 44%, #767f85 100%);

		border-image-slice: 1;

		padding: 0 0 2.0vw;

	}

	.kv--ondemand .ondemand_data .place{

		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;

		font-size: 4.0vw;

		text-align: center;

		line-height: 1em;

		margin-top: 4.0vw;

	}

	.kv--ondemand .ondemand_data .day{

		font-family: "Futura";

    font-size: 4.9vw;

    text-align: center;

    letter-spacing: -1px;

    line-height: 1em;

    margin-top: 2vw;

    background: url(../img/icon_day_arrow.svg) no-repeat top -5% right calc(50% - -5%)/2.6vw auto;

	}

	.kv--ondemand .ondemand_data .day span{

		font-size: 10px;

		letter-spacing: 0.5px;

		font-weight: 100;

		vertical-align: inherit;

		margin: 0 4px;

	}



	.kv--areas{

		margin: 5% 3vw;

		display: inline-flex;

		grid-area: areas;

		color: #fff;

	}

	.kv--areas .areas_btn{

		width: 66%;

		/* margin-left: 0vw; */

		display: block;

		color: #fff;

		text-decoration: none;

		border-bottom: 1px solid #fff;

		box-sizing: border-box;

		padding: 5px 1px;

		max-height: fit-content;

		font-size: 3.5vw;

		background: url(../img/arrow_down.svg) no-repeat center right 1.5vw /2.8vw auto;

	}

}



.faq_list {

	letter-spacing: 0.01em;

	background-color: #F5F8FF;

}

.faq_list:not(:first-of-type) {

	margin-top: 25px;

}

@media (max-width: 768.98px) {

	.faq_list {

		padding: 20px 0;

	}

}

.faq_list--q {

	line-height: 1.815;

	position: relative;

	font-weight: bold;

	font-size: 18px;

	display: flex;

	align-items: center;

	padding: 0 25px;

}

.faq_list--q::after {

	left: 0;

	bottom: 0;

	width: 54px;

	height: 1px;

	content: "";

	position: absolute;

	background-color: #00a6bf;

}

@media (max-width: 768.98px) {

	.faq_list--q::after {

		bottom: -19px;

	}

}

@media (max-width: 768.98px) {

	.faq_list--q {

		line-height: 1.5;

		margin-bottom: 40px;

	}

}

.faq_list--q_icon {

	font-size: 32.65px;

	color: #A2B1D3;

	margin-right: 10px;

}

.faq_list--a {

	font-size: 16px;

	line-height: 2.041875;

	padding: 30px 25px 52px;

}



.faq--content {

	margin-top: 60px;

}

@media (max-width: 768.98px) {

	.faq--content {

		margin-top: 30px;

	}

}



.header-btn {

	width: auto;

	max-width: 320px;

	margin-left: 30px;

	display: flex;

}

@media (max-width: 768.98px) {

	.header-btn {

		margin-left: 0;

		max-width: inherit;

		align-items: center;

		background: #de5f5f;

	}

}

.header-btn--list {

	margin-left: 0px;

	display: inline-flex;

}

@media (max-width: 768.98px) {

	ul.header-btn--list li.header-btn--item{

		/*margin-left: 10px;

		margin-right: 10px;*/

	}

}

.header-btn--item {

	display: flex;

	align-items: center;

	flex-shrink: 0;

}

.header-btn--item > a{

	font-size: 13px;

	font-weight: bold;

	padding: 8px 24px;

	background: #de5f5f;

	/* width: 160px; */

	box-sizing: border-box;

	height: 100%;

}

.header-btn--item > a span{

	font-size: 17px;

}



.header-btn--item > a.btn_black{

	padding: 10px 30px;

	background: #000;

}

.header-btn--item > a.btn_black:hover{

	opacity: 0.5;

}

.header-btn--item > a.btn_login{

	background: url("../img/icon_blank.svg") no-repeat center right 8px/1vw auto, #ebae00;

	width: 160px;

}

.header-btn--link {

	display: flex;

	padding: 10px 0;

	flex-direction: column;

	justify-content: center;

	align-items: center;

	color: #fff;

	font-size: 14px;

	width: 100%;

	line-height: 1.5;

}

.header-btn--link:link, .header-btn--link:visited {

	color: #fff;

	text-decoration: none;

}



@media (max-width: 768.98px) {

	.header-btn--item {

		/*max-width: 50%;*/

		width: auto;

		padding-left: 0;

	}

.header-btn--item > a{

	font-size: 12px;

	font-weight: bold;

	padding: 6px 10px;

	background: #de5f5f;

	box-sizing: border-box;

	width: auto;

}

.header-btn--item > a span{

	font-size: 12px;

}

.header-btn--item .pc{

		display: none !important;

	}

.header-btn--item > a.btn_login{

	background: #ebae00;

	width: auto;

	}	

	.header-btn--link {

		font-size: 10px;

		padding: 5px 2px;

		height: 100%;

	}

}

.header-btn--link > .bold {

	font-weight: bold;

}

.header-btn--link > .small {

	font-size: 0.8em;

}



.header-list {

	margin-left: auto;

	display: flex;

	align-items: center;

}

@media (max-width: 768.98px) {

	.header-list {

		display: none;

	}

}

.header-list--list {

	display: flex;

	margin-left: -25px;

}

.header-list--item {

	font-size: 1.5rem;

	font-weight: bold;

	padding-left: 30px;

	letter-spacing: 0.1em;

}

.header-list--link:link, .header-list--link:visited {

	color: #344870;

	text-decoration: none;

	font-weight: bold;

}

.header-list--link:last-child img{

	display: inline-block;

	vertical-align: baseline;

	margin-left: 6px;

}

.header {

	display: flex;

	position: fixed;

	top: 0;

	left: 50%;

	transform: translateX(-50%);

	background: rgba(255,255,255,0.5);

	z-index: 9999;

}

.header--inner {

	display: flex;

	width: 100%;

	max-width: 1600px;

	margin: 0 auto;

}

@media (max-width: 768.98px) {

	.header--inner {

		padding: 0px 0px 0px 0px;

		justify-content: space-between;

	}

}

.header--wrapper {

	display: flex;

	width: calc(100% - 263px);

}

@media (max-width: 768.98px) {

	.header--wrapper {

		width: auto;

		white-space: nowrap;

	}

}



.logo {

	width: 100%;

	max-width: 320px;

	margin-left: 1%;

}

@media (max-width: 768.98px) {

	.logo {

		/*width: auto;*/

		/*max-width: 100%;*/

	}

}

.logo--link {

	display: flex;

	font-weight: bold;

	font-size: 12px;

	padding: 8px 0;

}

.logo--img {

	position: relative;

	width: 100%;

	max-width: 100px;

	flex-shrink: 0;

}

.logo--img::before {

	display: block;

	padding-top: 43.8461538462%;

	content: "";

}

@media (max-width: 768.98px) {

	.logo--img {

		max-width: 80px;

	}

.logo--link {

	display: flex;

	font-weight: bold;

	font-size: 8px;

	padding: 5px 0;

}

}

.logo--inner:not(_) {

	margin-left: 16px;

	display: flex;

	align-items: center;

	text-decoration: none;

}

@media (max-width: 768.98px) {

	.logo--inner:not(_) {

		margin: 0 10px;

		font-size: 10px;

		/*max-width: inherit;*/

	}

}

.logo--text {

	color: #344870;

	font-size: 90%;

	line-height: 1.4em;

	font-weight: bold;

}



.card_lv2--text > .border {

	white-space: nowrap;

	padding-right: 0.5em;

	margin-right: 0.5em;

	border-right: 2px solid #ddd;

}



.overflow {

	width: 100vw;

	margin: 0 calc(50% - 50vw);

}



@media (min-width: 769px) {

	.-pc-none {

		display: none !important;

	}

}



@media (max-width: 768.98px) {

	.-sp-none {

		display: none !important;

	}

}



.-sp-none-inline {

	display: inline-block;

}

@media (max-width: 768.98px) {

	.-sp-none-inline {

		display: none !important;

	}

}



/*ビジネスITフェア2021

---------------------------*/



/*共通背景色*/

.bg_yellow{ background: #fdf6d5; }

.bg_gray{ background: #f5f5f5; }



.section-title {

	margin-bottom: 20px;

	font-size: 30px;

	font-weight: bold;

	color: #000;

	text-align: center;

	line-height: 1.5;

}

.intro_text{

	margin-top: 30px;

	font-size: 16px;

	line-height: 1.8em;

}

.intro_text_s{

	font-size: 14px;

	margin-top: 10px;

}

@media (max-width: 768.98px) {

	.section-title {

		margin-bottom: 30px;

		font-size: 28px;

	}

	.intro_text{

		margin-bottom: 60px;

		font-size: 14px;

	}

}



/*共通インナーボックス*/

.inner_box{

	width: 100%;

	max-width: 1300px;

	margin: 0 auto;

	padding: 0 15px;

}



@media (max-width: 768.98px) {

	.inner_box{

		width: 94%;

		max-width: 1300px;

		margin: 0 auto;

		padding: 0 0;

	}

}





.inner_box_seminor{

	max-width: 1300px;

}

/*セミナー日別ボタン*/

.btn_seminar_day{

	margin: 40px auto;

	display: flex;

	width: 798px;

	justify-content: space-between;

}

.btn_seminar_day li{}

.btn_seminar_day li a{

	padding-top: 8px;

	background: #fff;

	border-radius: 6px;

	font-size: 24px;

	font-weight: bold;

	color: #000;

	display: flex;

	text-decoration: none;

	width: 250px;

	height: 50px;

	justify-content: center;

	align-items: center;

	position: relative;

}

.btn_seminar_day li a::after{

	content: "";

	margin-top: -4px;

	width: 10px;

	height: 10px;

	border-top: 2px solid #EBBE00;

	border-right: 2px solid #EBBE00;

	-webkit-transform: rotate(135deg);

	transform: rotate(135deg);

	position: absolute;

	top: 50%;

	right: 20px;

}

.btn_seminar_day li a span{

	margin-left: 6px;

	font-size: 16px;

}

.btn_seminar_day li a:hover{

	background: #ffe26a;

}



@media (max-width: 768.98px) {

	.btn_seminar_day{

		display: flex;

		flex-wrap:  wrap;

		width: 100%;

	}

	.btn_seminar_day li{

		width: 48%;

	}

	.btn_seminar_day li:nth-child(n+3){

		margin-top: 3%;

	}

	.btn_seminar_day li a{

		padding: 8px 20px 0;

		width: 100%;

		font-size: 16px;

	}

	.btn_seminar_day li a span{

		font-size: 16px;

	}

	.btn_seminar_day li a::after{

		width: 8px;

		height: 8px;

		right: 12px;

	}

}



/*セミナー*/

.nomal_seminar{

	padding: 60px 0 80px;

	background: #f9eed2;

	background-image: url(../img/bg_seminar2021.jpg);

	background-size: 100% auto;

	background-position: center top;

	background-repeat: no-repeat;

	position: relative;

}



.section_label{

	font-size: 16px;

	letter-spacing: 0.2em;

	font-family: "Helvetica Neue",Arial,sans-serif;

	color: #242847;

	-ms-writing-mode: tb-rl;		/*IE*/

	writing-mode: vertical-rl;

	position: absolute;

	top: 110px;

	left: 30px;

}

.section_label::after{

	content: '';

	margin-top: 20px;

	display: inline-block;

	width: 1px;

	height: 40px;

	background-color: #242847;

}

.w_label{

	color: #fff;

}

.w_label:after{

	background-color: #fff;

}



@media (max-width: 768.98px) {

.section_label{

	font-size: 12px;

	letter-spacing: 0.2em;

	font-family: "Helvetica Neue",Arial,sans-serif;

	color: #242847;

	writing-mode: horizontal-tb;

	position: absolute;

	top: 25px;

	left: 18px;

}

.section_label::after{

	content: '';

	margin-top: 20px;

	display: none;

	width: 1px;

	height: 40px;

	background-color: #242847;

}

.w_label{

	color: #fff;

}

.w_label:after{

	background-color: #fff;

}

}



.link_position{

	margin-top: -20px;

	padding-top: 20px;

}



.seminar_list{

	margin-bottom: 60px;

}



.title_days{

	margin-bottom: 40px;

	padding: 10px 40px 5px;

	background: #fddea5;

	font-size: 24px;

	font-weight: bold;

	line-height: 1em;

	color: #000;

	width: 100%;

	border-radius: 40px;

	text-align: center;

}

.title_days::before{

	content: "";

	display: inline-block;

	margin-right: 6px;

	width: 22px;

	height: 22px;

	background: url("../img/icon_watch.svg") no-repeat;

	background-size: contain;

	vertical-align: baseline;

}

.title_days span{

	margin-left: 6px;

	font-size: 16px;

	font-weight: normal;

	color: #000;

	vertical-align: bottom;

}



/*セミナーリスト*/

.seminar_box > div{

	background: #fff;

	display: flex;

	flex-direction: column;

	width: 100%;

	/*height: 100%;*/

	position: relative;

	text-decoration: none;

}



.seminar_box .data_head{

	color: #fff;

	margin-top: -30px;

}

.seminar_box .data_head{

	display: flex;

	justify-content: flex-end;

}

.seminar_box .data_head > span{

	padding: 2px 4px;

	font-size: 14px;

	color: #fff;

	background: #242847;

	font-family: "Montserrat";

	height: 24px;

	box-sizing: border-box;

	display: inline-block;

}

.seminar_box .data_head > .name_tag{

	padding: 4px 4% 4px 4%;

	font-size: 12px;

	display: inline-block;

	color: #fff;

	background: #00a6bf;

	/* height: 24px; */

	box-sizing: border-box;

	display: inline-block;

}

.seminar_box .data_head > .tag_tokyo{

	background: #006896;

}

.seminar_box .data_head > .tag_osaka{

	background: #a57f00;

}

.seminar_box .data_head > .online_tag{

	background: #8ea2a3;

}

.seminar_box .data_head .time_min{

	font-family: "Montserrat";

	font-size: 12px;

	color: #242847;

	display: flex;

	align-items: center;

	margin-left: 10px;

}

.seminar_box .data_head .time_min img{

	width: 14px;

	height: auto;

	margin-right: 4px;

}



.seminar_box_inner{

	padding: 2.0vw;

}



.seminar_box .title{

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 1.4em;

	color: #344870;

	padding: 0 0 12px;

}

.seminar_box .title.online_c{

	color: #4b6969;

	border-bottom: 1px solid #d2dada;

}

.seminar_box .title span{

	font-size: 12px;

	line-height: 1.0em;

}

.about_text span{

	color: #EC6C00;

}



/*セミナークローズ用スタイル*/

.seminar_box > a.closed_link{

	pointer-events: none;

}

.seminar_box > a.closed_link:hover{

	background: #fff;

}



@media (max-width: 768.98px) {

.seminar_box_inner{

	padding: 18px 20px;

}

}

@media (max-width: 768.98px) {

	.title_days{

		font-size: 18px;

	}

	.title_days span{

		font-size: 18px;

		font-weight: bold

	}

	.title_days::before{

		width: 20px;

		height: 20px;

		vertical-align: bottom;

	}

	.seminar_box > a{

		padding: 60px 30px 30px;

	}

}



ul.speaker_list{

	color: #000;

	display: flex;

	justify-content: space-around;

}



ul.speaker_list > li{

	padding: 20px 0;

	/* border-bottom: 1px solid #dcedc4; */

	display: flex;

	flex-direction: column-reverse;

	align-items: center;

}

ul.speaker_list > li:last-child{

	border-bottom: none;

}



ul.speaker_list > li .name{

	font-size: 17px;

	font-weight: bold;

	line-height: 1.2em;

	flex: 1;

	margin-top: 10px;

	text-align: center;

	margin-left: -6px;

}

ul.speaker_list > li .name .position{

	margin-bottom: 12px;

	font-size: 13px;

	font-weight: bold;

	display: block;

	line-height: 1.4em;

}



ul.speaker_list > li .photo {

    width: 160px;

    height: 160px;

}

ul.speaker_list > li .photo p{

	font-size: 11px;

	text-align: center;

}



@media (max-width: 768.98px) {

ul.speaker_list > li{

	padding: 10px 0;

	display: flex;

	flex-direction: column-reverse;

	align-items: center;

}

	ul.speaker_list > li .photo p{

		display: none;

	}

	ul.speaker_list > li .photo {

			width: 90%;

			max-width: 160px;

			height: auto;

	}

	ul.speaker_list > li .photo img{

		width: 100%;

		height: auto;

	}

	ul.speaker_list > li .name{

		font-size: 17px;

		font-weight: bold;

		line-height: 1.2em;

		flex: 1;

		margin-top: 10px;

		text-align: center;

	}



}

.recommend{

	color: #000;

	padding: 0px 0 16px;

	font-size: 14px;

}

.recommend.online_c{

	border-top: 1px solid #d2dada;

}

.btn_open{

	display: block;

	width: 100%;

	padding: 2px 0;

	text-align: center;

	font-family: "Montserrat";

	font-size: 0;

	color: #fff;

	background: #006896;

	position: relative;

}

.btn_open:before{

	content: "MORE";

	font-family: "Montserrat";

	font-size: 14px;

	color: #fff;

}

.close:before{

	content: "CLOSE";

	font-family: "Montserrat";

	font-size: 14px;

	color: #fff;

}

.btn_icon{

	position: absolute;

	top: 50%;

	right: 1.0vw;

	transform: translateY(-50%);

	display: block;

	width: 19px;

	height: 19px;

	text-indent: 100%;

	white-space: nowrap;

	overflow: hidden;

}

.btn_icon:before,

.btn_icon:after{

	display: block;

	content: '';

	background-color: #fff;

	position: absolute;

	width: 19px;

	height: 1px;

	top: 50%;

	left: 50%;

	transform: translate(-50%, -50%);

}

.btn_icon:before{

	width: 1px;

	height: 19px;

}

.btn_open.close .btn_icon:before{

	content: normal;

}

.btn_online{

	background: #8ea2a3;

}

.btn_open:hover{

	cursor: pointer;

	opacity: 0.8;

}

.seminar_box .btn_no-arc{

	margin: auto auto 0;

	padding: 8px 40px;

	font-size: 14px;

	color: #000;

	text-align: center;

}



/*セミナー幅調整用スタイル*/

.rows{

	margin-top: 40px;

	display: flex;

	flex-wrap: wrap;

}

.rows > li{

	width: 32.3%;

	margin-right: 1.5%;

	margin-top: 1.5%;

}

.rows > li:nth-child(3n){

	margin-right: 0;

}



@media (max-width: 768.98px) {

	.rows{

		margin-top: 0;

		display: inline-block;

		width: 100%;

	}

	.rows > li{

		margin-top: 40px;

		width: 100%;

	}

	.rows > li:first-child{

		margin: 0;

	}

	.rows > li:nth-child(n+2){

		margin-left: 0;

	}

	.btn_icon{

		position: absolute;

		top: 50%;

		right: 1.8vw;

		transform: translateY(-50%);

		display: block;

		width: 19px;

		height: 19px;

		text-indent: 100%;

		white-space: nowrap;

		overflow: hidden;

	}

}



.seminor_app_box{

	display: flex;

	justify-content: center;

	margin-top: 112px;

}

.seminor_app_box_t .seminor_app_btn{

	background: #006896;

}

.seminor_app_box_o .seminor_app_btn{

	background: #a57f00;

}

.seminor_app_btn{

	font-size: 1.8rem;

	font-weight: bold;

	color: #fff !important;

	text-decoration: none !important;

	text-align: center;

	padding: 18px 23px;

	margin: 0 18px;

}

.seminor_app_btn img{

	width: 16px;

	height: auto;

	display: inline-block;

	vertical-align: middle;

	margin-left: 6px;

}

.app_btn_txt{

	display: block;

	font-size: 1.7rem;

	font-weight: bold;

	color: #000 !important;

	text-decoration: none !important;

	text-align: center;

	margin: 28px 0 0;

}

.app_btn_txt img{

	display: inline-block;

	vertical-align: -4px;

	margin-left: 4px;

}

.app_btn_txt:hover{

	opacity: 0.6;

}



@media (max-width: 768.98px) {

	.seminor_app_box{

		display: block;

		margin-top: 60px;

		text-align: center;

	}

	.seminor_app_box_t .seminor_app_btn{

		background: #006896;

		padding: 20px;

	}

	.seminor_app_box_o .seminor_app_btn{

		background: #a57f00;

		padding: 20px;

	}

	.seminor_app_btn{

		font-size: 1.5rem;

		font-weight: bold;

		color: #fff !important;

		text-decoration: none !important;

		text-align: center;

		margin: 18px auto;

		box-sizing: border-box;

		padding: 10px;

	}

	.seminor_app_btn img{

		width: 16px;

		height: auto;

		display: inline-block;

		vertical-align: middle;

		margin-left: 6px;

	}

	.seminor_app_box_t{

		margin-bottom: 40px;

	}

}







/*特別セミナー*/

.special_box .name_tag{

	padding: 4px 30px;

	background: #EC6C00;

}

.special_box .name_tag span{

	display: inline-block;

	position: absolute;

	top: -3px;

	right: 6px;

	margin: 0;

	padding: 8px 0;

	z-index: 2;

	width: 14px;

	background: linear-gradient(#FFDD00 0%, #e0c53e 100%);

	border-radius: 2px 0 0 0;

}

.special_box .name_tag span:after{

	content: '';

	position: absolute;

	left: 0;

	top: 100%;

	height: 0;

	width: 0;

	border-left: 7px solid #e0c53e;

	border-right: 7px solid #e0c53e;

	border-bottom: 4px solid transparent;

}



@media (max-width: 768.98px) {

	.seminar_box .name_tag{

		padding: 4px 30px;

		text-align: center;

		font-size: 16px;

	}

	.special_box .name_tag span{

		padding: 10px 0;

	}

}



.special_box .special_box_main{

	margin-bottom: 30px;

	color: #000;

	display: flex;

	justify-content: space-between;

}

.special_box .special_box_main .left_box{

	flex: 1;

}

.special_box .special_box_main .left_box .about_text{

	margin-top: 20px;

	font-size: 14px;

	line-height: 1.8em;

}



.special_box .special_box_main .right_box{

	margin: 0 60px;

	width: 240px;

	display: flex;

    align-items: flex-end;

}



.special_box .special_box_main .right_box dl.speaker dd{

	margin-bottom: 20px;

}

.special_box .special_box_main .right_box dl.speaker dd img{

	margin:  0 auto;

}

.special_box .special_box_main .right_box dl.speaker dt span{

	display: block;

}

.special_box .special_box_main .right_box dl.speaker dt span.affiliation{

	margin-bottom: 8px;

	font-size: 13px;

	line-height: 1.0em;

}

.special_box .special_box_main .right_box dl.speaker dt span.position{

	margin-bottom: 14px;

	font-size: 13px;

	line-height: 1.0em;

}

.special_box .special_box_main .right_box dl.speaker dt span.name{

	font-size: 20px;

	line-height: 1.0em;

}



.special_box .btn_box{

	padding-top: 30px;

	border-top: 1px solid #EBBE00;

}



@media (max-width: 768.98px) {

	.special_box .special_box_main{

		display: inline-block;

	}

	.special_box .special_box_main .left_box{

		margin-bottom: 30px;

	}

	.special_box .special_box_main .right_box{

		margin:  0;

		width: 100%;

	}

	.special_box .special_box_main .right_box dl.speaker{

		margin:  0 auto;

		width: 50%;

	}

	.special_box .special_box_main .right_box dl.speaker dt span{

		display: block;

	}

	.special_box .special_box_main .right_box dl.speaker dd img{

		width: 100%;

	}

	.seminar_box dl.data_head > dt span{

		padding: 2px 8px;

	}

	.seminar_box .btn_entry{

		min-width: 240px;

		font-size: 16px;

        width: 100%;

	}

}



/*★★★*/

/*WEB展示会*/

.web_exhibition{

	padding: 80px 0 100px;

	background: url("../img/bg_web_exhibition.jpg") no-repeat top center/cover #b5d3e1;

	position: relative;

}

/*----展示コーナー一覧表----*/

.web_exhibition .exhibition_table{

	margin-bottom: 50px;

	width: 100%;

	margin-top: 10px;

}

@media (max-width: 768.98px) {

	.web_exhibition .exhibition_table{

		width: 100%;

	}

	.web_exhibition .exhibition_table tr td{

		width: 100px;

		text-align: left;

		vertical-align: middle;

	}

	.web_exhibition .exhibition_table tr td.item01{

		width: 295px;

		font-weight: normal;

	}

}

	.web_exhibition .exhibition_table th{

		color: #fff;

		background: #278baf;

		height: 30px;

		text-align: center;

	}



	.web_exhibition .exhibition_table tr td{

		padding: 2px 0px 2px 15px;

		font-size: 1.4rem;

		vertical-align:middle;

		background: #fff;

	}

	.web_exhibition .exhibition_table tr:nth-child(odd) td{

		background: #f2f7fa;

}

	.web_exhibition .exhibition_table tr td.kikankei{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #006896;

	}

	.web_exhibition .exhibition_table tr td.kikenrenkei{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #549ab9;

	}

	.web_exhibition .exhibition_table tr td.datarenkei{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #42b8a6;

	}

	.web_exhibition .exhibition_table tr td.ai{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #a0c24e;

	}

	.web_exhibition .exhibition_table tr td.jinji{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #b88f42;

	}

	.web_exhibition .exhibition_table tr td.security{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #c27248;

	}

	.web_exhibition .exhibition_table tr td.kikikanri{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #e67878;

	}

	.web_exhibition .exhibition_table tr td.keikaku2{

		background: #c4ac59 !important;

	}

	.web_exhibition .exhibition_table tr td.keikaku{

		color: #fff;

		width: 128px;

		text-align: left;

		font-size: 95%;

		font-weight: bold;

		background: #b79933;

	}

	.web_exhibition .exhibition_table tr td.item02{

		width: 295px;

		font-weight: bold;

	}

	.web_exhibition .exhibition_table tr td.company{

		width: 295px;

	}

@media (max-width: 768.98px) {

	.web_exhibition .exhibition_table tr td:first-child{

		width: 47px;

		padding: 10px;

		font-size: 1.4rem;

		vertical-align: middle;

	}

}



/*----展示コーナー一覧表 ここまで----*/

@media (max-width: 768.98px) {

.web_exhibition{

	padding: 74px 0 63px;

	background: url("../img/sp/bg_web_exhibition.jpg") no-repeat top center/cover #b5d3e1;

	position: relative;

}

}

@media (max-width: 768.98px) {

	.nomal_seminar{

		padding: 40px 0;

	}

}

/*食品関連企業様向け特別セミナー ここまで*/



/* 申込みボックス */

.entry_box{

	padding: 100px 0;

	box-sizing: border-box;

	background: url("../img/bg_entry_r.png?202308") no-repeat top right, url("../img/bg_entry_l.png?202308") no-repeat bottom left, #1c1526;

	position: relative;

}



.entry_box .w_txt{

	color: #fff;

}

.entry_box .inner_box .top_text{

	font-size: 22px;

}



/*セミナークローズ用スタイル*/

.entry_box{

	min-height: auto;

}

.entry_box p.top_text{

	color: #ff0000;

	font-weight: bold;

	text-shadow: 0px 0px 11px #fff;

}



@media (max-width: 768.98px) {

.entry_box{

	padding: 74px 0;

	box-sizing: border-box;

	background: url("../img/bg_entry_r.png") no-repeat top right, url("../img/bg_entry_l.png") no-repeat bottom left, #1c1526;

	position: relative;

}

}



.close_box{

	padding: 40px 0;

	text-align: center;

	background-color: #e17e2b;

	background-size: cover;

	background-position: center center;

	box-sizing: border-box;

	min-height: auto;

	font-weight :bold

}

.close_box p.top_text{

	color: #fff;

	font-size: 18px;

}

@media (max-width: 768.98px) {

	.close_box{

		padding: 30px 0;

		min-height: 0;

		text-align: center;

		background-color: #e17e2b;

		background-size: 100% 100%;

		background-position: center center;

	}

	.close_box .inner_box .top_text{

		font-size: 14px;

	}

}

/* 申込みボックス ここまで */



/* 特別協賛・協力 */

.sponsorship{

	padding: 80px 0 100px;

	text-align: center;

	position: relative;

}

.sponsorship h3{

	margin-bottom: 20px;

	color: #9D562A;

	font-size: 20px;

	font-weight: bold;

	position: relative;

}

	.sponsorship .uchida_logo{

		margin-bottom: 60px;

		display: inline-block;

	}

	.sponsorship .uchida_logo.size_middle img{

		margin: 0 20px;

		height: 60px;

		width: auto;

	}



	@media (max-width: 768.98px) {

		.sponsorship{

			padding: 40px 0;

		}

		.sponsorship h3{

			margin-bottom: 40px;

			font-size: 16px;

		}

		.sponsorship .uchida_logo{

			margin-bottom: 40px;

			width: 80%;

		}

		.sponsorship .uchida_logo img,

		.sponsorship .uchida_logo.size_middle img{

			width: 100%;

			height: auto;

		}

	}

	/* 特別協賛・協力 ここまで */



	/* 開催概要 */

.info_box{

	width: 948px;

	margin: 0 auto;

}



@media (max-width: 768.98px) {

	.info_box{

		width: 94%;

		margin: 0 auto;

	}

}



	.fair_about{

		position: relative;

		padding: 80px 0 100px;

	}

	.fair_about .outline{

		margin-top: 42px;

		width: 100%;

		border-top: 1px solid #cce1ea;

}

.fair_about .outline dl{

	padding: 14px 0;

	font-size: 1.6rem;

	display: flex;

	border-bottom: 1px solid #cce1ea;

}

.fair_about .outline dl dt{

	padding-right: 10px;

	width: 100px;

	font-size: 1.6rem;

	font-weight: bold;

	color: #24286f;

	box-sizing: border-box;

}

.fair_about .outline dl dd{

	font-size: 1.8rem;

	line-height: 1.4em;

	width: calc(100% - 100px);

}

.fair_about .outline dl dd span{

	display: block;

	border-bottom: 1px solid #cce1ea;

	padding: 0 0 14px;

}

.fair_about .outline dl dd span:last-child{

	padding: 14px 0 0;

	border-bottom: 0;

}

.fair_about .outline dl dd.stxt{

	font-size: 1.6rem;	

}

@media (max-width: 768.98px) {

	.fair_about{

		padding: 74px 0;

	}

	.fair_about .outline{

		width: 100%;

	}

	.fair_about .outline dl{

		display: block;

	}

	.fair_about .outline dl dt{

		margin-bottom: 4px;

		font-size: 14px;

		width: 100%;

	}

	.fair_about .outline dl dd{

		font-size: 16px;

		width: 100%;

	}

	.fair_about .outline dl dd.stxt{

		font-size: 14px;	

	}

}

/* 開催概要 ここまで */



/* FAQ */

.faq{

	width: 100%;

	padding: 85px 0 130px;

	background: #f5f4f2;

	position: relative;

}

.faq .inner_faq{

	width: 1200px;

	padding: 0 44px;

	margin: 0 auto;

}

.faq .faq_list{

	width: 100%;

	background: #fff;

	border: 2px solid #e6e3df;

	box-sizing: border-box;

	border-radius: 10px;

	padding: 20px;

	margin-bottom: 20px;

}

.faq .faq_list dt{

	display: flex;

	font-size: 1.8rem;

	font-weight: bold;

	color: #006896;

	background: url("../img/icon_plus.svg") no-repeat top 6px right;

	padding: 0 40px 0 0;

	box-sizing: border-box;

	cursor: pointer;

	transition: .3s;

}

.faq .faq_list dt:hover{

	opacity: 0.6;

}

.faq .faq_list dt.active{

	background: url("../img/icon_minus.svg") no-repeat top 13px right;

}



.faq .faq_list dt img{

	margin-right: 16px;

}

.faq .faq_list dd{

	font-size: 1.7rem;

	padding-top: 20px;

	display: none;

}

.faq_txt{

	font-size: 1.8rem;

	font-weight: bold;

	text-align: center;

	margin-top: 80px;

}

.mailbtn_box{

	text-align: center;

}

.mailbtn{

	display: inline-block;

	margin: 26px auto 0;

	font-size: 1.8rem;

	font-weight: bold;

	background: #fff;

	padding: 10px 27px;

	text-decoration: none !important;

	color: #344870 !important;

	border: 1px solid #e6e3df;

	box-sizing: border-box;

}

.mailbtn img{

	display: inline-block;

	vertical-align: middle;

	margin-right: 10px;

}



@media (max-width: 768.98px) {

	.faq{

		padding: 74px 0;

	}

	.faq .inner_faq{

		width: 94%;

		padding: 0 0;

		margin: 0 auto;

	}

	.faq .faq_list dt{

		display: flex;

		align-items: flex-start;

		font-size: 1.8rem;

		font-weight: bold;

		color: #006896;

		background: url("../img/icon_plus.svg") no-repeat top 6px right;

		padding: 0 40px 0 0;

		box-sizing: border-box;

	}

.faq .faq_list dt img{

		margin-right: 16px;

		margin-top: 7px;

	}

}

/* FAQ ここまで */



/*ビジネスITフェア2024

---------------------------*/

@font-face{

	font-family: "Futura";

	src: url("../font/futura-medium.ttf")

}



@font-face{

	font-family: "Montserrat";

	src: url("../font/FontsFree-Net-Montserrat-Medium.ttf")

}



/* TOPICS */

.topics{

	background: rgba(255,255,255,0.5);

	color: #344870;

	padding: 1vw 1vw;

	position: relative;

	bottom: 1.4vw;

	z-index: 1000;

	box-sizing: border-box;

}

.topics_box{

	display: flex;

	align-items: center;

}

.topics .ttl{

	font-family: "Montserrat";

	font-size: 0.8vw;

	font-weight: bold;

	letter-spacing: 1.2px;

	padding-right: 1vw;

	white-space: nowrap;

}

.topics ul{

	padding-left: 25px;

	width: calc(100% - 107px);

	border-left: 1px solid #7fb3ca;

}

.topics ul li{

	font-size: 15px;

	letter-spacing: 0.05em;

	border-bottom: 1px solid #d6dae2;

	padding: 0.5vw 0;

}

.topics ul li:last-child{

	border-bottom: 0;

}

.topics ul li a{

	color: #344870;

}

@media (max-width: 768.98px) {

.topics{

	background: rgba(255,255,255,0.5);

	color: #344870;

	padding: 4% 8%;

	box-sizing: border-box;

	margin-top: 30%;

}

.topics_box{

	display: block;

}

.topics .ttl{

	font-family: "Montserrat";

	font-size: 19px;

	letter-spacing: 1.2px;

	border-right: none;

	width: 100%;

}

.topics ul{

	padding-left: 0;

	width: 100%;

	border-left: 0;

}

.topics ul li{

	font-size: 15px;

	margin-top: 3px;

	line-height: 160%;

}

.topics ul li a{

	color: #fff;

}

	

}



/* TOPICS ここまで*/



/* SPECIAL LECTURE */

.special_lecture{

	padding: 90px 0;

	background: url("../img/bg_special.jpg?202308") no-repeat top center/cover;

	position: relative;

}

.special_catch{

	width: 583px;

	padding-bottom: 38px;

	border-bottom: 2px solid #66a4c0;

	margin: 0 auto 50px;

}

.special_catch img{

	margin: 0 auto;

}

.special_catch_txt{

	font-size: 1.8rem;

	font-weight: bold;

	text-align: center;

	color: #fff;

	margin: 0 auto 88px;

	letter-spacing: 1px;

}

.special_lec_inner{

	background-color: #fff;

	padding: 65px 77px 0; 

	display: flex;

	box-sizing: border-box;

}

.special_lec_l{

	width: 577px;

	background: url("../img/kudou.png") no-repeat bottom right/454px auto;

}

.special_lec_r{

	width: 530px;

	padding-left: 40px;

	box-sizing: border-box;

}

.special_data .cat_tag{

	font-size: 2.0rem;

	font-weight: bold;

	color: #344870;

	letter-spacing: 3px;

	line-height: 1em;

	display: inline-block;

	margin-top: 30px;

}

.special_data .line{

	display: block;

	width: 128px;

	height: 2px;

	background: linear-gradient(to right, #006896 0%, #006896 50%, #a57f00 50%, #a57f00 100%);

	margin: 24px 0 38px;

}

.special_lec_r .special_ttl{

	font-size: 2.6rem;

	font-weight: bold;

	line-height: 140%;

	color: #006896;

}

.special_lec_r .special_ttl span{

	display: block;

	font-size: 80%;

}

.special_data .position{

	font-size: 1.6rem;

	font-weight: bold;

	line-height: 1.6;

}

.special_data .name{

	font-size: 2.8rem;

	font-weight: bold;

	margin-top: 10px;

}

.special_data .name span{

	font-size: 2.0rem;

}

.special_img img{

	display: block;

}

.special_lec_r .txt{

	font-size: 1.5rem;

	font-weight: 500;

	margin-top: 28px;

	color: #344870;

}

.special_btn{

	display: flex;

	justify-content: space-between;

	margin-top: 30px;

}

.special_btn a{

	display: block;

	text-decoration: none;

	color: #fff;

	width: 48%;

}

.special_btn_l .s_btn_inner,

.special_btn_r .s_btn_inner{

	padding: 12px 16px;

}

.special_btn_l{

	background: #006896;

}

.special_btn_r{

	background: #a57f00;

}

.s_btn_inner .s_btn_inner_ttl{

	font-size: 2.2rem;

	font-weight: bold;

	letter-spacing: 3px;

	line-height: 1em;

	text-align: center;

	border-bottom: 2px solid rgba(255,255,255,0.3);

	padding: 0 0 14px;

}

@media (max-width: 768.98px) {

	.special_catch img{

		margin: 0 auto;

		width: 94%;

	}

	.s_btn_inner .s_btn_inner_ttl span{

	font-size: 10px;

	margin-bottom: 8px;

	}

	.special_catch_txt{

		font-size: 1.6rem;

		font-weight: bold;

		text-align: center;

		color: #fff;

		margin: 0 auto 10%;

		letter-spacing: 1px;

	}

		.s_btn_inner .s_btn_inner_ttl_tokyo span{

		font-size: 10px;

		margin-bottom: 8px;

	}

	.special_lec_r .txt{

		font-size: 1.5rem;

		font-weight: 500;

		margin-top: 5%;

		color: #344870;

	}

}

.s_btn_inner_day{

	font-family: "Futura";

	line-height: 1.2em;

	font-size: 2.0rem;

	text-align: center;

	margin: 8px 0 0;

	text-indent: -9999px;

}

.special_btn_l .s_btn_inner_day{

	background: url("../img/img_day_tokyo_w.svg") no-repeat center/42% auto;

}

.special_btn_r .s_btn_inner_day{

	background: url("../img/img_day_osaka_w.svg") no-repeat center/42% auto;

}

.s_btn_inner_day span{

	font-size: 80%;

	margin-left: 6px;

}

@media (max-width: 768.98px) {

	.s_btn_inner_day{

		font-size: 120%;

		text-indent: inherit;

		background: none !important;

	}

}

.s_btn_inner_place{

	margin-top: 10px;

	font-size: 1.5rem;

	font-weight: bold;

	text-align: center;

}

.special_btn .app{

	text-align: center;

	font-weight: bold;

	font-size: 1.7rem;

	background: url("../img/icon_appli.svg") no-repeat center right 18px #344870;

	padding: 5px 0;

}

.special_btn_l .app{

	background-image: none;

}

.special_btn_r .app{

	background-image: none;

}

.special_lec_txt{

	font-size: 2.2rem;

	font-weight: bold;

	text-align: center;

	color: #344870;

	margin: 30px 0 40px;

}

.special_lec_txt span{

	font-size: 1.7rem;

	padding: 2px 6px;

	border: 1px solid #344870;

	margin-right: 6px;

	vertical-align: 2px;

}

@media (max-width: 768.98px) {

.special_lecture {

        padding: 10% 0 0;

        background: url("../img/sp/bg_special.jpg?202308") no-repeat;

        position: relative;

}

.special_lec_inner{

	width: 100% !important;

}

.special_catch{

	width: 100%;

	padding-bottom: 38px;

	border-bottom: 2px solid #66a4c0;

	margin: 0 auto 5%;

}

.special_lec_inner{

	display: block;

	background:url("../img/sp/kudou.png") no-repeat top 6% right/55% auto #fff;

	padding: 5% 4%; 

	box-sizing: border-box;

}

.special_lec_l{

	width: 100%;

	background: none;

}

.special_lec_r{

	width: 100%;

	padding-left: 0;

	box-sizing: border-box;

	margin-top: 14%;

}

	

.special_data{

	width: 100%;

}

.special_data .cat_tag{

	font-size: 15px;

	font-weight: bold;

	letter-spacing: 3px;

	line-height: 1em;

	padding: 7px;

	border: 1px solid #9193a3;

	display: inline-block;

}

.special_data .special_ttl{

	font-size: 24px;

	font-weight: bold;

	padding: 14px 0 10px;

	line-height: 140%;

	position: relative;

}

.special_data .special_ttl:after{

	content: "";

	display: block;

	width: 80px;

	height: 2px;

	background: linear-gradient(to right, #88e002 0%, #568045 28%, #25662c 100%);	

	position: absolute;

	left: 0;

	bottom: 0;

}

.special_data .position{

	font-size: 15px;

	margin-top: 30px;

}

.special_data .name{

	font-size: 20px;

	font-weight: bold;

	margin-top: 6px;

}

.special_data .txt{

	font-size: 15px;

	margin-top: 30px;

}

.special_btn {

	display: flex;

	margin-top: 20px;

	margin-bottom: 20px;

	width: 100%;

}

.special_btn a{

	text-decoration: none;

	color: #fff;

	min-width: 48%;

	display: block;

}

.special_btn_l .s_btn_inner,

.special_btn_r .s_btn_inner{

	display: block;

	align-items: center;

	padding: 8px 8px;

}

.special_btn_l{

	background: #006896;

}

.special_btn_r{

	background: #a57f00;

}

.s_btn_inner .s_btn_inner_ttl{

	font-size: 2.2rem;

	padding-right: 0;

	border-right: 0;

	letter-spacing: 3px;

	line-height: 1em;

	background: none;

}

.s_btn_inner .s_btn_inner_ttl_tokyo{

	font-family: "Futura";

	font-size: 2.2rem;

	padding-right: 0;

	padding-left: 0px;

	border-right: 0;

	letter-spacing: 3px;

	line-height: 1em;

	background: none;

}

.s_btn_inner_data{

	font-size: 1.6rem;

	line-height: 1.2em;

	padding-left: 0;

    margin: 0;

    display: flex;

    flex-direction: column;

    align-items: center;

}

.s_btn_inner_day span{

	font-size: 50%;

	margin-left: 2px;

}

.s_btn_inner_place{

	margin-top: 6px;

	font-size: 1.6rem;

}

.s_btn_inner_place_osaka{

	margin-top: 6px;

	font-size: 1.1rem;

}

.special_btn .app{

	text-align: center;

	font-weight: bold;

	font-size: 1.7rem;

	background: url("../img/icon_appli.svg") no-repeat center right 8px #344870;

	padding: 5px 0;

}

	.special_btn_l .app{

		background-image: none;

}

	.special_btn_r .app{

		background-image: none;

}



}



/* SPECIAL LECTURE ここまで*/



/* TIME TABLE */

.time_table{

	position: relative;

	background: #e6e3df ;

	padding: 96px 0;

}

.t_tbl_txt{

	font-size: 18px;

	color: #fff;

	margin-top: 40px;

	text-align: center;

}

.t_tbl_txt span{

	display: inline;

	background-position: left -100% center;

	padding: 0 4px 0.6em 4px;

	font-weight: bold;

	background-size: 200% 0.6em;

	background-repeat: repeat-x;

	transition: background-position 2s ease 0.1s;

}

.t_tbl_stxt{

	font-size: 13px;

	color: #344870;

	margin-top: 20px;

	text-align: center;

}

.real_online_ttl{

	width: 100%;

	padding: 10px 0;

	font-size: 23px;

	font-weight: bold;

	color: #fff;

	line-height: 1.0em;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 40px;

}

.real_ttl{

	background: #00a6bf;

}

.online_ttl{

	background: #8ea2a3;

}



.real_online_ttl img{

	width: 24px;

	margin-right: 10px;

}

.real_online_txt{

	font-size: 14px;

	color: #fff;

	text-align: center;

	padding: 28px 0;

}

.section_seminar{

	padding-bottom: 73px;

}

.section_seminar.online_seminar{

	padding-bottom: 0px;

}

.seminar_time{

	font-family: "Montserrat";

	font-size: 28px;

	color: #fff;

	line-height: 1em;

	width: 100%;

	padding: 12px 0;

	display: flex;

	align-items: center;

	justify-content: center;

	border-bottom: 2px solid #00a8b4;

	border-top: 2px solid #00a8b4;

	border-image: linear-gradient(to right, rgba(0,168,180,0) 0%, rgba(0,168,180,1) 50%, rgba(0,168,180,0) 100%);

	border-image-slice: 1;

	margin-bottom: 52px;

}

.seminar_time img{

	width: 24px;

	margin-right: 12px;

}

.hands_on{

	display: flex;

	margin-top: 10px;

	background: #ebf6fc;

	border-radius: 4px;

	padding: 4px 4px 4px 8px;

}

.hands_on .hands_on_img img{

	width: 32px;

	height: auto;

	margin-right: 10px;

	padding-top: 4px;

}

.hands_on .hands_on_txt .hands_on_ttl{

	font-size: 14px;

	font-weight: bold;

	color: #0099d7;

	line-height: 1em;

	margin-bottom: 4px;

}

.hands_on .hands_on_txt .hands_on_stxt{

	font-size: 12px;

	color: #0099d7;

	line-height: 1em;

}

@media (max-width: 768.98px) {

.time_table{

	position: relative;

	background: #e6e3df ;

	padding: 10% 0;

}

.t_tbl_txt{

	font-size: 16px;

	color: #fff;

	margin-top: 40px;

}

.t_tbl_txt span{

	display: inline;

	background-position: left -100% center;

	padding: 0 4px 0.6em 4px;

	font-weight: bold;

	background-size: 200% 0.6em;

	background-repeat: repeat-x;

	transition: background-position 2s ease 0.1s;

}

.t_tbl_stxt{

	font-size: 11px;

	margin-top: 20px;

}

.real_online_ttl{

	width: 100%;

	padding: 10px 0;

	font-size: 23px;

	font-weight: bold;

	color: #fff;

	line-height: 1.0em;

	display: flex;

	align-items: center;

	justify-content: center;

	margin-top: 34px;

}

.real_ttl{

	background: #00a6bf;

}

.online_ttl{

	background: #8ea2a3;

}



.real_online_ttl img{

	width: 24px;

	margin-right: 10px;

}

.real_online_txt{

	font-size: 14px;

	color: #fff;

	text-align: center;

	padding: 30px 0;

}

.section_seminar{

	padding-bottom: 40px;

}

.section_seminar.online_seminar{

	padding-bottom: 40px;

}

.seminar_time{

	font-family: "Montserrat";

	font-size: 28px;

	color: #fff;

	line-height: 1em;

	width: 100%;

	padding: 12px 0;

	display: flex;

	align-items: center;

	justify-content: center;

	border-bottom: 2px solid #00a8b4;

	border-top: 2px solid #00a8b4;

	border-image: linear-gradient(to right, rgba(0,168,180,0) 0%, rgba(0,168,180,1) 50%, rgba(0,168,180,0) 100%);

	border-image-slice: 1;

	margin-bottom: 52px;

}

.seminar_time img{

	width: 24px;

	margin-right: 12px;

}

.hands_on{

	display: flex;

	margin-top: 10px;

	background: #ebf6fc;

	border-radius: 4px;

	padding: 4px 4px 4px 8px;

}

.hands_on .hands_on_img img{

	width: 32px;

	height: auto;

	margin-right: 10px;

	padding-top: 4px;

}

.hands_on .hands_on_txt .hands_on_ttl{

	font-size: 14px;

	font-weight: bold;

	color: #0099d7;

	line-height: 1em;

	margin-bottom: 4px;

}

.hands_on .hands_on_txt .hands_on_stxt{

	font-size: 12px;

	color: #0099d7;

	line-height: 1em;

}

}

/* TIME TABLE ここまで*/



/* デジタル化ソリューションの展示 */

.web_cat_list{

	display: flex;

	flex-wrap: wrap;

	margin-top: 56px;

}

.web_cat_list > li{

	font-size: 20px;

	font-weight: bold;

	color: #00a6bf;

	letter-spacing: 1.2px;

	line-height: 1em;

	padding: 15px 0;

	border: 1px solid #4dc1d2;

	box-sizing: border-box;

	text-align: center;

	width: 22%;

	margin-right: 4%;

	margin-bottom: 2.2%;

}

.web_cat_list > li:nth-of-type(4n){

	margin-right: 0;

}

@media (max-width: 768.98px) {

	.web_cat_list{

		display: flex;

		flex-wrap: wrap;

		margin-top: 56px;

	}

	.web_cat_list > li{

		font-size: 20px;

		font-weight: bold;

		color: #00a6bf;

		letter-spacing: 1.2px;

		line-height: 1em;

		padding: 15px 0;

		border: 1px solid #4dc1d2;

		box-sizing: border-box;

		text-align: center;

		width: 48%;

		margin-right: 4%;

		margin-bottom: 4%;

	}

	.web_cat_list > li:nth-of-type(2n){

		margin-right: 0;

	}

}

/* デジタル化ソリューションの展示 ここまで*/



/* 会場一覧＆お申し込み */

.entry_box{

	background: url("../img/bg_main.jpg") no-repeat top center /cover;

}

.entry_text{

	font-size: 2.0rem;

	text-align: center;

	font-weight: bold;

}

.entry_box_date {

	margin-top: 74px;

	width: 100%;

	display:flex;

	justify-content:center;

	color: #fff;

}



.entry_box_date a{

	display: block;

	text-decoration: none;

	color: #fff;

	width: 374px;

	margin: 0 17px;

}

.entry_box_l .entry_btn_inner,

.entry_box_r .entry_btn_inner{

	padding: 15px 54px;

}

.entry_box_l{

	background: #006896;

}

.entry_box_r{

	background: #a57f00;

}

.entry_btn_inner .entry_btn_inner_ttl{

	font-size: 3.0rem;

	font-weight: bold;

	letter-spacing: 3px;

	line-height: 1em;

	text-align: center;

	border-bottom: 2px solid rgba(255,255,255,0.3);

	padding: 0 0 15px;

}

.entry_btn_inner_day{

	font-family: "Futura";

	line-height: 1.2em;

	font-size: 3.0rem;

	text-align: center;

	margin: 10px 0 0;

	text-indent: -9999px;

}

.entry_box_l .entry_btn_inner_day{

	background: url("../img/img_day_tokyo_w.svg") no-repeat center/48% auto;

}

.entry_box_r .entry_btn_inner_day{

	background: url("../img/img_day_osaka_w.svg") no-repeat center/50% auto;

}

.entry_btn_inner_day span{

	font-size: 80%;

	margin-left: 6px;

}

.entry_btn_inner_place{

	margin-top: 15px;

	font-size: 2.0rem;

	font-weight: bold;

	text-align: center;

}

.entry_box_date .app{

	font-weight: bold;

	font-size: 1.9rem;

	background: url("../img/icon_appli.svg") no-repeat center right 18px/34px auto #344870;

	padding: 9px 0 9px 20px;

	letter-spacing: 4px;

	box-sizing: border-box;

}

.entry_box_l .app{

	background-image: none;

	text-align: center;

	padding: 9px 0;

}

.entry_box_r .app{

	background-image: none;

	text-align: center;

	padding: 9px 0;

}

.mypage_txt{

	text-align: center;

	margin: 30px 0;

}

.mypage_txt .mypage_btn{

	display: flex;

	justify-content: center;

	padding: 10px;

	background: #fff;

	width: 200px;

	margin: 15px auto 0;

	color: #344870;

	text-decoration: none;

}

.mypage_txt .mypage_btn img{

	margin-left: 6px;

}



@media (max-width: 768.98px) {

	.entry_btn_inner_day{

		text-indent: inherit;

		background: none !important;

	}



	.entry_box_date .app{

		font-weight: bold;

		font-size: 1.9rem;

		background: url("../img/icon_appli.svg") no-repeat center right 8px/34px auto #344870;

		padding: 9px 0 9px 20px;

		letter-spacing: 4px;

		box-sizing: border-box;

	}

}





/* お問い合わせ */

.contact_box{

	padding: 36px 0 100px;

	background: #29344a;

}

.contact_box .section_ttl{

	color: #fff;

}

.contact_txt{

	text-align: center;

	font-size: 1.8rem;

	font-weight: bold;

	color: #fff;

}

.contact_mail {

	display: flex;

	justify-content: center;

	align-items: center;

	margin: 28px 0 0;

}

.contact_mail a{

	font-size: 1.8rem;

	color: #fff;

	font-weight: bold;

	text-decoration: none;

	line-height: 1;

}

.contact_mail a img{

	display: inline-block;

	margin-right: 10px;

}





@media (max-width: 768.98px) {

	.entry_box_date {

		margin-top: 6%;

		width: 100%;

		display: block;

		justify-content: space-around;

		color: #fff;

	}

	.entry_box_date a{

		display: block;

		text-decoration: none;

		color: #fff;

		width: 100%;

		margin: 25px auto;

	}

	.entry_box_date .date_detail{

		width: 100%;

		margin-left: 0;

		text-decoration: none;

		color: #fff;

		margin-bottom: 65px;

	}

	.entry_box_date .date_detail{

		display: block;

	}

	.entry_box_date .date_detail:first-child{

		margin-left: 0;

	}



	.entry_box_date .date_detail:hover{

		text-decoration: none;

		cursor: pointer;

	}

	.entry_box_date .date_detail .title{

		font-size: 20px;

		line-height: 1em;

		font-family: "Futura";

		display: block;

		text-align: center;

		letter-spacing: 3px;

		border-bottom: 2px solid #cae9fa;

		border-image: linear-gradient(to right, #88e002 0%, #568045 28%, #25662c 100%);

		border-image-slice: 1;

		padding: 0 0 4.0vw;

	}

	.entry_box_date .date_detail .place{

		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", Hiragino Mincho ProN, "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;

		font-size: 22px;

		text-align: center;

		line-height: 1em;

		margin-top: 4.0vw;

	}

	.entry_box_date .date_detail .day{

		font-family: "Futura";

		font-size: 50px;

		text-align: center;

		letter-spacing: -2px;

		line-height: 1em;

		margin-top: 4.0vw;

	}

	.entry_box_date .date_detail .day span{

		font-size: 16px;

		letter-spacing: 0.1px;

		font-weight: 100;

		vertical-align: inherit;

		margin-left: 20px;

	}

	.entry_box_date .date_detail .address{

		font-size: 16px;

		font-weight: bold;

		text-align: center;

		line-height: 1em;

	}

	.entry_box_date .date_detail .btn{

		width: 100%;

		max-width: 292px;

		height: 60px;

		font-size: 16px;

		font-weight: bold;

		line-height: 60px;

		background: url("../img/icon_appli.svg") no-repeat center right 16px/25px auto, linear-gradient(to left, #7dc810 0%, #568045 28%, #406836 100%);

		margin: 36px auto 0;

		box-sizing: border-box;

		text-align: center;

	}

	.entry_box_date .date_detail .btn-noicon{

		width: 100%;

		max-width: 292px;

		height: 60px;

		font-size: 20px;

		font-weight: bold;

		line-height: 60px;

		background: linear-gradient(to right, #00a8b4 0%, #0068a4 100%);

		margin: 36px auto 0;

		box-sizing: border-box;

		text-align: center;

	}



	.entry_box_date .osaka .title{

		border-bottom: 2px solid #d3c5d4;

		border-image: linear-gradient(to left, #c44300 0%, #901531 45%, #a963c9 100%);

		border-image-slice: 1;

	}

	.entry_box_date .osaka .btn{

		background: url("../img/icon_appli.svg") no-repeat center right 16px/25px auto, linear-gradient(to right, #901531 0%, #901531 45%, #a55ab7 100%);

	}

	.entry_box_date .osaka .btn-noicon{

		background: linear-gradient(to right, #ae7ab2 0%, #7e76ae 66%, #2d6ba7 100%);

	}

.entry_box_l .app{

	background-image: none;

	text-align: center;

	padding: 9px 0;

}

.entry_box_r .app{

	background-image: none;

	text-align: center;

	padding: 9px 0;

}



}



/* 会場一覧＆お申し込み ここまで*/





/* タイトル */

.section_ttl{

	font-size: 2.0rem;

	font-weight: bold;

	letter-spacing: 6px;

	text-align: center;

	margin: 64px 0 0;

}

.section_ttl img{

	width: auto;

	height: 21px;

	margin: 0 auto 24px;

}

.section_ttl .line{

	display: block;

	width: 128px;

	height: 2px;

	background: linear-gradient(to right, #006896 0%, #006896 50%, #a57f00 50%, #a57f00 100%);

	margin: 24px auto 38px;

}

.section_ttl_seminar{

	font-size: 28px;

	font-weight: bold;

	position: relative;

	letter-spacing: 6px;

	padding-bottom: 12px;

	display: flex;

	justify-content: center;

}

.section_ttl_txt{

	font-size: 2.0rem;

	font-weight: bold;

	text-align: center;

	line-height: 1.6;

}

.ttl_box{

	display: flex;

	justify-content: space-between;

}

.ttl_box .ttl_img{

	font-size: 1.2rem;

}

@media (max-width: 768.98px) {

.ttl_box{

	display: block;

}

.section_ttl{

	font-size: 24px;

	font-weight: bold;

	position: relative;

	letter-spacing: 6px;

	padding-bottom: 18px;

	line-height: 140%;

	margin: 0 0;

}

.w_ttl{

	color: #fff;

}

.ttl_box .ttl_img{

	font-size: 1.2rem;

	text-align: right;

	margin: 4vw 0;

}

}



/* デジタル化ソリューションの展示 */

.web_exhibition h4{

	font-size: 1.8rem;

	font-weight: bold;

	margin-top: 30px;

	padding-left: 12px;

	border-left: 2px solid #344870;

}



/* セミナーカテゴリラベル */



.rows li.cat01::before {

	content: "事例講演（トレーサビリティ）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat02::before {

	content: "スーパーカクテル";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat03::before {

	content: "事例講演（物流）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat04::before {

	content: "ITトレンド（生成AI）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat05::before {

	content: "事例講演（DX）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat06::before {

	content: "事例講演（生成AI）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat07::before {

	content: "事例講演（需要予測）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat08::before {

	content: "経営/人的資本";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat09::before {

	content: "ITトレンド（AI活用）";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



.rows li.cat10::before {

	content: "経営/人的資本";

	display: inline-block;

	min-width: 80px;

	padding: 4px 8% 4px 4%;

	text-align: center;

	font-size: 12px;

	font-weight: bold;

	color: #fff;

	background: #344870;

	clip-path: polygon(0% 100%,0% 0%,86% 0%,100% 100%);

}



/* これまでのITフェア */

.past_box{

	padding: 90px 0;

	background: url("../img/bg_past_events.png") no-repeat center /cover;

}

.past_box .section_ttl{

	color: #fff;

}

.past_list{

	display: flex;

	flex-wrap: wrap;

}

.past_list li{

	margin: 22px;

}

.past_list li .past_list_box{

	display: block;

	width: 210px;

	padding: 20px;

	box-sizing: border-box;

	background: #4572c7;

	box-shadow: 0px 0px 15px -5px #3b3b3b;

	color: #fff;

	text-decoration: none;

}

.past_year{

	display: flex;

	justify-content: center;

	margin: -25px 0 0;

}

.past_year img:first-child{

	margin-right: 10px;

}

.past_ttl{

	text-align: center;

	height: 70px;

	display: flex;

	justify-content: center;

	align-items: center;

}

.past_ttl p{

	font-size: 1.8rem;

	font-weight: bold;

	line-height: 1.4;

	color: #fff;

}

.past_list li .past_list_link{

	font-family: 1.7rem;

	display: flex;

	justify-content: center;

	align-items: center;

	color: #fff;

	text-decoration: none;

	margin: 10px 0 0;

}

.past_list li .past_list_link img{

	width: 13px;

	height: auto;

	margin-left: 10px;

}



@media (max-width: 768.98px) {

	.past_ttl p{

		font-size: 3.8vw;

		font-weight: bold;

		line-height: 1.4;

		color: #fff;

	}

		.past_list li{

			padding-top: 12px;

	}

	.past_list li .past_list_box{

		display: block;

		width: 100%;

		padding: 20px;

		box-sizing: border-box;

		background: #4572c7;

		box-shadow: 0px 0px 15px -5px #3b3b3b;

		color: #fff;

		text-decoration: none;

	}

}