@charset "UTF-8";
@media screen and (max-width:768px) {
	body { overflow-x: hidden; font-size: 4.2vw; line-height: 1.4; }
	.imgr img { display: block; max-width: 100%; height: auto; }
	.container { margin-right: auto; margin-left: auto; padding-left: 4vw; padding-right: 4vw; box-sizing: border-box; }
	.mar_au img { margin: 0 auto; }
	.break_sp { display: block; }
	.break_pc { display: contents !important; }
	.none_sp { display: none !important; }
	.sp { display: block; }
	.pc { display: none; }


	#wrapper { max-width: 768px; width: 100%; }
	.inner { padding: 0 4vw; }
	img { width: 100%; max-width: 100%; height: auto; }
	p { margin: 0 0 4vw 0; font-size: 4.2vw; }

	.mb4vw{
		margin-bottom: 4vw !important;
	}
	.mb8vw{
		margin-bottom: 8vw !important;
	}
	.mb10vw{
		margin-bottom: 10vw !important;
	}
	.mb12vw{
		margin-bottom: 12vw !important;
	}
	.size18{
		font-size: 4.1vw;
	}
	.size20{
		font-size: 4.1vw;
	}
	.size30{
		font-size: 6.2vw;
		line-height: 1.4;
		letter-spacing: -1px;
	}

	/*-- fv -----------------------------------
	------------------------------------------*/
	.sec_fv{
		background: transparent;
		min-height: 100%;
	}
	.sec_fv .inner{
		padding: 0;
	}
	/*-- /fv ----------------------------------
	------------------------------------------*/

	/*-- sec_slider ---------------------------
	------------------------------------------*/
	.sec_slider{
		padding: 6.933333333333333vw 4vw 6.933333333333333vw 4vw;
	}
	.sec_slider .slide_session .slick-list{
		overflow: hidden;
	}
	.sec_slider .slick-arrow{
		width: 8vw;
		height: 8vw;
		background-size: 2vw 4vw !important;
		bottom: -24px;
	}
	.sec_slider .slick-next.slick-arrow{
		right: 0;
	}
	.sec_slider .slick-prev.slick-arrow{
		left: 0;
	}
	.sec_slider .slick-dots{
		gap: 6vw;
	}
	.sec_slider .slick-dots li button{
		width: 3vw;
		height: 3.2vw;
	}
	.sec_slider .item{
		padding: 4vw;
		width: 100%;
		border-width: 1.333333333333333vw;
		margin: 0;
	}

	.sec_slider .item .flex_sl{
		flex-wrap: wrap;
		gap: 0px;
	}
	.sec_slider .item .flex_sl .col{
		width: 100%;
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.sec_slider .item .flex_sl .col:not(:last-child){
		margin-bottom: 3vw;
	}
	.sec_slider .item .flex_sl .col .thumb{
		width: 26.66666666666667vw;
		height: 26.66666666666667vw;
		margin-bottom: 0;
	}
	.sec_slider .item .flex_sl .col .text{
		width: calc(100% - 30vw);
		text-align: left;
	}
	.sec_slider .item .flex_sl .title{
		font-size: 4.8vw;
		margin-bottom: 2vw;
	}
	.sec_slider .item .ttl_sl h3{
		font-size: 6vw;
	}
	.sec_slider .item .ttl_sl .en{
		font-size: 3.6vw;
		max-width: 30vw;
		margin-bottom: 5vw;
	}
	/*-- /sec_slider --------------------------
	------------------------------------------*/

	/*-- cta ----------------------------------
	------------------------------------------*/
	.cta{
		padding: 10vw 0 1vw 0;
	}
	.cta .cta_box:before{
		border-width: 1vw;
	}
	.cta .cta_box{
		padding: 6vw 4vw;
	}
	.cta .list_cta{
		margin: 0 auto 4vw;
		max-width: 100%;
	}
	.cta .list_cta dl dt{
		width: 18vw;
		font-size: 3.95vw;
	}
	.cta .list_cta dl dd{
		font-size: 3.8vw;
		width: calc(100% - 20vw);
	}
	.cta .btn_cta a{
		-webkit-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
		-moz-box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
		box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.15);
		border-radius: 35vw;
	}

    .original-button {
        font-size: 2rem;
        border-radius: 40px;
        width: 80%;
        height: 60px;
        margin: 5vw auto;
    }


	/*-- /cta ---------------------------------
	------------------------------------------*/

	/*-- sec01 --------------------------------
	------------------------------------------*/
	.sec01{
		/*--
		padding: 12vw 0 30vw 0;
		--*/
		padding: 12vw 0;
    	background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/sp_sec01_bg.jpg) no-repeat bottom center;
    	background-size: cover;
	}
	/*-- /sec01 -------------------------------
	------------------------------------------*/

	/*-- sec02 --------------------------------
	------------------------------------------*/
	.sec02{
		padding: 10vw 0 50vw 0;
    	background: #f1f1f3 url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/sp_sec02_bg.jpg) no-repeat bottom center;
    	background-size: cover;
	}
	.sec02 .d-flex .item h3{
		font-size: 6.2vw;
		margin-bottom: 6vw;
	}
	.sec02 .d-flex .item{
		border-width: 1vw;
		padding: 6vw 4vw;
		width: 100%;
	}
	.sec02 .d-flex .item:first-child{
		margin-bottom: 6vw;
	}
	.sec02 .d-flex .item ul li{
		border-width: 1px;
		background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/ic_check_yellow.png) no-repeat top 0.5vw left;
		background-size: 4.5vw 4.5vw;
	}
	.sec02 .d-flex .item ul li span{
		font-size: 4.2vw;
		padding-left: 6vw;
	}
	/*-- /sec02 -------------------------------
	------------------------------------------*/

	/*-- sec03 --------------------------------
	------------------------------------------*/
	.sec03{
		padding: 14vw 0 14vw 0;
    	background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/sp_sec03_bg.jpg) no-repeat top center;
    	background-size: cover;
	}
	.sec03 .sec03_box .item .no{
		font-size: 18.66666666666667vw;
		right: 4vw;
		top: -7vw;
	}
	.sec03 .sec03_box .item .no img{
		max-width: 20vw;
	}
	.sec03 .sec03_box dl{
		flex-wrap: wrap;
		border-radius: 0 8vw 0 8vw;
	}
	.sec03 .sec03_box dl dt{
		order: 2;
	}
	.sec03 .sec03_box dl dd{
		order: 1;
		width: 100%;
		padding: 8vw 4vw 4vw 4vw;
	}
	.sec03 .sec03_box dl dd h3{
		font-size: 5.85vw;
		letter-spacing: -2px;
	}
	.sec03 .sec03_box dl dd p{
		font-size: 4.2vw;
	}
	.sec03 .sec03_box .item.mb65{
		margin-bottom: 11vw !important;
	}
	/*-- /sec03 -------------------------------
	------------------------------------------*/

	/*-- sec04 --------------------------------
	------------------------------------------*/
	.sec04{
		padding: 14vw 0 10vw 0;
		border-width: 1.5vw;
	}
	.sec04_slide .item{
		padding: 5vw 0 0 0;
		margin: 0 3vw;
		border-radius: 0 8vw 0 8vw;
		max-width: 100%;
	}
	.sec04_slide .item dt{
		width: 26vw;
	}
	.sec04_slide .item dd{
		width: calc(100% - 29vw);
	}
	.sec04_slide .item dd p{
		font-size: 3.75vw;
	}
	.sec04_slide .item dd h3{
		font-size: 4.4vw;
		padding: 1vw 2vw 1vw 2vw;
		text-align: center;
	}
	.sec04_slide .item dd{
		padding: 0 4vw 0 0;
	}
	/*-- /sec04 -------------------------------
	------------------------------------------*/

	/*-- sec05 --------------------------------
	------------------------------------------*/
	.sec05{
		padding: 10vw 0 10vw 0;
		background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/sp_sec05_bg.jpg) no-repeat top center;
		background-size: cover;
	}
	/*-- /sec05 -------------------------------
	------------------------------------------*/

	/*-- sec06 --------------------------------
	------------------------------------------*/
	.sec06{
		padding: 10vw 0 18vw 0;
		background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/sp_sec06_bg.jpg) no-repeat top center;
		background-size: cover;
	}
	.sec06_box .item,
	.sec06_box .item_pr,
	.sec06_box .item_sec{
		padding: 8vw 4vw 5vw 4vw;
	}
	.sec06_box .item .ttl_en,
	.sec06_box .item_sec .ttl_en{
		font-size: 5vw;
		max-width: 40vw;
		padding: 5vw 4vw;
		margin: 0 auto 8vw;
	}
	.sec06_box .item .ttl_en span,
	.sec06_box .item_sec .ttl_en span{
		font-size: 8vw;
	}
	.sec06_box .item .time,
	.sec06_box .item_sec .time{
		margin-bottom: 6vw;
		padding-bottom: 4vw;
		border-width: 0.5vw;
	}
	.sec06_box .item .time dl,
	.sec06_box .item_sec .time dl{
		margin-bottom: 5vw;
	}
	.sec06_box .item .time dl dt,
	.sec06_box .item_sec .time dl dt{
		width: 100%;
		font-size: 4.2vw;
		margin-bottom: 2.6vw;
	}
	.sec06_box .item .time dl dd,
	.sec06_box .item_sec .time dl dd{
		width: 100%;
		text-align: center;
		font-size: 6vw;
	}
	.sec06_box .item .time dl dd.txt_left_sp,
	.sec06_box .item_sec .time dl dd.txt_left_sp{
		text-align: center;
	}

	.sec06_box .item_pr .d-flex {
		gap: 0px;
	}
	.sec06_box .item .d-flex .thumb,
	.sec06_box .item_pr .d-flex .thumb,
	.sec06_box .item_sec .d-flex .thumb{
		width: 100%;
		text-align: center;
	}
	.sec06_box .item_sec .d-flex .txt .title_02 p.name,
    .sec06_box .item_pr .d-flex .txt .title_02 .name{
		font-size: 4.2vw;
	}

	.sec06_box .item_sec .d-flex .txt .title_02 p.company,
	.sec06_box .item_pr .d-flex .txt .title_02 p.company{
		font-size: 4.1vw;
	}
	.sec06_box .item_sec .d-flex .txt .text p,
	.sec06_box .item_pr .d-flex .txt .text p{
		font-size: 3.6vw;
	}

	.sec06_box .item .d-flex .thumb img,
	.sec06_box .item_pr .d-flex .thumb img,
	.sec06_box .item_sec .d-flex .thumb img{
		max-width: 40vw;
		margin: 0 auto;
	}
	.sec06_box .item .d-flex .txt,
	.sec06_box .item_sec .d-flex .txt{
		width: 100%;
	}
	.sec06_box .item .d-flex .txt .title,
	.sec06_box .item_sec .d-flex .txt .title{
		text-align: center;
		font-size: 6.4vw;
		line-height: 1.2;
	}
	.sec06_box .item .d-flex .txt .title span,
	.sec06_box .item_sec .d-flex .txt .title span{
		padding-left: 0;
		font-size: 4.2vw;
	}

