@charset 'UTF-8';

/* animation */
.unicom-fade-common {
    opacity : 0;
    transition : all 1.5s;
}
.unicom-fade-up {
    transform : translate(0, 50px);
	-webkit-transform: translate(0, 50px);
}
.unicom-fade-left {
    transform : translate(-50px, 0);
	-webkit-transform: translate(-50px, 0);
}
.unicom-fade-right {
    transform : translate(50px, 0);
	-webkit-transform: translate(50px, 0);
}
.unicom-fade-common.unicom-scrollin {
    opacity : 1;
    transform : translate(0, 0);
	-webkit-transform: translate(0,0);
}

@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

@-webkit-keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

@keyframes fadeInUp {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 20px, 0);
    transform: translate3d(0, 20px, 0);
  }

  100% {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
}

.fadeInUp {
  -webkit-animation-name: fadeInUp;
  animation-name: fadeInUp;
}

.fadeIn {
  -webkit-animation-name: fadeIn;
  animation-name: fadeIn;
}
.animated.delay-05s {
  -webkit-animation-delay: .5s;
  animation-delay: .5s;
}
.animated.delay-1s {
  -webkit-animation-delay: 1s;
  animation-delay: 1s;
}
.animated.delay-15s {
  -webkit-animation-delay: 1.5s;
  animation-delay: 1.5s;
}


.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}




/* font
----------------------------------------------------------- */

.mulish{
	font-family: 'Mulish', sans-serif;
}
.balboa-l{
	font-family: balboa, sans-serif;
	font-weight: 300;
	font-style: normal;
}
.balboa-m{
	font-family: balboa, sans-serif;
	font-weight: 500;
	font-style: normal;
}


/*------------------------------------------------------------
    Base Fix
------------------------------------------------------------*/

div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, 
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, 
dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, 
tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, 
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, 
canvas, details, embed, figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary, time, mark, audio, video,
input, select, textarea {
    margin: 0;
    padding: 0;
    border: 0;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
body{
    word-break: break-word;
    background: #eeedec;
}
.sh{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
}
#page{
	background: none !important;
	min-width: 1240px;
}

.basic-page {
    /*font-feature-settings: "palt";*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: 400;
    color: #050305;
    font-family: 'Noto Sans JP', sans-serif;
    line-height: 1.89;
    font-size: 15px;
}
.basic-page a{
    display: block;
    transition: all .3s ease;
    word-break: break-all;
    color: #050305;
}
.basic-page a:hover{
    opacity: 0.6;
    transition: all .3s ease;
    text-decoration: none;
}
.holdings-footer.page-in-menu {
    padding-bottom: 75px;
}
.holdings-header a, .holdings-titlenav a, .holdings-footer a, .holdings-cta a {
    word-break: break-word;
    white-space: normal;
}
img{
    max-width: 100%;
    height: auto;
}
article#main-article {
    /*font-feature-settings: "palt";*/
}
article#main-article section{
	padding: 120px 0;
}

.section-inner{
	max-width: 1110px;
	margin: 0 auto;
}
.section-inner-lg{
	max-width: 1240px;
	margin: 0 auto;
}

.section-head-title{
	font-size: 18px;
	line-height: 1;
	font-weight: 500;
}
.section-head-copy{
	line-height: 1.1;
	font-size: 56px;
	font-family: 'Mulish', sans-serif;
	letter-spacing: -2px;
	font-weight: 800;
	margin-top: 16px;
}
.section-head-description{
	font-size: 20px;
	line-height: 1.75;
	font-weight: 700;
	margin-top: 20px;
}
.section-body{
	margin-top: 32px;
}

.pc{
	display: block !important;
}
.sp{
	display: none !important;
}

