@charset "UTF-8";

/****************************
	クラス（上書き）
*****************************/

body {
	background: #fff;
}

.main-contents {
	background: #fff;
}

.section .section-inner{
	max-width: 1180px;
	padding-top: 70px!important;
	padding-bottom: 70px!important;
}

.list-a>li+li {
	/* margin-top: 0!important; */
}

.diff-bg-w{
	background: #fff;
}

.diff-bg-gray{
	background: #f0f0f0;
}

@media screen and (max-width: 480px){
	.section .section-inner {
		padding-top: 40px!important;
		padding-bottom: 40px!important;
	}
}



/****************************
	調整用クラス
*****************************/
.u-m-0auto{
	margin: 0 auto;
}

.c-btn-rc a{
	background: #fff;
	text-decoration: none;
	padding: 10px 80px 10px 60px;
	border-radius: 60px;
	display: inline-block;
	color: #000;
	position:
	relative;
	transition: all 300ms;
	font-size: 1.8rem;
	font-weight: 600;
}

.c-btn-rc a:hover, 
.c-btn-rc a:focus, 
.c-btn-rc a:active {
	background-color: rgb(224 224 224 / 80%);
}

.c-btn-rc a:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #000;
	border-right: 2px solid #000;
	transform: rotate(135deg);
	margin-top: -6px;
}

.c-btn-rc.diff-arw-r a:before{
	transform: rotate(45deg);
	right: 24px;
}

.c-btn-rc.diff-c-blk a{
	background-color: #000;
	color:#fff;
}

.c-btn-rc.diff-c-blk a:before{
	border-color:#fff;
}

.c-btn-rc.diff-c-blk a:hover, 
.c-btn-rc.diff-c-blk a:focus,
.c-btn-rc.diff-c-blk a:active {
	background-color: rgb(0 0 0 / 70%);
}

.c-btn-rc.diff-c-transparent a{
	border:3px solid #000;
	background-color: transparent;
	padding: 7px 57px 7px 37px;
}

.c-btn-rc.diff-c-transparent-w a{
	border:3px solid #fff;
	background-color: transparent;
	padding: 7px 57px 7px 37px;
	color: #fff;
}

.c-btn-rc.diff-c-transparent-w a:before{
	border-color: #fff;
}

.c-btn-rc.diff-c-transparent a:hover, 
.c-btn-rc.diff-c-transparent a:focus, 
.c-btn-rc.diff-c-transparent a:active {
	background-color: rgb(0 0 0 / 70%);
	color:#fff;
}

.c-btn-rc.diff-c-transparent-w a:hover, 
.c-btn-rc.diff-c-transparent-w a:focus, 
.c-btn-rc.diff-c-transparent-w a:active {
	background-color: rgb(0 0 0 / 50%);
	color:#fff;
}

.c-btn-rc.diff-c-transparent a:hover:before{
	border-color: #fff;
}

.c-btn-rc.diff-c-transparent-w a:hover:before{
	border-color: #fff;
}

.c-btn-rc.diff-square a{
	border-radius: 0;
}

.c-btn-group{
	display: flex;
	margin-right: -16px;
	justify-content: center;
}

.c-btn-group.c-btn-fw-group {
	flex-wrap: wrap;
}

.c-btn-group .item{
	margin-right: 16px;
}

.c-btn-group.c-btn-fw-group .item {
	margin-top: 30px;
}

.section.section-title .section-inner {
	padding-top: 70px!important;
	padding-bottom: 32px!important;
}

@media screen and (max-width: 768px){
	.c-btn-group{
		display: block;
		width: 100%;
		margin:0;
	}
	.c-btn-group .item{
		width: 100%;
		margin:0;
	}

	.c-btn-group .item + .item{
		margin-top: 20px;
	}
	.c-btn-rc{
		text-align: center;
	}
	.c-btn-rc a,
	.c-btn-rc.diff-c-transparent a{
		display: inline-block;
		max-width: 480px;
		width: 100%;
		padding: 10px 60px 10px 40px;
	}
}

@media screen and (max-width: 480px){
	.section.section-title .section-inner {
		padding-top: 40px!important;
		padding-bottom: 28px!important;
	}
}
/****************************
	KVエリア（各セッション）
*****************************/
.fan-session-kv{
	position: relative;
}
.fan-session-kv .visual{
	min-height: 480px;
}
.fan-session-kv.diff-bg-keynote .visual{
	background:	url(/global/imagesgig5/kv_keynote_tcm100-6812242_tcm100-2750236-32.jpg) no-repeat;
	background-size: cover;
	background-position: center;
}

.fan-session-kv .content{
	padding: 24px;
	position: absolute;
	top:50%;
	left: calc(10% - 48px);
	transform: translate(0, -50%);
	max-width: 480px;
	background: #fff;
	width: 100%;
}

.fan-session-kv.diff-bg-keynote .content{
	color:#fff;
	background:url(/global/imagesgig5/bg_heading_1_tcm100-6812236_tcm100-2750236-32.jpg) no-repeat;
	background-size: cover;
}

@media screen and (max-width: 480px){
	.fan-session-kv{
		background: none!important;
		min-height: inherit;
	}

	.fan-session-kv .content{
		position: relative;
		transform: inherit;
		top: 0;
		left: 0;
	}

	.fan-session-kv .visual{
		min-height: 200px;
	}
}
/****************************
	KVエリア
*****************************/
.fan-kv{
	display: flex;
	width: 100%;
	background-color: #f6f6f6;
}

.fan-kv .img-area{
	width: 65%;
	position: relative;
}
/*
.fan-kv .img-area:before {
	content: '';
	top: 0;
	left: 0;
	display: block;
}

.fan-kv .img-area:after {
	position: absolute;
	content: '';
	display: block;
	width: 100%;
	background-image: url(/global/imagesgig5/fan_infinity-bl-mg_tcm100-6811880_tcm100-2750236-32.png);
	background-size: contain;
	background-repeat: no-repeat;
	padding: 50px 0;
	padding-top: 25%;
	top: 50%;
	left: 50%;
	max-width: 380px;
	transform: translate(-46%, -50%);
	background-position-x: center;
}
*/

.fan-kv .img-area img.fan-infinity-img{
	position: absolute;
	top: 50%;
	left: 50%;
	max-width: 380px;
	transform: translate(-46%, -50%);
}

.fan-kv .txt-area{
	background: url(/global/imagesgig5/fansummit_gold_tcm100-7208624_tcm100-2750236-32.jpg) no-repeat;
	width: 35%;
	background-size: cover;
	padding: 50px 30px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

/*
.fan-kv .txt-area .main-txt .main-txt__inner *{
	color: #fff;
}
*/

.fan-kv .txt-area .main-txt .main-txt__inner h1{
	font-size: 4.8rem;
	line-height: 1.2;
}
/*
.fan-kv .txt-area .sub-txt .sub-txt__inner *{
	color: #fff;
}
*/

.fan-kv .img-area .for-pc {
	display: block;
	margin-left: auto;
}

.fan-kv .img-area .for-sp {
	display: none;
}

@media only screen and (max-width: 1380px) and (min-width: 1200px){
	.fan-kv .txt-area{
		padding: 20px 30px 30px 30px;
		transition: .3s;
	}
}

@media screen and (max-width:1200px){
	.fan-kv{
		display: flex;
		width: 100%;
		flex-direction: column-reverse;
	}
	.fan-kv .img-area,.fan-kv .txt-area{
		width: 100%;
	}

	.fan-kv .txt-area{
		padding: 30px 50px;	
	}
	.fan-kv .txt-area .sub-txt {
		margin-top:26px;
		margin-bottom: 0;
	}

	/*
	.fan-kv .img-area img.fan-infinity-img{
		position: absolute;
		top: 50%;
		left: 50%;
		max-width: 300px;
		transform: translate(-47%, -50%);
	}*/
}

@media screen and (max-width:768px){
	.fan-kv .txt-area{
		padding: 20px 15px;
	}
}

@media screen and (max-width:480px){
	.fan-kv .img-area .for-pc {
		display: none;
	}

	.fan-kv .img-area .for-sp {
		display: block;
	}
}

/*logo mark*/
.fan-kv_mark {
	position: absolute;
	width: 400px;
	height: auto;
	top: 50%;
	left: calc(50% - ((1300px - 100%)/2));
	z-index: 10;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin-left: 20px;
}

.fan-kv_mark img,.fan-kv_mark svg {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}

.fan-kv_mark #logo-3 {
	width: 100%;
}

.fan-kv_mark .cls-1 {
	fill: none;
	stroke: #fff;
	stroke-miterlimit: 10;
	stroke-width: 130px;
	stroke-dasharray: 1359,1361;
	stroke-dashoffset: 1361;
}

.fan-kv_mark .logo-navy {
	position: absolute;
	width: 100%;
	height: auto;
	top: 2.45%;
	left: 0;
}

@media screen and (max-width: 2000px){
	.fan-kv_mark {
		left: 50%;
	}
}

@media screen and (max-width: 767px){
	.fan-kv_mark {
		width: calc(11 / 24 * 100vw);
		height: calc(11 / 24 * .81640625 * 100vw);
		margin-left: 5px;
	}
}