.sec06_box .item_sec .list_text li,
.sec06_box .item_pr .list_text li,
.sec06_box .item .list_text li{
  display: flex;
  align-items: center;
  gap: 0 2vw;
  padding: .3em;
}
.sec06_box .item_sec .list_text li::before,
.sec06_box .item .list_text li::before{
    display: inline-block;
    width: 30px;
    height: 10px;
    border-bottom: 2px solid #cf9817;
    border-left: 2px solid #cf9817;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}
.sec06_box .item_pr .list_text li::before{
    display: inline-block;
    width: 30px;
    height: 10px;
    transform: rotate(-45deg) translateY(-1.5px);
    content: '';
}
.sec06_box .item_pr .d-flex .txt{
  width: calc(100% - 241px);
  padding-top: 8px;
}

.sec06_box .item_pr .time{
  font-size: 4.2vw;
  padding:0.769vw 0;
  margin: 0 auto 4.61vw;
}
.sec06_box .item_pr .time span.timetable{
  font-size: 4.1vw;
  margin: 0 0 0 4.61vw;
}
.sec06_box .item_pr .theme p{
  font-size: 5vw;
  margin: 0 auto 2.769vw;
}
.sec06_box .item_pr .explanation p,
.sec06_box .item_pr .explanation ol {
  font-size: 4.1vw;
}
.sec06_box .item_pr .d-flex .txt .title_02 p.name{
    font-size: 4.2vw;
    margin-bottom: 2.6vw;
}
.sec06_box .item_pr .d-flex .txt .title_02 p.company{
    font-size: 4vw;
    font-weight: 500;
    margin-bottom: 0.769vw;
}
.sec06_box .item_pr .d-flex .txt .text p{
    font-size: 3.6vw;
    margin-bottom: 1.538vw;
}

	/*-- /sec06 -------------------------------
	------------------------------------------*/

	/*-- sec07 --------------------------------
	------------------------------------------*/
	.sec07{
		padding: 10vw 0 14vw 0;
		background: url(/hubfs/obc_remodel/ipo/event/obcgeexpo/images/sp_sec07_bg.jpg) no-repeat top center;
		background-size: cover;
	}
	.sec07_box dl dt{
		margin-bottom: 8vw;
		width: 100%;
	}
	.sec07_box dl dd{
		width: 100%;
	}
	.sec07_box dl dd h3{
		font-size: 5.5vw;
		margin-bottom: 6vw;
	}
	.sec07_box dl.item3,
	.sec07_box dl.item2 {
    	width: 100%;
    	margin-left: 0;
	}
	.sec07_box dl dd h3 span{
		padding: 2vw 2vw;
	}
	.sec07_box dl dd .txt_small{
		font-size: 2.8vw;
	}
	.sec07 .bg_wh{
		padding: 8vw 4vw;
	}
	.sec07 .bg_wh .size30{
		font-size: 5.85vw;
		letter-spacing: -2px;
		line-height: 1.6;
	}
	.sec07 .bg_wh .size32sp{
		font-size: 4.2vw;
		display: inline-block;
	}
	.sec07 .bg_wh .txt_obc{
		padding: 3px 10px 1px 10px;
	}
	/*-- /sec07 -------------------------------
	------------------------------------------*/

	/*-- sec08 --------------------------------
	------------------------------------------*/
	.sec08{
		padding: 14vw 0 16vw 0;
	}
	.box_qa dl{
		padding: 6vw 0 6vw 0;
		border-bottom: 0.5vw solid #24234d;
	}
	.box_qa dl:first-child{
		border-top: 0.5vw solid #24234d;
    	border-bottom: 0.5vw solid #24234d;
	}
	.box_qa dl dt{
		margin-bottom: 4vw;
	}
	.box_qa dl dt img{
		max-width: 10vw;
	}
	.box_qa dl dt span{
		font-size: 6vw;
		width: calc(100% - 14vw);
		line-height: 1.2;
	}
	.box_qa dl dd{
		padding-left: 14vw;
	}
	/*-- /sec08 -------------------------------
	------------------------------------------*/

	/*-- sec09 --------------------------------
	------------------------------------------*/
	.sec09{
		padding: 16vw 0 16vw 0;
	}
	.tb_style{
		border-spacing: 0;
	}
	.tb_style th, .tb_style td{
		display: block;
		width: 100%;
		padding: 3vw 4vw;
		font-size: 4.2vw;
		text-align: center;
	}
	.tb_style td{
		margin-bottom: 2vw;
		line-height: 1.6;
	}
	.tb_style td.txt_left{
		text-align: left;
	}
	.tb_style td .txt_small{
		font-size: 2.8vw;
	}
	/*-- /sec09 -------------------------------
	------------------------------------------*/

	/*-- sec10 --------------------------------
	------------------------------------------*/
	.sec10{
		padding: 14vw 0 16vw 0;
	}
	.sec10 .sec10_box{
		padding: 0 3vw;
		gap: 2vw;
		justify-content: center;
	}
	.sec10 .sec10_box p{
		/*--
		width: 48%;
		--*/
		width:100%;
	}
	/*-- /sec10 -------------------------------
	------------------------------------------*/

	/*-- footer -------------------------------
	------------------------------------------*/
	.footer .box_footer{
		padding: 10vw 0;
		font-size: 4.2vw;
	}
	.footer .box_footer a{
		font-size: 4.2vw;
	}
	.footer .box_footer .d-flex{
		padding: 0;
	}
	.footer .box_footer .d-flex .left_foo{
		width: 100%;
		text-align: center;
		padding: 0 0 5vw 0;
	}
	.footer .box_footer .d-flex .right_foo{
		width: 100%;
		border-left: 0;
		border-top: 1px solid #fff;
		padding: 6vw 0 0 0;
	}
	.footer .box_footer .d-flex .name_foo span{
		font-size: 5.85vw;
		padding-top: 2vw;
		display: inline-block;
	}
	.footer .copyright{
		padding: 6vw 0;
	}
	.footer .copyright p{
		font-size: 2.5vw;
	}
	#cta_fixed{
		padding: 4vw 0;
	}
	/*-- /footer ------------------------------
	------------------------------------------*/

	/*-- /pagetop ------------------------------
	------------------------------------------*/
	.pagetop{bottom:25vw;right:4vw;}
	.pagetop a{width:12vw;height:12vw;}
	/*-- /pagetop ------------------------------
	------------------------------------------*/

.sec_slider .item .pb15 {
	padding-bottom: 15px;
}
.sec_slider .item .pc {
  display: none!important;
}
.sec_slider .item .sp {
  display: flex!important;
}

}