.main-article-blackbg {
    background: #050305;
    color: #fff;
    position: relative;
}
.main-article-blackbg:before{
	content: "";
	width: 796px;
	height: 1090px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/jp/robot/images/irex2023/main_visual_decorate.png);
	background-repeat: no-repeat;
	background-size: cover;
}
/*.main-article-blackbg:after{
	content: "";
	width: 628px;
	height: 356px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(/jp/robot/images/irex2023/bg_decorate_left.png);
	background-repeat: no-repeat;
	background-size: cover;
}*/

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

	.sp{
		display: block !important;
	}
	.pc{
		display: none !important;
	}
	article#top-article section{
		
	}
	.basic-page{
		font-size: 14px;
		line-height: 2;
		font-weight: 400;
	}
	.basic-page a:hover{
		opacity: 1;
	}

	article#top-article section{
		padding: 75px 0;
	}

	html.touch-device #page {
	    min-width: 320px;
	    min-height: 0;
	}

	.main-article-blackbg:before {
	    width: 92%;
	    height: 155vw;
	}
	.main-article-blackbg:after{
		width: 92%;
		height: 62vw;
	}
	article#main-article section{
		padding: 56px 20px;
	}

	.section-head-title {
	    font-size: 16px;
	}
	.section-head-copy {
	    line-height: 1.2;
	    font-size: 9.2vw;
	    letter-spacing: -1px;
	}
	.section-head-description {
	    font-size: 16px;
	    margin-top: 12px;
	}

	.section-body{
		margin-top: 24px;
	}



}



/* ボタン */

.conversion-btn{
	margin-top: 32px;
}
.conversion-btn a {
    background: rgba(60,109,228,1);
    background: linear-gradient(90deg, rgba(86,189,222,1) 0%, rgba(60,109,228,1) 100%);
    width: 400px;
    height: 60px;
    color: #fff;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding: 0 32px 0 40px;
    border-radius: 56px;
    box-sizing: border-box;
}
.conversion-btn-text{
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
}
.conversion-btn-text-sm{
	font-size: 13px;
	font-weight: 500;
	line-height: 1;
	margin-left: 8px;
	position: relative;
	bottom: 1px;
	display: inline-block;
}



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

	.conversion-btn{
		padding: 0 20px;
		margin-top: 24px;
	}
	.conversion-btn a{
		width: 100%;
		padding: 0 24px 0 24px;
		height: 56px;
	}
	.conversion-btn-text{
		font-size: 15px;
	}
	.conversion-btn-text-sm{
		font-size: 11px;
		margin-left: 4px;
	}


}




/* main-visual
----------------------------------------------------------- */

article#main-article section#main-visual{
	padding: 45px 0 0;
	position: relative;
	z-index: 1;
}
.parts-conversion-content{
	position: relative;
	z-index: 1;
}
.parts-conversion-content-inner{
	max-width: 1110px;
	margin: 0 auto;
}

.parts-conversion-pagename{
	margin-bottom: 40px;
}
.parts-conversion-pagename-jp{
	font-size: 16px;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 8px;
}
.parts-conversion-pagename-en{
	font-family: 'Mulish', sans-serif;
	font-weight: 600;
	line-height: 1;
	font-size: 19px;
	letter-spacing: -0.5px;
}
.pagename-en-exhibition{
	margin-right: 5px;
}

.parts-conversion-text{
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
}
.parts-conversion-copy{
	width: calc(100% - 470px);
}
.conversion-copy-main{
	font-size: 40px;
	line-height: 1.35;
	font-weight: 800;
	margin-bottom: 20px;
	letter-spacing: -1px;
}
.conversion-copy-sub{
	font-size: 18px;
	line-height: 1.75;
	font-weight: 500;
}
.parts-conversion-date{
	width: 470px;
}
ul.conversion-date-list{
	display: flex;
	flex-wrap: wrap;
	margin: 0 -15px;
}
ul.conversion-date-list li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 15px;
}
.conversion-date-list-item{
	font-size: 14px;
	line-height: 1;
	border: 1px solid;
	border-radius: 4px;
	padding: 4px 0;
	text-align: center;
	font-weight: 500;
	margin-bottom: 16px;
}
.conversion-date-list-number{
	text-align: center;
	font-size: 42px;
	line-height: 1;
	font-family: balboa, sans-serif;
	font-weight: 500;
	font-style: normal;
	margin-bottom: 10px;
}
.conversion-date-list-content{
	position: relative;
}
.conversion-date-list-content p{
	font-size: 14px;
	line-height: 1.6;
	font-weight: 500;
}
.conversion-date-list-content p a{
	display: inline-block;
	text-decoration: underline;
	color: #fff;
}
.conversion-date-list-content p a:hover{
	text-decoration: none;
	opacity: 0.6;
}
.booth-number {
    border: 1px solid;
    display: inline-block;
    padding: 4px 8px 5px;
    border-radius: 4px;
    background: rgba(0,0,0,0.6);
    line-height: 1;
    font-weight: 700;
    position: absolute;
    bottom: 0;
    right: 0;
}