/*slider controle button*/
.fan-kv .img-area .fan-kv-stop-btn{
	position: relative;
	left: calc(10px - ((1280px - 100vw)/ 2));
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl{
	position: absolute;
	bottom: 30px;
	left: 20px;
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl{
	width: 16px;
	height: 16px;
	margin: 0 8px;
	line-height: 1.3
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li{
	position: relative;
	overflow: hidden;
	width: 30px;
	height: 30px;
	padding: 0;
	cursor: pointer;
	border: solid 1px #7f7f7f;
	background: none
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:focus-within, 
.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:hover, 
.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:active {
	outline: 2px solid #000;
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li button{
	width: 100%;
	height: 100%;
	display: block
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:before,
.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li button:before,
.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li button:after {
	position: absolute;
	content: ""
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:before {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #fff;
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li button:before {
	top: 6px;
	left: 8px;
	width: 4px;
	height: 15px;
	background-color: #000;
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li.slider__ctrl-pause button:after {
	top: 6px;
	right: 8px;
	width: 4px;
	height: 15px;
	background-color: #000;
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li.slider__ctrl-play button:before {
	width: 0;
	height: 0;
	background-color: transparent;
	border-top: solid 8px transparent;
	border-bottom: solid 8px transparent;
	border-right: solid 13px transparent;
	border-left: solid 13px #000;
}

.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li.slider__ctrl-play button:after {
	display: none
}


.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:hover:before,
.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:active:before, 
.fan-kv .img-area .fan-kv-stop-btn .slider__ctrl li:focus-within:before { 
	background: #f0f0f0;
}

@media screen and (max-width: 1200px){
	.fan-kv .img-area .fan-kv-stop-btn{
		position: relative;
		left: 0;
	}
}

/***********************************
.c-regional-kv-top
************************************/
.c-regional-kv-top{
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}

.c-regional-kv-top .visual{
	background: url(/global/imagesgig5/main_regional_tcm100-6811942_tcm100-2750236-32.jpg);
	background-size: cover;
	width: 50%;
	/* position: absolute; */
	/* padding-top: 50%; */
}
.c-regional-kv-top .content{
	width: 50%;
	/* background: url(); */
}

/***********************************
	youtube
************************************/
.fan-video {
	max-width: 900px;
	margin: 40px auto 0;
	position: relative;
}

.fan-video .visual {
	padding-top: 56.25%;
	position: relative;
}

.fan-video .visual iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/***********************************
	map
************************************/
.section.diff-bg-map .section-inner .img-map-pc img{
	position: absolute;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	max-width: 920px;
	width: 100%;
}

.section.diff-bg-map .section-inner .img-map-sp{
	display:none;
}

@media screen and (max-width: 780px){
	.section.diff-bg-map .section-inner .img-map-pc{
		display: none;
	}

	.section.diff-bg-map .section-inner .img-map-sp{
		display:
		block;
		text-align: center;
		margin: 24px 0;
	}
}

.c-lyt-top-regional{
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	height: 100%;
	min-height: 800px;
	position: relative;
	min-height: 900px;
	overflow: hidden;
}


/***********************************
　パネルエリア
************************************/
.c-program-panel{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -30px;
	margin-bottom: -40px;
	z-index: 1;
}

.c-program-panel .content{
	width: calc(25% - 30px);
	margin: 0 30px 40px 0;
}

.c-program-panel .content a {
	text-decoration: none;
	padding: 0;
	margin: 0;
}
.c-program-panel .content a:hover {
	opacity: 0.8;
}

.c-program-panel .content .cnt-head{
	color: #fff;
	font-size: 2.6rem;
	font-weight: 600;
	background: url(/global/imagesgig5/bg-fan_bl-mg_tcm100-6811877_tcm100-2750236-32.png) no-repeat;
	background-position-x: 70%;
	background-position-y: 50%;
	background-size: cover;
	border: 2px solid #2400B0;
	border-bottom: none;
	position: relative;
	padding: 20px 45px 20px 12px;
	display: block;
	box-sizing:	content-box;
	line-height: 1.4;
	display: flex;
	align-items: center;
}

.c-program-panel .content .cnt-head::before{
	content: "";
	position:
	absolute;
	right: 12px;
	width: 30px;
	height: 30px;
	top: calc(50% - 15px);
	background-color: #fff;
	border-radius: 50%;
	/* margin-top: 6px; */
}
.c-program-panel .content .cnt-head::after{
	content: "";
	position: absolute;
	top: calc(50% - 6px);
	right: 22.5px;
	width: 12px;
	height: 12px;
	border-top: 3px solid #000;
	border-right: 3px solid #000;
	transform: rotate(45deg);
}
.c-program-panel .content .cnt-body{
	border: 2px solid #2400B0;
	border-top: none;
	padding: 12px 15px;
	font-size: 1.8rem;
	background: #fff;
	font-weight: 600;
	display: block;
	box-sizing:content-box
}

@media screen and (max-width: 1100px){
	.c-program-panel{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		margin-right: -30px;
		margin-bottom: -40px;
		z-index: 1;
	}
	
	.c-program-panel .content{
		width: calc(50% - 30px);
		margin: 0 30px 40px 0;
	}
}

@media screen and (max-width: 768px){
	.c-program-panel{
		display: block;
		margin: 0;
	}
	.c-program-panel .content{
		width: 100%;
		margin: 0 0 16px 0;
	}
}

@media screen and (max-width: 480px){
	.c-program-panel .content .cnt-head::after {
		content: "";
		position: absolute;
		top: calc(50% - 6px);
		right: 22.5px;
		width: 12px;
		height: 12px;
		border-top: 3px solid #000;
		border-right: 3px solid #000;
		transform: rotate(45deg);
	}
}

/*********************************
　パネルエリア
**********************************/
.section.diff-panel{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.section.diff-panel .section-inner{
	padding-top: 56px;
	padding-bottom: 56px;
}

/*
.section.diff-panel .section-inner .panel{
	padding: 40px;
	max-width: 590px;
	min-height: 400px;
}
*/

.section.diff-panel .section-inner .panel.diff-right{
	margin-left: auto;
}

.section.diff-panel .section-inner .panel .sub-heading{
	font-size: 2rem;
	font-weight: 600;
}

.section.diff-panel .section-inner .panel .heading{
	font-size: 3.6rem;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 20px;
	line-height: 1.5;
}

.section.diff-panel.bg-keynote{
	background-position: center bottom;/*位置調整*/
}

.section.diff-panel.bg-keynote-2{
	background-image: url(/global/imagesgig5/bg_keynote_2_tcm100-6844911_tcm100-2750236-32.jpg);
}

.section.diff-panel.bg-regional{
	background-image: url(/global/imagesgig5/bg_regional_tcm100-6813483_tcm100-2750236-32.jpg);
}

.section.diff-panel.bg-uvance{
	background-image: url(/global/imagesgig5/bg_uvance_tcm100-6811900_tcm100-2750236-32.jpg);
}

.section.diff-panel.bg-uvance-2{
	background-image: url(/global/imagesgig5/bg_uvance_2_tcm100-6844320_tcm100-2750236-32.jpg);
	background-position: center center;
}

@media screen and (max-width: 768px){
	.section.diff-panel .section-inner .panel{
		width:100%;
		max-width: inherit;
		min-width: inherit;
	}
}

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

	.section.diff-panel{
		padding-bottom: 100px;
		background-position: center bottom;
	}
	
	.section.diff-panel.bg-keynote,
	.section.diff-panel.bg-keynote-2{
		background-image: url(/global/imagesgig5/bg_keynote_sp_tcm100-6811898_tcm100-2750236-32.jpg);
	}

	.section.diff-panel.bg-uvance,
	.section.diff-panel.bg-uvance-2{
		background-image: url(/global/imagesgig5/bg_uvace_sp_tcm100-6811899_tcm100-2750236-32.jpg);
	}

	.section.diff-panel .section-inner .panel{
		padding: 16px;
	}
	.section.diff-panel .section-inner .panel .heading{
		font-size: 3.0rem;
	}
	.section.diff-panel .section-inner .panel .sub-heading{
		font-size: 1.8rem;
	}

}

/********************************
　パネルエリア（KV用）
*********************************/
.section.diff-panel-kv{
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center top;
}

.section.diff-panel-kv .section-inner{
	padding-top: 56px;
	padding-bottom: 56px;
}

.section.diff-panel-kv .section-inner .panel{
	background: #fff;
	padding: 40px;
	max-width: 590px;
	min-height: 400px;
}

.section.diff-panel-kv .section-inner .panel.diff-right{
	margin-left: auto;
}

.section.diff-panel-kv .section-inner .panel .sub-heading{
	font-size: 2rem;
	font-weight: 600;
}

.section.diff-panel-kv .section-inner .panel .heading{
	font-size: 3.6rem;
	font-weight: 600;
	margin-bottom: 30px;
	margin-top: 20px;
	line-height: 1.5;
}

.section.diff-panel-kv.bg-keynote{
	background-image: url(/global/imagesgig5/bg_keynote_tcm100-6811895_tcm100-2750236-32.jpg);
}

.section.diff-panel-kv.bg-keynote-2{
	background-image: url(/global/imagesgig5/bg_keynote_2_tcm100-6844911_tcm100-2750236-32.jpg);
	background-position: center bottom;
}

.section.diff-panel-kv.bg-regional{
	background-image: url(/global/imagesgig5/bg_regional_tcm100-6813483_tcm100-2750236-32.jpg);
}

.section.diff-panel-kv.bg-uvance{
	background-image: url(/global/imagesgig5/bg_uvance_tcm100-6811900_tcm100-2750236-32.jpg);
	background-position: center center;
}

.section.diff-panel-kv.bg-uvance-2{
	background-image: url(/global/imagesgig5/bg_uvance_2_tcm100-6844320_tcm100-2750236-32.jpg);
}

.section.diff-panel-kv .section-inner .panel{
	padding: 40px;
	max-width: 590px;
	min-height: inherit;
}

.section.diff-panel-kv .section-inner .panel h1 {
	line-height: 1.5;
}

.section.diff-panel-kv .section-inner .panel.bg-keynote{
	background: url(/global/imagesgig5/bg_heading_1_tcm100-6812236_tcm100-2750236-32.jpg) no-repeat;
	background-size: cover;
	color: #000;
}

.section.diff-panel-kv .section-inner .panel.bg-regional{
	background: url(/global/imagesgig5/bg_regional_heading_tcm100-6812443_tcm100-2750236-32.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

.section.diff-panel-kv .section-inner .panel.bg-uvance{
	background: url(/global/imagesgig5/bg_uvance_heading_1_tcm100-6844471_tcm100-2750236-32.jpg) no-repeat;
	background-size: cover;
	color: #fff;
}

@media screen and (max-width: 768px){
	.section.diff-panel-kv .section-inner .panel{
		width:100%;
		max-width: inherit;
		min-width: inherit;
	}
}

@media screen and (max-width: 480px){
	.section.diff-panel-kv{
		background-image: none!important;
	}
	
	.section.diff-panel-kv .section-inner {
		padding: 0!important;
	}

	.section.diff-panel-kv .section-inner .panel {
		padding: 20px;
		max-width: 590px;
		min-height: inherit;
	}
	
	.section.diff-panel-kv .section-inner .panel{
		padding: 16px;
	}
	
	.section.diff-panel-kv .section-inner .panel .heading{
		font-size: 3.0rem;
	}
	
	.section.diff-panel-kv .section-inner .panel .sub-heading{
		font-size: 1.8rem;
	}

	.section.diff-panel-kv .section-inner::after{
		padding-bottom:50%;
		display:block;
		content:"";
		background-size:cover;
		background-position: center;
	}
	.section.diff-panel-kv.bg-keynote .section-inner::after,
	.section.diff-panel-kv.bg-keynote-2 .section-inner::after{
		background-image:url(/global/imagesgig5/kv_keynote_sp_tcm100-6844928_tcm100-2750236-32.jpg);
	}
	.section.diff-panel-kv.bg-uvance .section-inner::after,
	.section.diff-panel-kv.bg-uvance-2 .section-inner::after{
		background-image:url(/global/imagesgig5/kv_uvance_sp_tcm100-6844930_tcm100-2750236-32.jpg);
	}
	.section.diff-panel-kv.bg-regional .section-inner::after{
		background-image:url(/global/imagesgig5/kv_regional_sp_tcm100-6844929_tcm100-2750236-32.jpg);
	}
}

/*********************************
　（拡張）パネルエリア（2カラム - ロゴあり）
*********************************/

.section.diff-panel .section-inner .lyt-logo-panel{
	display: flex;
	flex-direction: row;
	justify-content: space-between;
}

.section.diff-panel .section-inner .lyt-logo-panel .logo{
	width: 34%;
	min-width: 280px;
}

.section.diff-panel .section-inner .lyt-logo-panel .panel{
	width: 50%;
}

@media screen and (max-width: 768px){
	.section.diff-panel .section-inner .lyt-logo-panel{
		display: block;
	}

	.section.diff-panel .section-inner .lyt-logo-panel .logo{
		margin: 0 0 32px 0;
		padding: 0 16px;
		width: 100%;
		min-width: inherit;
		max-width: 300px;
	}

	.section.diff-panel .section-inner .lyt-logo-panel .panel{
		width: 100%;
	}
}

/*********************************
?@?p?l???G???AC
**********************************/
.c-speakers-section{
	display: flex;
	flex-wrap: wrap;
	margin-right: -110px;
}
.c-speakers-section.diff-fc-w{
	color:#fff;
}

.c-speakers-section .item{
	width: calc((100%/3) - 110px);
	margin: 0 110px 50px 0;
}

.c-speakers-section .item .image{
	position: relative;
	width: 75%;
	height: 0;
	padding-top: 75%;
	border-radius: 50%;
	overflow: hidden;
	transform: translate3d(0,0,0);
	margin: 0 auto;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.2s ease;
}

.c-speakers-section .item .image img{
	position: absolute;
	width: 70%;
	border-radius: 50%;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.c-speakers-section .item .image::before {
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity .4s;
}

.c-speakers-section .item .text strong{
	font-size: 2.6rem;
	max-width: 250px;
	line-height: 1.4;
}

.c-speakers-section .item .text p{
	font-size: 1.8rem;	
}

@media screen and (max-width: 768px){
	.c-speakers-section{
		margin-right: -30px;
	}
	
	.c-speakers-section .item{
		width: calc(50% - 30px);
		text-align: center;
		margin: 0 30px 30px 0;
	}

	.c-speakers-section .item .image{
		width: 100%;
		padding-top: 100%;
	}

}

@media screen and (max-width: 480px){
	.c-speakers-section{
		margin-right: -16px;
	}
	
	.c-speakers-section.diff-sp-col-1{
		margin-right: 0;
	}
	
	.c-speakers-section.diff-sp-col-1 .item{
		width: 100%;
	}

	.c-speakers-section.diff-sp-col-1 .item + .item{
		margin-top: 40px;
	}

	.c-speakers-section.diff-sp-col-1 .item .image{
		margin: 0 auto;
	}
	
	.c-speakers-section .item .text strong {
		font-size: 2.4rem;
	}
}

.section.diff-speakers.bg-ptn-a .c-speakers-section .item .image {
	background: linear-gradient(135deg, rgba(248, 248, 248, 1) 40%, rgba(236,127,193,1) 60%, rgba(216,0,132,1) 80%);
}

.section.diff-speakers.bg-ptn-b .c-speakers-section .item .image {
	background: linear-gradient(135deg, rgba(248, 248, 248, 1) 40%, rgba(0,231,239,1) 80%);
}

/*********************************
　丸型レイアウト
**********************************/
.c-lyt-speaker{
	display: flex;
	flex-wrap: wrap;
	margin-right: -30px;
	justify-content: center;
}

.c-lyt-speaker .item .speaker-info:not(.diff-row) .speaker-desc {
	margin-top: 24px;
}

/*（基本）文字色*/
.c-lyt-speaker .item *{
	color: #fff;
}

.c-lyt-speaker.diff-fc-bk .item *{
	color: #000;
}

/*（基本）各パネル内レイアウト*/
.c-lyt-speaker .item{
	width: calc((100%/3) - 30px);
	margin: 0 30px 30px 0;
}

.c-lyt-speaker .item strong{
	font-size: 2rem;
	max-width: 250px;
}

.c-lyt-speaker .item .summary{
	margin-top: 24px;
}

/*（拡張）2カラムレイアウト*/
.c-lyt-speaker.diff-col-2{
	margin-right: -40px;
}

.c-lyt-speaker.diff-col-2 .item{
	width: calc(50% - 40px);
	margin: 0 40px 40px 0;
}

@media screen and (max-width: 768px){
	.c-lyt-speaker .item{
		width: calc(50% - 30px);
		text-align: center;
		margin: 0 30px 30px 0;
	}

	.c-lyt-speaker.diff-sp-col-1 .item .speaker-info{
		display:block;
	}

	.c-lyt-speaker.diff-sp-col-1 .item .speaker-info .speaker-img-wrap{
		margin: 0 auto;
	}
	
	.c-lyt-speaker.diff-sp-col-1 .item .speaker-info.diff-row .speaker-desc {
		width: 100%;
		text-align: left;
		margin-top: 16px;
	}
}

@media screen and (max-width: 480px){
	.c-lyt-speaker{
		margin-right: -16px;
	}
	.c-lyt-speaker.diff-col-2 {
		margin-right: 0;
	}
	.c-lyt-speaker.diff-sp-col-1{
		margin-right: 0;
	}
	.c-lyt-speaker.diff-sp-col-1 .item{
		width: 100%;
		text-align: center;
		margin: 0 0 30px 0;
	}
	
	.c-lyt-speaker.diff-sp-col-1 .item .summary{
		text-align: left;
	}
}

.speaker-info.diff-row{
	display: flex;
}
.speaker-info .speaker-img-wrap{
	font-size: 2.8rem;
	max-width: 235px;
	width: 100%;
	padding: 0 1.2%;
	margin: 0 auto;
}

.speaker-info.diff-row .speaker-img-wrap{
	margin-right: 24px;
	width: 50%;
}

.speaker-info .speaker-img-wrap .speaker-img-inner{
	position: relative;
	display: block;
	padding: 14%;
	border-radius: 50%;
	overflow: hidden;
}

.speaker-info .speaker-img-wrap .speaker-img-inner .speaker-img{
	position: relative;
	width: 100%;
	height: 0;
	padding-top: 100%;
	border-radius: 50%;
	overflow: hidden;
	z-index: 1;
}

.speaker-info .speaker-img-wrap .speaker-img-inner .speaker-img img{
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0
}

.speaker-info.diff-row .speaker-desc{
	width: 50%;
}

.speaker-info.diff-row .speaker-desc .info{
	margin-top: 8px;
}

.section.diff-speakers{
	overflow: hidden;
}
.section.diff-speakers.bg-ptn-a{
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/global/imagesgig5/bg_keynote_E3B_tcm100-6811896_tcm100-2750236-32.jpg);
	background-size: cover !important;
	background-position-y: 20%;
}

.section.diff-speakers.bg-ptn-a .speaker-img-wrap .speaker-img-inner{
	background-image: url(/global/imagesgig5/circle_keynote_E3B_tcm100-6844818_tcm100-2750236-32.jpg);
	background-size: cover;
}

.section.diff-speakers.bg-ptn-b{
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(/global/imagesgig5/bg_uvance_E6A_tcm100-6811901_tcm100-2750236-32.jpg);
	background-size: cover !important;
	background-position-x: 0;
}

.section.diff-speakers.bg-ptn-b .speaker-img-wrap .speaker-img-inner{
	background-image: url(/global/imagesgig5/circle_uvance_E6A_tcm100-6844475_tcm100-2750236-32.jpg);
	background-size: cover;
}

@media screen and (max-width: 480px){
	.section.diff-speakers.bg-ptn-a{
		background-image: url(/global/imagesgig5/bg_keynote_E3B_sp_tcm100-6811897_tcm100-2750236-32.jpg);
	}
	.section.diff-speakers.bg-ptn-b{
		background-image: url(/global/imagesgig5/bg_uvance_E6A_sp_tcm100-6811902_tcm100-2750236-32.jpg);
	}

	.speaker-info.diff-row .speaker-img-wrap{
		width: 100%;
	}
}


/***********************************
　メニュー
************************************/
.c-lyt-menu{
	max-width: 1280px;
	margin: 0 auto;
	display:none;
}
.c-lyt-menu ul{
	display:flex;
}

.c-lyt-menu ul li{
	background:#000;
	padding: 16px 30px;
	text-align: center;
}

.c-lyt-menu ul li a{
	color: #fff;
	text-decoration: none;
}

.c-lyt-menu ul li:hover{
	transition: all 300ms;
}

/*****************************
	FANカスタム
******************************/
.c-nav-header-wrap.diff-lyt-fan {
	margin: 0 auto;
	min-height: 66px;
}
.c-nav-header-wrap.diff-lyt-fan ul > li {
	padding: 32px 0;
	text-align: center;
	width:calc(100% / 4)
}
.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(1),
.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(2) {width:calc(100% / 4 - 20px)}
.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(3),
.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(4) {width:calc(100% / 4 + 20px)}
.c-nav-header-wrap.diff-lyt-fan ul > li,
.c-nav-header-wrap.diff-lyt-fan ul > li > a {
	transition: all 300ms;
	position: relative;
}
.c-nav-header-wrap.diff-lyt-fan ul > li > a span {
	font-size:2rem;
	position:relative;
}
.c-nav-header-wrap.diff-lyt-fan ul > li > a span:before,
.c-nav-header-wrap.diff-lyt-fan ul > li > a span:after {
	content: "";
	position: absolute;
	box-sizing: border-box;
	bottom: 5px;
}
.c-nav-header-wrap.diff-lyt-fan ul > li > a span:before {
	width: 10px;
	height: 10px;
	border: 2px solid #fff;
	border-top: 0;
	border-right: 0;
	transform: rotate(-45deg);
	right:-32px;
}
.c-nav-header-wrap.diff-lyt-fan ul > li > a span:after {
	border-right: 2px solid #fff;
	width: 10px;
	height: 11px;
	right:-28px;
}
.c-nav-header-wrap.diff-lyt-fan ul > li:hover > a span:before,
.c-nav-header-wrap.diff-lyt-fan ul > li:hover > a span:after {
	animation: nav-arrow 1.5s infinite;
}
@keyframes nav-arrow {
	0%{
		bottom: 15px;
		opacity:.2;
	}
	70%{
		opacity:1;
	}
	100%{
		opacity:.8;
		bottom: 0;
	}
}
.c-nav-header-wrap.diff-lyt-fan ul > li:hover,
.c-nav-header-wrap.diff-lyt-fan ul > li:hover > a, 
.c-nav-header-wrap.diff-lyt-fan ul > li.active,
.c-nav-header-wrap.diff-lyt-fan ul > li.active > a, 
.c-nav-header-wrap.diff-lyt-fan ul > li:focus-within,
.c-nav-header-wrap.diff-lyt-fan ul > li:focus-within > a{
	color:#fff;
	background:#3c3c3c;
}

.c-nav-header-wrap.diff-lyt-fan .toggle-content{
	height: inherit;
}
@media screen and (max-width: 1300px){
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(1),
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(2) {
		width:calc(100% / 4 - 16px);
	}
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(3) > a span {
		width:128px;
		height:32px;
		margin-top:-32px;
	}
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(4) > a span {
		width:128px;
		height:32px;
		margin-top:-32px;
	}
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(3) > a span:before,
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(4) > a span:before,
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(3) > a span:after {bottom:-6px;}
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(4) > a span:after {bottom:-6px;}
}
@media screen and (max-width: 767px){
	.c-nav-header-wrap.diff-lyt-fan ul > li {
		width:inherit !important;
	}
	.c-nav-header-wrap.diff-lyt-fan ul > li > a span:before,
	.c-nav-header-wrap.diff-lyt-fan ul > li > a span:after {
		content: none;
	}
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(3) > a span,
	.c-nav-header-wrap.diff-lyt-fan ul > li:nth-child(4) > a span {
		width:inherit;
		height:inherit;
		margin-top:0;
		text-align:left;
	}
	.c-nav-header-wrap.diff-lyt-fan{
		min-height: inherit;
	}
	.c-nav-header-wrap.diff-lyt-fan ul > li{
		padding:0;
	}
}

@media screen and (max-width: 480px){
	.c-nav-header-wrap.diff-lyt-fan {
		margin-bottom: 28px;
	}
}
/***************************************
	セッション
****************************************/
.c-lyt-session .panel-title{
	padding: 30px 50px 30px 50px;
}

.c-lyt-session .panel-title .header{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #000;
	padding-bottom: 16px;
	margin-bottom: 16px;
}

.c-lyt-session .panel-title .header.diff-row{
	display:block;
}
.c-lyt-session .panel-title .header.diff-row .session_num{
	margin-bottom: 16px;
}
.c-lyt-session .panel-title .header .session_num{
	display: inline-block;
}
.c-lyt-session .panel-title .header .session_num span{
	font-weight: 600;
	color: #fff;
	background: #000;
	padding: 4px 16px;
}

.c-lyt-session .panel-title .header .date{
	font-weight: 600;
}

.c-lyt-session .panel-title .sub{
	font-weight: 600;
}

.c-lyt-session .panel-title .title{
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.5;
	margin-top: 12px;
}

.c-lyt-session .panel-title .tags{
	margin-top:16px;
	font-size: 1.4rem;
}

.c-lyt-session .panel-title .tags span{
	display: inline-block;
	margin-right: 8px;
	padding: 0px 8px;
	border: 1px solid #000;
	margin-bottom: 16px;
}

.c-lyt-session .panel-title.diff-w *{
	color: #fff;
}

.c-lyt-session .panel-title.diff-w .header{
	border-color: #fff;
}

.c-lyt-session .panel-title.diff-w .header .session_num span{
	border-color:#000;
	color: #000;
	background: #fff;
}

.c-lyt-session .panel-title.diff-w .tags span{
	border-color:#fff;
}

.c-lyt-session .panel-content{
	padding: 30px 50px 30px 50px;
}

.c-lyt-session .panel-content.bg-gray{
	background: #f0f0f0;
}

@media screen and (max-width:768px){
	.c-lyt-session .panel-title{
		padding: 24px;
	}
	
	.c-lyt-session .panel-content{
		padding: 24px;
	}
}


@media screen and (max-width:480px){
	.c-lyt-session .panel-title{
		display: block;
		padding: 16px;
	}
	
	.c-lyt-session .panel-title .header{
		display: block;
	}
	
	.c-lyt-session .panel-title .header .session_num,
	.c-lyt-session .panel-title .header .date{
		display: inline-block;
	}

	.c-lyt-session .panel-title .header .date{
		padding: 16px 0 0 0;
	}

	.c-lyt-session .panel-content{
		padding: 16px;
	}
	
}

/*patter別*/


.c-lyt-session.c-lyt-session__keynote .panel-content .speaker-info .speaker-img-wrap .speaker-img-inner{
	background-image:url(/global/imagesgig5/circle_keynote_E3B_tcm100-6844818_tcm100-2750236-32.jpg);
	background-size: cover;
}

.c-lyt-session.c-lyt-session__regional .panel-content .speaker-info .speaker-img-wrap .speaker-img-inner{
	background-image: url(/global/imagesgig5/circle_regional_H3A_tcm100-6811940_tcm100-2750236-32.jpg);
	background-size: cover;
}

.c-lyt-session.c-lyt-session__uvance .panel-content .speaker-info .speaker-img-wrap .speaker-img-inner{
	background-image: url(/global/imagesgig5/circle_uvance_E6A_tcm100-6844475_tcm100-2750236-32.jpg);
	background-size: cover;
}

.c-lyt-session .panel-title.bg-h5a{
	background-image: url(/global/imagesgig5/bg_heading_2_H5A_tcm100-6812214_tcm100-2750236-32.jpg);
	background-position-y: 45%;
	background-size: cover;
}

.c-lyt-session .panel-title.bg-h3b{
	background-image: url(/global/imagesgig5/bg_heading_2_E3B_tcm100-6844899_tcm100-2750236-32.jpg);
	background-position-y: 45%;
	background-size: cover;
}

.c-lyt-session .panel-title.bg-h3a{
	background-image:url(/global/imagesgig5/bg_regional_heading_2_H3A_tcm100-6812215_tcm100-2750236-32.jpg);
	background-size: cover;
	background-position: 0 0;
}

.c-lyt-session .panel-title.bg-e3b{
	background-image:url(/global/imagesgig5/bg_regional_heading_3_E3B_tcm100-6812216_tcm100-2750236-32.jpg);
	background-size: cover;
	background-position-y: bottom;
}

.c-lyt-session .panel-title.bg-e1a{
	background-image: url(/global/imagesgig5/bg_uvance_heading_2_E1A_tcm100-6812219_tcm100-2750236-32.jpg);
	background-size: cover;
	background-position-y: top;
}

.c-lyt-session .panel-title.bg-e2a{
	background-image: url(/global/imagesgig5/bg_uvance_heading_3_E2A_tcm100-6823365_tcm100-2750236-32.jpg);
	background-size: cover;
	background-position-y: top;
}

.c-lyt-session .panel-title.bg-e6a{
	background-image: url(/global/imagesgig5/bg_uvance_heading_2_E6A_tcm100-6844340_tcm100-2750236-32.jpg);
	background-size: cover;
	background-position-y: top;
}

/****************************
	表示セッションセレクト
*****************************/
.session-select{
	margin-bottom: 52px;
	line-height: 1.4;
}

.session-select ul li + li{
	margin-top: 16px;
}

.session-select ul li::before {
	content: "";
	background-image: url(/global/imagesgig5/down-arrow_tcm100-6812154_tcm100-2750236-32.png);
	background-position: 0 5px;
	background-repeat: no-repeat;
	width: 12px;
	height: 13px;
	padding-left: 20px;
}

/***************************
	重なりレイアウト
***************************/
.section.diff-overwrap{
	overflow: hidden;
	position: relative;
	margin-bottom:70px;
}

.section.diff-overwrap:before{
	content :"";
	position:
	absolute;
	top: 0;
	left: 0;
	/*max-width: calc(100% - (100% - 1100px)/2 + 40px);*/
	background: #f0f0f0;
	height: calc(100%);
	width: 100%;
}

.section.diff-overwrap .section-inner{
	padding-bottom: 0!important;
	padding-top: 0!important;
}

.section.diff-overwrap + .section.diff-overwrap{
	margin-bottom: 0!important;
}

.c-lyt-overwrap{
	position: relative;
}	

.c-lyt-overwrap .visual{
	position: absolute;
	right: -56%;
	top: 360px;
	z-index: 1;
	transform: translate(-18%,-50%);
	height: 80%;
	width: 80%;
	min-height: 600px;
	max-height: 600px;
}

.c-lyt-overwrap[class*="diff-img-"] .visual{
	background-repeat: no-repeat;
	background-size: cover;
	background-position-x: 10%;
}
	
.c-lyt-overwrap.diff-img-a .visual{
	background-image: url(/global/imagesgig5/main_regional_tcm100-6811942_tcm100-2750236-32.jpg);
}

.c-lyt-overwrap.diff-img-b .visual{
	background-image: url(/global/imagesgig5/main_uvance_tcm100-6811944_tcm100-2750236-32.jpg);

}

.c-lyt-overwrap + .c-lyt-overwrap{
	margin-top: 100px;
}
	
.c-lyt-overwrap .content{
	/* background: #f0f0f0; */
	padding: 60px 40px;
	position: relative;
	min-height: 700px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	/* max-width: calc(100% - 40px); */
}

	
.c-lyt-overwrap .content .content-inner{
	max-width: 60%;
}

.c-lyt-overwrap .content .content-inner .sub{
	font-weight: 600;
}

.c-lyt-overwrap .content .content-inner .title{
	font-size: 3rem;
	font-weight: 600;
}

@media screen and (max-width: 1200px){
	.section.diff-overwrap:before{
		background: inherit;
	}

	.section.diff-overwrap + .section.diff-overwrap{
		margin-bottom:0;
	}

	.c-lyt-overwrap .content{
		background: #f0f0f0;
	}
	.c-lyt-overwrap .visual{
		position: relative;
		top: inherit;
		right: inherit;
		transform: inherit;
		text-align: center;
		height: 100%;
		width: 100%;
		max-height: 400px;
		min-height: inherit;
	}

	.c-lyt-overwrap.diff-img-a .visual{
		background-image: url(/global/imagesgig5/main_regional_sp_tcm100-6811943_tcm100-2750236-32.jpg);
	}
	
	.c-lyt-overwrap.diff-img-b .visual{
		background-image: url(/global/imagesgig5/main_uvance_sp_tcm100-6811945_tcm100-2750236-32.jpg);
	
	}

	.c-lyt-overwrap .visual:before{
		content:"";
		display: block;
		padding-top: 50%;
	}
	.c-lyt-overwrap .content{
		min-height: inherit;
		max-width: inherit;
		padding: 30px 24px;
	}
	.c-lyt-overwrap .content .content-inner{
		max-width: 100%;
	}

	.c-lyt-overwrap + .c-lyt-overwrap{
		margin-top: 0;
	}

	.c-lyt-overwrap[class*="diff-img-"] .visual{
		background-position-x: center;
	}
}

/*
@media screen and (max-width: 480px){
	.c-lyt-overwrap .visual {
		position: relative;
		top: inherit;
		right: inherit;
		transform: inherit;
		text-align: center;
		height: 100%;
		width: 100%;
		max-height: 200px;
		min-height: inherit;
	}
}*/

.c-lyt-overwrap .speaker-info .speaker-img{
	width: 100%;
	padding-top:100%;
}

.c-lyt-overwrap .speaker-info .speaker-img img {
	height: 100%;
	width: auto;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.c-lyt-overwrap.c-lyt-overwrap__regional .speaker-img-wrap .speaker-img-inner{
	background-image: url(/global/imagesgig5/circle_regional_H3A_tcm100-6811940_tcm100-2750236-32.jpg);
	background-size: cover;
}

.c-lyt-overwrap.c-lyt-overwrap__uvance .speaker-img-wrap .speaker-img-inner{
	background-image: url(/global/imagesgig5/circle_uvance_E6A_tcm100-6844475_tcm100-2750236-32.jpg);
	background-size: cover;
}

/*******************************
	contact
********************************/

.c-lyt-contact{
	display: flex;
}

.c-lyt-contact .item{
	width: 50%;
	padding: 30px 40px;
}

.c-lyt-contact .item + .item{
	border-left: 1px solid #000;
}

@media screen and (max-width: 768px){
	.c-lyt-contact{
		display: block;
	}

	.c-lyt-contact .item{
		width: 100%;
		padding:0;
	}

	.c-lyt-contact .item + .item{
		margin-top: 30px;
		border:none;
	}
}

/*****************************************
	regional panel 2col
******************************************/
.lyt-regional-panel-2col{
	display: flex;
	min-height: 480px;
	/*max-height: 480px;*/
}
.lyt-regional-panel-2col .content{
	width: 50%;
	display: flex;
}

.lyt-regional-panel-2col.diff-bg-regional .content{
	background: url(/global/imagesgig5/bg_regional_heading_tcm100-6812443_tcm100-2750236-32.jpg);
}

.lyt-regional-panel-2col.diff-bg-uvance .content{
	background: url(/global/imagesgig5/bg_uvance_heading_1_tcm100-6844471_tcm100-2750236-32.jpg);
}

.lyt-regional-panel-2col .content .content-inner{
	margin-left: auto;
	padding: 30px 30px 30px 50px;
	margin-top: auto;
	margin-bottom: auto;
	width: 100%;
}

.lyt-regional-panel-2col .visual{
	width: 50%;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center top;/*位置調整*/
}

.lyt-regional-panel-2col.diff-bg-regional .visual{
	background-image: url(/global/imagesgig5/bg_col_regional_tcm100-6812580_tcm100-2750236-32.jpg);
}

.lyt-regional-panel-2col.diff-bg-uvance .visual{
	background-image: url(/global/imagesgig5/bg_col_uvance_tcm100-6812583_tcm100-2750236-32.jpg);
	background-position: center bottom;
}

@media screen and (min-width: 1280px){
	.lyt-regional-panel-2col .content .content-inner{
		width: calc(1280px / 2);
	}
}

@media screen and (max-width: 768px){
	.lyt-regional-panel-2col{
		display: flex;
		min-height: inherit;
		max-height: inherit;
		flex-direction: column-reverse;
	}

	.lyt-regional-panel-2col .content,
	.lyt-regional-panel-2col .visual{
		width: 100%;
	}
	.lyt-regional-panel-2col .visual{
		min-height: 480px;
		background-position: center bottom;
	}

	.lyt-regional-panel-2col.diff-bg-regional .visual{
		background-image: url(/global/imagesgig5/bg_col_regional_sp_tcm100-6812581_tcm100-2750236-32.jpg);
	}

	.lyt-regional-panel-2col.diff-bg-uvance .visual{
		background-image: url(/global/imagesgig5/bg_col_uvance_sp_tcm100-6812584_tcm100-2750236-32.jpg);
	}
	
}

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

	.lyt-regional-panel-2col.diff-bg-regional .visual, .lyt-regional-panel-2col.diff-bg-uvance .visual{
		max-height: 200px;
		min-height: 200px;
		background-position: top;
	}

	.lyt-regional-panel-2col .content .content-inner {
		padding: 30px 16px 30px;
	}
}

/***************************************************
cta-btn-wrap
***************************************************/
.cta-btn-wrap {
	max-width: 1280px;
	position: relative;
	z-index: 200;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: end;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	max-width: 1280px;
	margin: -40px auto 0;
	margin-top: -47px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

.cta-btn-wrap .cta-btn-inner {
	position: relative;
	display: table;
	-ms-flex-align: end;
	align-items: flex-end;
	width: 100%;
	table-layout: fixed;
	-webkit-align-items: flex-end;
}

.cta-btn-wrap .cta-btn-inner li {
	position: relative;
	min-width: 168px;
	text-align: right;
}

.cta-btn-wrap .cta-btn-inner li a {
	text-decoration: none;
	position: relative;
	display: inline-block;
	padding: 12px 60px 12px 40px;
	line-height: 1.3;
	text-decoration: none;
	transition: background .2s;
}

.cta-btn-wrap .cta-btn-inner li.register a {
	color: #fff;
	background: #000;
}

.cta-btn-wrap .cta-btn-inner li.register a:hover,
.cta-btn-wrap .cta-btn-inner li.register a:focus,
.cta-btn-wrap .cta-btn-inner li.register a:active {
	background: rgb(60,60,53)
}

.cta-btn-wrap.is-fixed {
	position: fixed;
	right: 0;
	bottom: 0;
	z-index: 2000;
	display: block;
	width: 100%;
	max-width: inherit;
}

.cta-btn-wrap.is-fixed .cta-btn-inner {
	position: relative;
	z-index: 1;
	max-width: 1280px;
	margin: 0 auto;
}

.cta-btn-wrap .cta-btn-inner li a:before {
	content: "";
	position: absolute;
	top: 50%;
	right: 24px;
	width: 10px;
	height: 10px;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(45deg);
	margin-top: -6px;
}

@media screen and (max-width: 480px){
	.cta-btn-wrap {
		margin-top:0;
	}
}

/****************************
	Slick fade 調整用クラス
*****************************/
.slick-slide{
	transition: transform 5s ease, opacity 1s ease-out!important;
}




/***********************************
◆ Common
************************************/
/*
* {letter-spacing: 0.01rem;}
*/

a {text-decoration: none;}
.c-btn {color:inherit;}
	
.hdg-a {
	padding:0;
	margin:16px 0 40px;
}

[class*="heading"] {font-family:FujitsuInfinityPro-Bold,Arial,Verdana,Lucida Grande,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;}

.column {
	display:flex;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.column {flex-wrap:wrap;}
}
@media screen and (max-width: 480px){
	.column {flex-direction: column;}
	.section .section-inner {
		padding-left: 16px!important;
		padding-right: 16px!important;
	}
}
	
.list > li {
	position:relative;
	padding-left:17px;
	margin-bottom:16px;
}
.list > li:last-child {margin-bottom:0;}
.list > li:before {
	content:"";
	display:block;
	position:absolute;
	width:6px;
	height:6px;
	border-radius:50%;
	background:#6d6e70;
	left:0;
	top:9px;
}

ol {
	list-style-type: decimal;
	margin-left:32px;
}
ol>li {padding-left: 0 !important;}
ol>li:before {content: none !important;}

/* ◆SVGボタン */
.c-btn {
	display: inline-block;
	color: #000;
	font-size: inherit;
	text-decoration: underline;
	position: relative;
}
.c-btn.u-fz-16 .c-btn-ico svg { top:-2px; }
.c-btn-l {font-size: 1.4rem;}
.c-btn-white {
	color: #fff;
	font-weight:600;
}
.c-btn-white:hover {color: #fff;}
.c-btn-white:active,.c-btn-white:focus {color: #fff;}
.c-btn .c-btn-ico {
	width: 28px;
	height: 28px;
}
.c-btn-ico {
	position: relative;
	display: inline-block;
	width: 20px;
	height: 20px;
	vertical-align: middle;
	margin-left: 7px;
}
.c-btn-ico::before {
	position: absolute;
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	border: 1px solid #000;
	opacity: 0;
	z-index: 0;
}
.c-btn-ico svg {
	fill: #000;
	position: absolute;
	top: -2px;
	left: 0;
}
.c-btn-ico svg .circle {
	fill: none;
	stroke: #000;
	stroke-width: 1px;
	width: 100%;
	height: 100%;
	-webkit-transform-origin: center;
	-ms-transform-origin: center;
	transform-origin: center;
}
.c-btn-ico svg .arrow {
	-webkit-transform: translateX(0);
	-ms-transform: translateX(0);
	transform: translateX(0);
	-webkit-transition: -webkit-transform .3s ease-in-out;
	transition: -webkit-transform .3s ease-in-out;
	-o-transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out;
	transition: transform .3s ease-in-out,-webkit-transform .3s ease-in-out;
}
.c-btn-ico-white::before {border-color: #fff;}
.c-btn-ico-white svg {fill: #fff;}
.c-btn-ico-white svg .circle {
	fill: none;
	stroke: #fff;
}
a:hover .c-btn .c-btn-ico::before {opacity: .1;}
a:hover .c-btn .c-btn-ico svg .arrow {
	-webkit-animation: arrow 1.5s forwards ease-in-out;
	animation: arrow 1.5s forwards ease-in-out;
}
a:hover .c-btn .c-btn-ico svg .circle {
	fill: transparent;
	stroke: #000;
	stroke-width: 1;
	-webkit-animation: circle 2s forwards cubic-bezier(.215,.61,.355,1);
	animation: circle 2s forwards cubic-bezier(.215,.61,.355,1);
}	
.c-btn-white .c-btn-ico.c-btn-ico-white svg .circle {
    stroke-width: 2px
}
a:hover .c-btn.c-btn-white .c-btn-ico-white svg .circle {
	fill: transparent;
	stroke: #fff;
	stroke-width: 1;
}
a.c-btn:hover .c-btn-ico::before {
	opacity: .1;
	-webkit-animation: arrow_bg 2s forwards cubic-bezier(.215,.61,.355,1);
	animation: arrow_bg 2s forwards cubic-bezier(.215,.61,.355,1);
}
a.c-btn:hover .c-btn-ico svg .arrow {
	-webkit-animation: arrow 1.5s forwards ease-in-out;
	animation: arrow 1.5s forwards ease-in-out;
}
a.c-btn:hover .c-btn-ico svg .circle {
	fill: transparent;
	stroke: #000;
	stroke-width: 1;
	-webkit-animation: circle 2s forwards cubic-bezier(.215,.61,.355,1);
	animation: circle 2s forwards cubic-bezier(.215,.61,.355,1);
}
a.c-btn-white:hover .c-btn-ico-white::before {
	opacity: .2;
	-webkit-animation: arrow_bg 2s forwards cubic-bezier(.215,.61,.355,1);
	animation: arrow_bg 2s forwards cubic-bezier(.215,.61,.355,1);
}
a.c-btn-white:hover .c-btn-ico-white svg .circle {
	fill: transparent;
	stroke: #fff;
	stroke-width: 1;
}
.c-btn.c-btn-blk:hover {
	color: #000
}
.c-btn.c-btn-blk:hover svg {
	fill: #000
}
.c-btn.c-btn-blk:hover svg .circle {
	stroke: #000
}
@keyframes arrow_bg {
	0% {opacity: .1;}
	100% {opacity: 0;}
}
@keyframes arrow {
	0% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	10% {
		opacity: 0;
		-webkit-transform: translateX(50%);
		transform: translateX(50%);
	}
	25% {
		opacity: 0;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
	}
	40% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0);
		transform: translateX(0);
	}
}
@keyframes circle {
	0% {
		stroke-dasharray: 0 300;
		-webkit-transform: rotate(0);
		transform: rotate(0);
	}
	10% {stroke-dasharray: 50 100;}
	20% {stroke-dasharray: 100 200;}
	30% {stroke-dasharray: 150 300;}
	40% {stroke-dasharray: 200 300;}
	60% {
		stroke-dasharray: 300 300;
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg);
	}
}


/***********************************
◆ Lead
************************************/
.p-fan2023-lead {
	background: url(/global/imagesgig5/sb_h5_t1_tcm100-7208629_tcm100-2750236-32.png);
}
.p-fan2023-lead h2 {
	padding-bottom: 0;
}
.p-fan2023-lead h2 .sub {
	display:inline-block;
	font-size:2.8rem;
}
.p-fan2023-lead .lead-button a {
	display:block;
	position:relative;
	width: 500px;
	margin:0 auto;
	border-radius: 80px;
	line-height: 32px;
	background:#3c3c3c;
	padding:24px 80px;
	color:#fff;
	text-align:center;
	font-size:2.8rem;
	font-weight:600;
	text-decoration: none;
}
.p-fan2023-lead .lead-button a:before {
	content:"";
	position:absolute;
	box-sizing:border-box;
	width:16px;
	height:16px;
	border-top:3px solid #fff;
	border-right:3px solid #fff;
	transform: rotate(45deg);
	right:28px;
	top: calc(50% - 7px);
}
.p-fan2023-lead .lead-button a:hover {
	background:#000;
}
.p-fan2023-lead .lead-button a:hover:before {
	animation: lead-arrow 1.5s infinite;
}
@keyframes lead-arrow {
	0%{
		right:38px;
		opacity:.2;
	}
	100%{
		right:24px;
		opacity:1;
	}
}
@media screen and (max-width: 768px) {
	.p-fan2023-lead .lead-button a {
		width: 400px;
		font-size:2.4rem;
	}
}
@media screen and (max-width: 480px) {
	.p-fan2023-lead {
		background: url(/global/imagesgig5/sb_h5_t1_sp_tcm100-7208630_tcm100-2750236-32.png);
		background-size: cover;
	}
	.p-fan2023-lead h2 .sub {
		margin-top:8px;
		font-size:2.4rem;
	}
	.p-fan2023-lead .lead-button a {
		width:100%;
	}
}


/***********************************
◆ Welcome Message
************************************/
.p-fan2023-wlc .column {
	flex-direction: row-reverse;
}
.p-fan2023-wlc .col-1 {width:46%;}
.p-fan2023-wlc .col-2 {width:50%;}
.p-fan2023-wlc .col-1 p {
	width:60%;
	margin:0 auto;
}
.p-fan2023-wlc .col-1 p strong {
	font-size:2.4rem;
}
.p-fan2023-wlc .col-2 p {
	margin-top:-40px !important;
	font-size: 2rem;
}
.p-fan2023-wlc .col-2 .content {
	display:flex;
	align-items:center;
	height: 100%;
}

@media screen and (max-width: 900px) {
	.p-fan2023-wlc .col-2 p {
		margin-top:0 !important;
	}
}
@media screen and (max-width: 768px) {
	.p-fan2023-wlc .column {flex-direction: column;}
	.p-fan2023-wlc .column [class*="col"] {width:100%;}
	.p-fan2023-wlc .column .visual {text-align:center}
	.p-fan2023-wlc .column .visual img {width:60%;}
	.p-fan2023-wlc .col-1 p {
		text-align:left;
		margin-bottom:24px !important;
	}
}
@media screen and (max-width: 480px) {
	.p-fan2023-wlc h2 {margin-bottom:24px;}
	.p-fan2023-wlc .column .visual img {width:80%;}
}


/***********************************
◆ Experience overview
◆ Event
************************************/
[class*="p-fan2023-prog"] {background:#3c3c3c;}
[class*="p-fan2023-prog"] * {color:#fff;}
[class*="p-fan2023-prog"] .item {
	display:flex;
	justify-content: space-between;
	padding: 0 20px 20px 20px;
	border-bottom:2px solid #fff;
}
[class*="p-fan2023-prog"] .item * {
	font-size: 2.4rem;
	margin: 0;
}
[class*="p-fan2023-prog"] .item .heading-time {
	width:calc(20% - 20px);
}
[class*="p-fan2023-prog"] .item .heading-desc {width:calc(77% - 23px);}
[class*="p-fan2023-prog"] .wrap {
	display:flex;
	justify-content: space-between;
	padding: 20px;
	border-top:1px solid #fff;
	flex-wrap: wrap;
}
[class*="p-fan2023-prog"] .wrap:last-child {padding-bottom:0;}
[class*="p-fan2023-prog"] .wrap .outline {
	display:flex;
	justify-content:space-between;
	width:100%;
	margin-bottom: 24px;
	border-bottom:1px solid #fff;
	padding-bottom:32px;
}
[class*="p-fan2023-prog"] .wrap .outline:first-child {
	border-top:none;
	padding-top:0;
}
[class*="p-fan2023-prog"] .wrap .outline .date {/* padding-top: 4px; */}
[class*="p-fan2023-prog"] .wrap .outline .desc {
	/* font-size: 2rem; */
}
[class*="p-fan2023-prog"] .wrap .date {
	width: calc(23% - 20px);
	font-size: 2rem;
}
[class*="p-fan2023-prog"] .wrap .time {
	display:inline-block;
	margin-top:8px;
}
[class*="p-fan2023-prog"] .wrap .content {
	width: calc(77% - 23px);
}
[class*="p-fan2023-prog"] .wrap .content .category .rabel {
	margin-top:32px;
}
[class*="p-fan2023-prog"] .wrap .content .category .rabel {
	color:#000;
	font-size:1.8rem;
	font-weight: 600;
	padding: 15px 15px 10px;
	margin-bottom: 24px;
	background: url(/global/imagesgig5/bg_h5a_theme_tcm100-7208623_tcm100-2750236-32.png);
	background-size: cover;
	background-position:100% 100%;
}
[class*="p-fan2023-prog"] .wrap .content .heading {
	font-size:2rem;
}
[class*="p-fan2023-prog"] .wrap .content .category .column .col {
	width: 48%;
	margin-bottom:40px;
}
[class*="p-fan2023-prog"] .wrap .content .category .column.col3 .col {
	margin-bottom:0;
}
[class*="p-fan2023-prog"] .wrap .content .category .column .col:nth-child(2n+1),
[class*="p-fan2023-prog"] .wrap .content .category .column .col:last-child {
	margin-bottom:0;
}
[class*="p-fan2023-prog"] .wrap .content .category .column {flex-wrap:wrap;}
[class*="p-fan2023-prog"] .wrap .content .category .column .col .visual {margin: 0 auto 40px;}
[class*="p-fan2023-prog"] .wrap .content .category .column .col .visual.speaker {
	width:80%;
	max-width: 250px;
	margin-bottom: 8px;
}
[class*="p-fan2023-prog"] .wrap .content .category .column .name {font-weight:600;}
[class*="p-fan2023-prog"] .wrap .content .category .column .name,
[class*="p-fan2023-prog"] .wrap .content .category .column .position,
[class*="p-fan2023-prog"] .wrap .content .category .column .company {margin-bottom: 12px;}
[class*="p-fan2023-prog"] .wrap .content .category .column .bio {line-height:1.5em;}
[class*="p-fan2023-prog"] .wrap .content .category .column.col3 {flex-wrap:inherit;}
[class*="p-fan2023-prog"] .wrap .content .category .column.col3 .col {width: 31%;}
@media screen and (max-width: 768px) {
	[class*="p-fan2023-prog"] .section-inner {
		padding-left:16px !important;
		padding-right:16px !important;
	}
	[class*="p-fan2023-prog"] .item,
	[class*="p-fan2023-prog"] .wrap {
		padding: 0 0 12px 0;
	}
	[class*="p-fan2023-prog"] .item .heading-time,
	[class*="p-fan2023-prog"] .wrap .date {width:25%;}
	[class*="p-fan2023-prog"] .item .heading-desc,
	[class*="p-fan2023-prog"] .wrap .content {width:70%;}
	[class*="p-fan2023-prog"] .wrap {padding:16px 0 32px;}
	[class*="p-fan2023-prog"] .wrap .outline {margin-bottom:24px;}
	[class*="p-fan2023-prog"] .wrap .outline .content .desc {margin-top:0 !important;}
	[class*="p-fan2023-prog"] .wrap .date {font-size: 1.8rem;}
	[class*="p-fan2023-prog"] .wrap .content .desc {margin-top:8px !important;}
	[class*="p-fan2023-prog"] .wrap .content .category .column.col3 {flex-wrap:wrap;}
	[class*="p-fan2023-prog"] .wrap .content .category .column.col3 .col {width:48%;}
}
@media screen and (max-width: 480px) {
	[class*="p-fan2023-prog"] h2 {margin-bottom: 26px;}
	[class*="p-fan2023-prog"] .item .heading-time,
	[class*="p-fan2023-prog"] .wrap .date {width:30%;}
	[class*="p-fan2023-prog"] .wrap .outline .content .desc {font-size:1.8rem;}
	[class*="p-fan2023-prog"] .item .heading-desc,
	[class*="p-fan2023-prog"] .wrap .content {width:65%;}
	[class*="p-fan2023-prog"] .wrap .content .category .column .col,
	[class*="p-fan2023-prog"] .wrap .content .category .column .col:nth-child(2n+1) {
		width:100%;
		margin-bottom:24px;
	}
	[class*="p-fan2023-prog"] .wrap .content .category .column .col:last-child {margin-bottom:0;}
	[class*="p-fan2023-prog"] .wrap .content .category .column.col3 .col {
		width:100%;
		margin-bottom:0;
	}
	
}
.p-fan2023-prog_bg-ef {background:#efefef;}
.p-fan2023-prog_bg-wh {background:#fff;}
.p-fan2023-prog_bg-ef *,
.p-fan2023-prog_bg-wh * {color:#000;}
.p-fan2023-prog_bg-ef .item,
.p-fan2023-prog_bg-wh .item {border-bottom:2px solid #3c3c3c;}
.p-fan2023-prog_bg-ef .wrap,
.p-fan2023-prog_bg-wh .wrap {border-top:1px solid #3c3c3c;}
	


/***********************************
◆ More about our ～
************************************/
.p-fan2023-alm {
	background: url(/global/imagesgig5/sb_h5_t5_tcm100-7208631_tcm100-2750236-32.png);
	background-position: 100% 100%;
}
.p-fan2023-alm .column [class*="col"] {
	width:calc(100% / 3 - 24px);
}
.p-fan2023-alm .column .visual {
	text-align:center;
}
.p-fan2023-alm .column .visual img {
	width: 45%;
	min-width: 150px;
	max-width: 180px;
}
.p-fan2023-alm .column .content {
	margin-top: 12px;
}
.p-fan2023-alm .column .content + .content {
	margin-top: 32px;
}
.p-fan2023-alm .column .content .label {
	display:inline-block;
	border:1px solid #000;
	padding:4px 8px;
	font-weight:600;
	font-size: 1.7rem;
}
.p-fan2023-alm .column .content .heading {
	margin:4px 0;
}
.p-fan2023-alm .column .content .sub {
	margin-top: 0 !important;
	font-weight:600;
}
.p-fan2023-alm .column .content .desc {
	margin-top: 8px !important;
	line-height: inherit !important;
}

.p-fan2023-alm a {
	/* text-decoration: underline; */
	font-weight:600;
}
/*
.p-fan2023-alm a:hover {
	color:#000;
	text-decoration-thickness:2px;
}
*/
@media screen and (max-width: 768px) {
	.p-fan2023-alm .column [class*="col"] {
		width:48%;
		margin-top:40px;
	}
	.p-fan2023-alm h2 {margin-bottom:24px;}
	.p-fan2023-alm .column {margin-top:0 !important;}
}
@media screen and (max-width: 480px) {
	.p-fan2023-alm {
		background: url(/global/imagesgig5/sb_h5_t5_sp_tcm100-7208632_tcm100-2750236-32.png);
		background-size: cover;
		background-position: 100% 0;
	}
	.p-fan2023-alm .column [class*="col"] {
		width:100%;
	}
}


/***********************************
◆ Extended global program
************************************/
.p-fan2023-egp * {color:#fff;}
.p-fan2023-egp {
	background: url(/global/imagesgig5/bg_extended-global-program_tcm100-7211138_tcm100-2750236-32.jpg);
	background-position: 100% 50%;
	margin-top:40px;
}
.p-fan2023-egp .col {
	background: url(/global/imagesgig5/bg_e10a-fan_tcm100-7208621_tcm100-2750236-32.png);
	background-size: cover;
	/* background-position: 30% 30%; */
	padding: 40px;
	width:60%;
	max-width: 600px;
}
.p-fan2023-egp h2 {padding-bottom:0;}

@media screen and (max-width: 768px) {
	.p-fan2023-egp {padding-bottom: 100px;}
	.p-fan2023-egp .col {
		width:100%;
		max-width: inherit;
	}
}
@media screen and (max-width: 480px) {
	.p-fan2023-egp {
		background: url(/global/imagesgig5/bg_extended-global-program_sp_tcm100-7211139_tcm100-2750236-32.jpg);
		background-size: cover;
		background-position: 100% 100%;
	}
	.p-fan2023-egp .col {padding:24px;}
}


/***********************************
◆ Event
************************************/
.p-fan2023-evt .item,
.p-fan2023-evt .card {
	display:flex;
	justify-content: space-between;
}
.p-fan2023-evt .item {
	padding: 0 20px 20px 20px;
	border-bottom:2px solid #6D6E70;
}
.p-fan2023-evt .item * {
	font-size:2.4rem;
	font-weight: 600;
}
.p-fan2023-evt .item .heading-time,
.p-fan2023-evt .card .date {
	width:calc(40% - 20px);
}
.p-fan2023-evt .item .heading-desc,
.p-fan2023-evt .card .content {
	width:calc(60% - 20px);
}
.p-fan2023-evt .card {
	padding: 20px;
	border-top:1px solid #6D6E70;
}
.p-fan2023-evt .item + .card {border-top:none;}
.p-fan2023-evt .card .date {
	font-size: 2rem;
}
.p-fan2023-evt .card .content .heading {
	font-size:2rem;
	font-weight: 600;
}
.p-fan2023-evt .card .content .c-btn {
	margin-top: 20px;
}

@media screen and (max-width: 768px) {
	.p-fan2023-evt .section-inner {
		padding-left:16px !important;
		padding-right:16px !important;
	}
	.p-fan2023-evt .item * {
		font-size:1.8rem;
	}
	.p-fan2023-evt .item,
	.p-fan2023-evt .card {
		padding: 0 0 12px 0;
	}
	.p-fan2023-evt .item .heading-time,
	.p-fan2023-evt .card .date {
		width:calc(30%);
	}
	.p-fan2023-evt .item .heading-desc,
	.p-fan2023-evt .card .content {
		width:calc(62%);
	}
	.p-fan2023-evt .card {
		padding:16px 0 32px;
	}
	.p-fan2023-evt .card .date {
		font-size:1.6rem;
	}
	.p-fan2023-evt .card .content .desc {
		margin-top:8px !important;
	}
}


/***********************************
◆ Our SDGs Activity
************************************/
.p-fan2023-osa ul.column {
	flex-wrap:wrap;
	justify-content: flex-start;
	margin:32px 0 56px;
	width: 60%;
	min-width: 640px;
}
.p-fan2023-osa ul.column li {
	padding-bottom:2%;
	padding-right: 2%;
}
.p-fan2023-osa ul.column li img {
	max-width: 150px;
}
.p-fan2023-osa div.column .visual {
	padding-right:16px;
	position:relative;
}
.p-fan2023-osa div.column .visual:after {
	content:"";
	position:absolute;
	top:8%;
	right:6px;
	width:1px;
	height:85%;
	background:#6D6E70;
}
.p-fan2023-osa div.column .content {
	padding-left:16px;
}
.p-fan2023-osa div.column .content .desc {
	margin-top: 2% !important;
}

@media screen and (max-width: 768px) {
	.p-fan2023-osa ul.column {
		width:100%;
		min-width:inherit;
	}
	.p-fan2023-osa ul.column li {
		padding:16px;
	}
	.p-fan2023-osa div.column .visual:after {
		content:none;
	}
}

@media screen and (max-width: 480px) {
	.p-fan2023-osa ul.column {flex-direction: inherit;}
	.p-fan2023-osa ul.column li {
		width:50%;
	}
}


/***********************************
◆ CarbonNeutral
************************************/
.p-fan2023-cn .section-inner {
	padding-top:0 !important;
}
.p-fan2023-cn .column {
	border:1px solid #6D6E70;
	padding:24px;
}
.p-fan2023-cn .column .visual {
	padding-right:16px;
	min-width: 220px;
	text-align:center;
}
.p-fan2023-cn .column .content {
	padding-left:16px;
}
.p-fan2023-cn .column .content .desc {
	margin-top: 2% !important;
}
@media screen and (max-width: 768px) {
	.p-fan2023-cn .column {
		flex-wrap:inherit;	
	}
	.p-fan2023-cn .column .visual {
		min-width: 160px;
	}
}
@media screen and (max-width: 480px) {
	.p-fan2023-cn .column {
		padding:24px 16px;
	}
	.p-fan2023-cn .column .content {
		margin-top: 24px;
		padding-left:0;
	}
}


/***********************************
◆ Need more Convincing
************************************/
.p-fan2023-nmc {background:#efefef;}
.p-fan2023-nmc * {color:#000;}
.p-fan2023-nmc h2 {
	margin-bottom:16px;
}
.p-fan2023-nmc h2 .sub {
	display:block;
	margin-top:16px;
	font-size:2.4rem;
}
.p-fan2023-nmc .column .col {width:48%;}
.p-fan2023-nmc .column .card {
	display:flex;
	margin-top:32px;
}
.p-fan2023-nmc .column .card .numb {
	margin-right:24px;
}
.p-fan2023-nmc .column .card .numb span {
	display: block;
	text-align:center;
	font-size: 2.6rem;
	padding-top: 10px;
	width:80px;
	height:80px;
	line-height: 50px;
	/*! background: url(/global/imagesgig5/bg_h2a_tcm100-7208622_tcm100-2750236-32.png); */
	/*! background-size: cover; */
	border-radius:50%;
}
.p-fan2023-nmc .column .card .content .desc {
	margin-top:0 !important;
}

@media screen and (max-width: 768px) {
	.p-fan2023-nmc .column .col {width:100%;}
	.p-fan2023-nmc .column .card .numb {margin-right:16px;}
}


/***********************************
◆ Related Contents 
************************************/
.p-fan2023-rlt {background:#efefef;}
.p-fan2023-rlt h2 {margin-bottom:56px;}
.p-fan2023-rlt .list-a li {margin-top:16px;}
.p-fan2023-rlt .list-a li a {text-decoration:none;}

@media screen and (max-width: 768px) {
	.p-fan2023-rlt h2 {margin-bottom:24px;}
}


/***********************************
◆ Venue 
************************************/
.p-fan2023-ven h2 {margin-bottom:24px;}
.p-fan2023-ven h3 {
	margin-bottom:16px;
	font-size: 2.8rem;
}
.p-fan2023-ven .heading {
	font-size: 2.2rem;
	font-weight:600;
}
.p-fan2023-ven .box {
	color:#fff;
	background:#6D6E70;
	padding:24px;
}
.p-fan2023-ven .box .visual {
	display:flex;
	margin-bottom:24px;
}
.p-fan2023-ven .box .visual span {
	width: calc(100% / 3);
	margin-right:2px;
}
.p-fan2023-ven .box .visual span img {
	width:100%;
}
.p-fan2023-ven .box h4 {font-size: 2rem;font-weight: normal;}
.p-fan2023-ven .box p {margin-top:16px !important;}
/*
.p-fan2023-ven .box p a {color:#fff;}
.p-fan2023-ven .box p a:hover {
	opacity:.6;
	transition:.2s;
}
*/
.p-fan2023-ven .access {margin-top:56px;}
.p-fan2023-ven .access-inner {
	margin-left:32px;
	margin-bottom:32px;
}
.p-fan2023-ven .access .lnk {
	display:block;
	margin-top:16px;
}
	
/*
.p-fan2023-ven .column {position:relative;}
.p-fan2023-ven .column:before,
.p-fan2023-ven .column:after {
	content:"";
	width:1px;
	height:calc(100% - 56px);
	position:absolute;
	background:#6D6E70;
	top:56px;
}
.p-fan2023-ven .column:before {left:33%;}
.p-fan2023-ven .column:after {left:66%;}
.p-fan2023-ven .column [class*="col"] {
	width:30%;
	margin-top:56px;
}
*/

@media screen and (max-width: 768px) {
	.p-fan2023-ven h3 {
		margin-bottom:24px;
		font-size: 2.4rem;
	}
	.p-fan2023-ven .box {padding:12px;}
	.p-fan2023-ven .box .visual {flex-direction: column;}
	.p-fan2023-ven .box .visual span {
		width:100%;
		margin-right:0;
		margin-bottom:2px;
	}
	.p-fan2023-ven .access-inner {margin-left:16px;}
	.p-fan2023-ven .access-inner ol ul {margin-left:-16px;}
	/*
	.p-fan2023-ven .column:before,
	.p-fan2023-ven .column:after {content:none;}
	.p-fan2023-ven .column [class*="col"] {
		width:100%;
		margin-top:40px;
	}
	*/
}


/***********************************
◆ Travel infomation
************************************/
.p-fan2023-tvl {
	background:#3c3c3c;
	padding-bottom: 80px;
}
.p-fan2023-tvl h2 {margin-bottom:30px;}
.p-fan2023-tvl .list > li {
	padding-left:0;
	margin-bottom:40px;
}
.p-fan2023-tvl * {color:#fff;}
.p-fan2023-tvl .list > li:last-child {margin-bottom:0;}
.p-fan2023-tvl .list > li:before {content:none;}
.p-fan2023-tvl .list > li a,
.p-fan2023-tvl .list > li > span  {
	display:block;
	font-size:2rem;
	font-weight:600;
	margin-bottom:24px;
}