#main-visual-slider{
	margin-top: 45px;
}

/* slider用 */
.swiper .swiper-wrapper {
    transition-timing-function: linear;
}
.swiper-slide{
	width: auto;
	margin: 0 12px;
}
.main-visual-slider-img {
    display: inline-block;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

	article#main-article section#main-visual {
	    padding: 24px 0 0;
	}
	.parts-conversion-content-inner{
		padding: 0 20px;
	}
	.parts-conversion-pagename {
	    margin-bottom: 24px;
	}
	.parts-conversion-pagename-jp {
	    font-size: 14px;
	    margin-bottom: 6px;
	}
	.parts-conversion-pagename-en {
	    font-size: 17px;
	    letter-spacing: -0.5px;
	}
	.parts-conversion-text{
		display: block;
	}
	.parts-conversion-copy{
		width: 100%;
	}
	.conversion-copy-sub{
		font-size: 15px;
	}
	.conversion-copy-main {
	    font-size: 6.5vw;
	    margin-bottom: 8px;
	}

	#main-visual-slider{
		margin-top: 24px;
		margin-bottom: 20px;
	}
	.main-visual-slider-img img{
		height: 175px;
		width: auto;
	}
	.swiper-slide{
		margin: 0 8px;
	}

	.parts-conversion-date{
		width: 100%;
		margin-top: 20px;
	}
	ul.conversion-date-list{
		display: block;
		margin: 0;
	}
	ul.conversion-date-list li{
		width: 100%;
		padding: 0;
	}
	ul.conversion-date-list li:not(:first-of-type){
		margin-top: 20px;
	}
	.conversion-date-list-item {
	    font-size: 13px;
	    width: 156px;
	    margin: 0 auto 12px;
	}
	.conversion-date-list-number {
	    font-size: 40px;
	    margin-bottom: 4px;
	}
	.conversion-date-list-content {
	    position: relative;
	    display: flex;
	    flex-wrap: wrap;
	    align-items: flex-end;
	    justify-content: center;
	}
	.booth-number {
	    position: relative;
	    margin-left: 16px;
	}


}





/* vision
----------------------------------------------------------- */

article#main-article section#vision{
	position: relative;
	z-index: 1;
	padding: 120px 0 0;
}
section#vision .section-inner-lg {
    position: relative;
    /*display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;*/
}
#vision-box {
    /*width: 512px;
    margin-right: 65px;*/
}
#vision-box .section-head {
    /*min-height: 506px;*/
    text-align: center;
}
.vision-img{
	/*position: absolute;
	left: 0;
	top: 24px;*/
	text-align: center;
}
.vision-img img{
	display: block;
	margin: auto;
}
#promotional-video {
    margin-top: 32px;
}
.promotional-video-caption{
	display: block;
	line-height: 1;
	margin-top: 4px;
	font-size: 13px;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

	article#main-article section#vision {
	    /*padding: 96px 20px 56px;*/
	    padding: 96px 20px 0px;
	}

	#vision-box {
	    width: 100%;
	    margin-right: 0;
	}
	#vision-box .section-head {
	    min-height: auto;
	}
	#vision-box .section-body{
		margin-top: 20px;
	}
	.vision-img{
		position: relative;
		top: 0;
		margin: 0 -20px;
	}

	#promotional-video {
	    margin-top: 24px;
	}
	#promotional-video iframe{
		height: 50vw;
	}
	.promotional-video-caption {
	    margin-top: 8px;
	    font-size: 12px;
	}



}






/* booth
----------------------------------------------------------- */

#booth-box{
	display: flex;
	flex-wrap: wrap;
}
.booth-box-content{
	width: calc(100% - 500px);
	box-sizing: border-box;
}
table.booth-table{
	font-size: 16px;
	font-weight: 600;
}
table.booth-table tr{
	border-bottom: 1px solid #fff;
}
table.booth-table tr th{
	text-align: left;
	width: 80px;
	padding: 16px 0;
}
table.booth-table tr:first-of-type th{
	padding-top: 0;
}
table.booth-table tr td{	
	padding: 16px;
}
table.booth-table tr:first-of-type td{
	padding-top: 0;
}
.td-sm{
	font-weight: 400;
	font-size: 13px;
	line-height: 1.6;
}
table.booth-table tr td a {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 14px;
    padding: 6px 20px 6px;
    line-height: 1;
    border-radius: 32px;
    background: #050305;
    color: #fff;
    margin-top: 8px;
}
table.booth-table tr td a .material-symbols-outlined{
	font-size: 18px;
	margin-left: 20px;
}
.booth-box-img{
	width: 500px;
}
ul.booth-img-list{
	margin-top: 84px;
}
ul.booth-img-list li{

}
ul.booth-img-list li:not(:first-of-type){
	margin-top: 24px;
}
ul.booth-img-list li img{
	display: block;
}

#booth-box .conversion-btn a{
	margin: 0;
}

@media only screen and (max-width:640px) and (max-device-width:1280px){

	#booth-box{
		display: block;
	}
	.booth-box-content{
		width: 100%;
	}
	.booth-box-img{
		width: 100%;
		margin-top: 24px;
	}

	table.booth-table {
	    font-size: 15px;
	    line-height: 1.6;
	}
	table.booth-table tr th{
		width: 100%;
		display: block;
		font-weight: 400;
		font-size: 14px;
		padding: 14px 0 6px;
	}
	table.booth-table tr td{
		width: 100%;
		display: block;
		padding-top: 0;
		padding-left: 0;
		padding: 0 0 14px 0;
	}

	table.booth-table tr td a{
		font-size: 13px;
	}
	.td-sm {
	    font-weight: 400;
	    font-size: 12px;
	    line-height: 1.55;
	    display: block;
	    margin-top: 6px;
	}

	#booth-box .conversion-btn{
		padding: 0;
	}

	ul.booth-img-list{
		margin-top: 0;
	}


}






/* exhibit
----------------------------------------------------------- */

article#main-article section#exhibit{
	padding-top: 0;
	padding-bottom: 64px;
	position: relative;
}
article#main-article section#exhibit:after{
	content: "";
	width: 563px;
	height: 340px;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	background-image: url(/jp/robot/images/irex2023/bg_decorate_right.png);
	background-repeat: no-repeat;
	background-size: cover;
}
.exhibit-bg{
	height: 340px;
	background: #050305;
	position: absolute;
	width: 100%;
	top: 0;
	left: 0;
}

#exhibit-box{
	position: relative;
	z-index: 1;
	padding-top: 72px;
}
#exhibit-box .section-head{
	color: #fff;
	text-align: center;
}
#exhibit-box .section-body{

}
ul.exhibit-list{
	margin: 0 -12px;
	display: flex;
	flex-wrap: wrap;
}
ul.exhibit-list > li{
	width: 50%;
	box-sizing: border-box;
	padding: 0 12px;
	margin-top: 24px;
}
.exhibit-list-card {
    background: #fff;
    border-radius: 12px;
    padding: 28px 30px 32px;
    box-sizing: border-box;
    height: 100%;
}
.exhibit-list-head{
	margin-bottom: 20px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.exhibit-list-number{
	font-size: 70px;
	line-height: 1;
	color: #62B49C;
	font-family: balboa, sans-serif;
	font-weight: 500;
	font-style: normal;
	width: 84px;
}
.exhibit-list-title{
	font-size: 22px;
	font-weight: 700;
	line-height: 1.4;
	width: calc(100% - 84px);
}
.exhibit-list-copy {
    margin-bottom: 24px;
    background: #62B49C;
    color: #fff;
    font-size: 16px;
    text-align: center;
    font-weight: 700;
    line-height: 1.55;
    padding: 4px 20px;
}

.exhibit-list-body{
	display: flex;
	flex-wrap: wrap;
}
.exhibit-list-img{
	width: 198px;
}
.exhibit-list-img img {
    display: block;
    margin: auto;
}
.exhibit-list-content{
	width: calc(100% - 198px);
	box-sizing: border-box;
	padding-left: 20px;
}

ol.exhibit-list-summary {
    list-style: disc;
    padding-left: 19px;
}
ol.exhibit-list-summary li{
	font-weight: 500;
	line-height: 1.6;
	font-size: 16px;
}
ol.exhibit-list-summary li:not(:first-of-type){
	margin-top: 6px;
}
.exhibit-list-description{
	font-size: 13px;
	line-height: 1.75;
	margin-top: 16px;
}
.download-btn{
	margin-top: 24px;
}
.download-btn a{
	width: 100%;
	height: 50px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	color: #fff;
	background: #050305;
	border-radius: 50px;
}
.download-btn-text{
	font-weight: 700;
}
.download-btn a .material-symbols-outlined{
	margin-left: 16px;
	font-size: 20px;
}

ul.exhibit-list > li:nth-of-type(1) ol.exhibit-list-summary{
	height: 140px;
}
ul.exhibit-list > li:nth-of-type(2) ol.exhibit-list-summary{
	height: 140px;
}
ul.exhibit-list > li:nth-of-type(4) ol.exhibit-list-summary{
	height: 165px;
}
ul.exhibit-list > li:nth-of-type(5) ol.exhibit-list-summary{
	height: 166px;
}
ul.exhibit-list > li:nth-of-type(6) ol.exhibit-list-summary{
	height: 166px;
}
ul.exhibit-list > li:nth-of-type(7) ol.exhibit-list-summary{
	height: 166px;
}
ul.exhibit-list > li:nth-of-type(8) ol.exhibit-list-summary{
	height: 166px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

	article#main-article section#exhibit{
		padding-bottom: 56px;
	}
	#exhibit-box {
	    padding-top: 56px;
	}
	article#main-article section#exhibit:after {
	    width: 92%;
	    height: 52vw;
	    top: 0;
	    right: 0;
	}
	#exhibit-box .section-body {
	    margin-top: 32px;
	}

	ul.exhibit-list{
		margin: 0;
		display: block;
	}
	ul.exhibit-list > li{
		width: 100%;
		padding: 0;
		margin-top: 20px;
	}
	.exhibit-list-head{
		margin-bottom: 20px;
	}
	.exhibit-list-card {
	    padding: 20px 20px 24px;
	    height: 100%;
	}
	.exhibit-list-number {
	    font-size: 40px;
	    width: 50px;
	}
	.exhibit-list-title {
	    font-size: 16px;
	    width: calc(100% - 50px);
	}
	.exhibit-list-copy {
	    margin-bottom: 16px;
	    font-size: 14px;
	    padding: 6px 16px;
    	line-height: 1.45;
	}
	.exhibit-list-body{
		display: block;
	}
	.exhibit-list-img{
		width: 100%;
		text-align: center;
		margin-bottom: 16px;
	}
	.exhibit-list-img img{
		height: 150px;
		width: auto;
		margin: auto;
		object-fit: contain;
	}
	.exhibit-list-content{
		width: 100%;
		padding-left: 0;
	}
	ol.exhibit-list-summary{
		height: auto !important;
	}
	ol.exhibit-list-summary li {
	    font-size: 13px;
	}
	.download-btn{
		margin-top: 20px;
	}
	.download-btn a{
		height: 48px;
	}
	.download-btn a .material-symbols-outlined{
		margin-left: 8px;
	}

	.exhibit-bg{
		height: 298px;
	}



}






/* conversion
----------------------------------------------------------- */

article#main-article section#conversion{
	padding: 48px 0 56px;
	background: #050305;
	color: #fff;
	position: relative;
}
article#main-article section#conversion:after{
	content: "";
	width: 628px;
	height: 356px;
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background-image: url(/jp/robot/images/irex2023/bg_decorate_left.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#conversion-btn{
	margin-top: 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	position: relative;
	z-index: 1;
}
#conversion-btn .conversion-btn{
	margin: 0 16px;
}
#conversion-btn .conversion-btn a{
	margin: 0;
}
.conversion-btn.white-btn a{
	background: #fff;
	color: #050305;
}
.conversion-btn.white-btn a .conversion-btn-text{
	font-size: 16px;
}


@media only screen and (max-width:640px) and (max-device-width:1280px){

	article#main-article section#conversion:after {
	    width: 92%;
	    height: 62vw;
	}
	#conversion-btn{
		margin-top: 24px;
		display: block;
	}
	#conversion-btn .conversion-btn{
		margin: 0;
	}
	#conversion-btn .conversion-btn.white-btn{
		margin-top: 12px;
	}
	.conversion-btn.white-btn a .conversion-btn-text {
	    font-size: 13px;
	}


}