/*========================================================================
//
// custum pc 
//
//========================================================================*/

/********* PC -Screen width is 762px or more- ************/
@media (min-width: 762px) {
	
	/* ============================================================
 	sec_mv
	==============================================================*/
	.lp_html #sec_mv {
		width: 100%;
		position: relative;
	}
	
	.lp_html #sec_mv h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 10.4rem;
		line-height: 1.2;
		letter-spacing: -0.4rem;
		color:#fff;
		position: absolute;
		top: 55px;
		left: calc(50% + 127px);
		white-space: nowrap;
	}
	.lp_html #sec_mv h2 .line {
		display: block;
		overflow: hidden;
	}
	
	
	.lp_html #sec_mv .dl_btn_wrap {
		width:142px;
		position: fixed;
		left:50px;
		bottom:50px;
		z-index: 9999;
	}

	.lp_html #sec_mv .dl_btn_wrap a{
		display:block;
		background:rgb(4 2 31 / 80%);
		border-radius:50%;
		border:1px solid #fff;
		text-align:center;
		box-sizing:border-box;
		width:142px;
		height:142px;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		line-height: 1.4;
		color:#fff;
		padding: 30px 0 0;
	}

	.lp_html #sec_mv .dl_btn_wrap a span{
		display:block;
		width: 22px;
		margin: 15px auto 0;
	}
	
	.lp_html #sec_mv video {
		display: block;
	}

	
	.lp_html #sec_mv #bg-video {
		top: 0;
		left: 50%;
		min-width: 100%;
		width: 100vw;
		height: auto;
		z-index: -2;
		background: #03021e;
	}

	.lp_html #sec_mv .dl_btn_wrap a{
		transition: all 0.4s cubic-bezier(0.25, 0.1, 0.35, 1.61) 0s;
	}

	.lp_html #sec_mv .dl_btn_wrap a:hover{
		transform: scale(1.1);
	}
	
	/* ============================================================
	 sec01
	==============================================================*/
	
	.lp_html #sec01 {
		width: 100vw;
		height:100vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/bg_line.gif") center;
		background-size: 285px auto;
		position: relative;
	}
	.lp_html #sec01:before {
		content: "";
		display: block;
		width:100vw;
		height:100vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/bg_img.png") no-repeat center top;
		background-size: 100% auto;
		position: absolute;
		top:0;
		left: 0;
		z-index:1;
	}

	.lp_html #sec01:after {
		content: "";
		display: block;
		width:70vw;
		height:50vw;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/PC200i-12.svg") no-repeat center top;
		background-size: 100% auto;
		opacity: 0.7;
		position: absolute;
		top:20px;
		right: 0;
		z-index:2;
	}
	
	.lp_html #sec01 h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 6.2rem;
		letter-spacing: -0.4rem;
		color: #fff;
		line-height: 1.4;
		position: absolute;
		top: 50%;
		left: calc(50% - 160px);
		transform:translate(-50%,-50%);
		z-index:3;
	}
	.lp_html #sec01 h2 .line {
		display: block;
		overflow: hidden;
	}

	.lp_html #sec01 h2 .sUP23{
		letter-spacing:0.1rem;
	}

	.lp_html #sec01 h2 .sUP24{
		letter-spacing: 0.2rem;
		margin:0 0 0 -6px;
	}

	.lp_html #sec01 h2 .sUP25{
		letter-spacing:0.1rem;
		margin: 0 -6px 0 -6px;
	}
	
	
	/* ============================================================
	 sec02
	==============================================================*/
	
	.lp_html #sec02 {
		width: 100vw;
		height:100vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec02_bg.png") no-repeat center top;
		background-size:cover;
		position: relative;
	}
	
	.lp_html #sec02 h2 {
		width: 30vw;
		position: absolute;
		top: 50%;
		left:50%;
		transform:translate(-50%,-50%);
	}

	.lp_html #secmovie {
	  position: relative;
	  width: 100%;
	  padding-top: 56.25%;
	  background: #000;
	}
	.lp_html #secmovie iframe{
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
  width: 100%;
  height: 100%;
 }



	/* ============================================================
	 sec03
	==============================================================*/
	
	.lp_html #sec03 {
		width: 100vw;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/bg_line.gif") center;
		background-size: 285px auto;
		position: relative;
		padding:140px 0;
		overflow: hidden;
	}
	
	.lp_html #sec03 .wrapper{
		width:90vw;
		max-width: 1160px;
		margin: 0 auto;
	}

	.lp_html #sec03 .ttl_wrap_a{
		width: 490px;
		margin:0 auto 330px 0;
		position:relative;
		z-index: 90;
	}

	.lp_html #sec03 .ttl_wrap_b{
		width: 490px;
		margin: 0 0 298px auto;
		position:relative;
		z-index: 90;
	}

	.lp_html #sec03 .img_box_a{
		line-height:0;
		position:absolute;
		width:730px;
		left: calc(50vw - 100px);
		top: 130px;
		z-index:2;
	}

	.lp_html #sec03 .img_box_b{
		line-height:0;
		position:absolute;
		width:1300px;
		right: calc(50vw - 287px);
		top: 790px;
		z-index:2;
	}

	.lp_html #sec03 .img_box_a img{
		position:relative;
	}

	.lp_html #sec03 .img_box_b img{
		position:relative;
	}

	.lp_html #sec03 .img_box_a:before{
		content: "";
		display: block;
		width:100vw;
		height:100vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec03_p_bg.png") no-repeat left top;
		background-size:541px auto;
		position: absolute;
		top: -46px;
		left: -46px;
		z-index:0;
	}

	.lp_html #sec03 .img_box_b:before{
		content: "";
		display: block;
		width:100vw;
		height:100vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec03_p_bg.png") no-repeat left top;
		background-size:541px auto;
		position: absolute;
		top: 15px;
		right: -472px;
		z-index: 0;
	}
	
	
	.lp_html #sec03 h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 8.0rem;
		letter-spacing: -0.8rem;
		color: #fff;
		line-height: 1.4;
		padding: 0 0 40px;
	}

	.lp_html #sec03 h2 .line {
		display: block;
		overflow: hidden;
		margin:0 0 -20px
	}

	.lp_html #sec03 h2 .num_txt{
		font-family: "Roboto Condensed", sans-serif;
		font-size: 2.0rem;
		letter-spacing: 0.1rem;
		font-weight: 400;
	}

	.lp_html #sec03 .sub_a_wrap{
		position:relative;
		z-index: 97;
	}

	.lp_html #sec03 .sub_a_wrap:before{
		content: "";
		display: block;
		width:702px;
		height:300px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec03_line.svg") no-repeat center;
		background-size:100% auto;
		position: absolute;
		top: 568px;
		left: 49.9%;
		transform: translate(-50%, 0);
		z-index: 1;
	}

	.lp_html #sec03 .sub_a_wrap .list_wrap{
		width:1060px;
		box-sizing: border-box;
		padding: 0 20px;
		margin:0 auto;
		position: relative;
		
	}

	.lp_html #sec03 .sub_a_wrap .list_wrap:before{
		content: "";
		display: block;
		width:1060px;
		height: 780px;
		background: linear-gradient(to bottom, #ffffff38 25%, #ffffff00 75%);
		position: absolute;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
	}

	.lp_html #sec03 .sub_a_wrap h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 4.2rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.4;
		text-align:center;
		padding: 0 0 30px;
	}

	.lp_html #sec03 .sub_a_wrap h3  {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 2.2rem;
		color:#fff;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		padding: 16px 0 18px;
	}

	.lp_html #sec03 .sub_a_wrap .flex_wrap{
		display:flex;
		justify-content:space-between;
		position: relative;
	}

	.lp_html #sec03 .sub_a_wrap .p_wrap{
		width: 570px;
		margin: 0 auto;
		padding: 150px 0 30px;
		position:relative;
	}
	.lp_html #sec03 .sub_a_wrap .img_p_box{
		position:relative;
	}

	.lp_html #sec03 .sub_a_wrap .p_wrap:before{
		content: "";
		display: block;
		width:100vw;
		height: 700px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/bg_img.png") no-repeat center;
		background-size:100% auto;
		opacity: 0.5;
		position: absolute;
		top: -8px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}
	
	.lp_html #sec03 .sub_a_wrap .flex_wrap .l_box{
		width: 672px;
	}
	.lp_html #sec03 .sub_a_wrap .flex_wrap .r_box{
		width: 328px;
	}

	.lp_html #sec03 .sub_a_wrap ul{
		display:flex;
		gap: 0 16px;
	}

	.lp_html #sec03 .sub_a_wrap .img_box{
		line-height:0;
		border:1px solid #48475d;
	}

	.lp_html #sec03 .sub_a_wrap h4 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		color:#fff;
		letter-spacing: -0.1rem;
		line-height: 1.4;
		text-align:center;
		background: linear-gradient(to bottom, #ffffff38 0%, #ffffff00 75%);
		border-radius:2px;
		padding: 6px 0 8px;
	}

	.lp_html #sec03 .sub_a_wrap h5 {
		font-family: 'Roboto', sans-serif;
		font-weight: 700;
		font-size: 2.0rem;
		color:#fff;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		text-align:center;
		padding: 8px 0 4px;
		position: relative;
	}

	.lp_html #sec03 .sub_a_wrap h5 span{
		font-weight: 500;
		font-size: 1.5rem;
	}

	.lp_html #sec03 .sub_a_wrap h5.big-h5{
		font-size: 2.8rem;
	}

	.lp_html #sec03 .sub_a_wrap p {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		text-align:center;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color:#fff;
		position: relative;
	}

	.lp_html #sec03 p.body_txt {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;		
		line-height: 2.0;
		color:#fff;
	}

	.lp_html #sec03 p.note_txt {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;
		line-height: 1.6;
		color: #494485;
		padding:5px 0 0;
	}

	.lp_html #sec03 .sub_b_wrap{
		width:1060px;
		margin:0 auto;
		padding: 182px 0 0;
		position:relative;
	}

	.lp_html #sec03 .sub_b_wrap:before{
		content: "";
		display: block;
		width:22px;
		height: 160px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec03_line_b.svg") no-repeat center;
		background-size:100% auto;
		position: absolute;
		top:0;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}

	.lp_html #sec03 .sub_b_wrap .flex_wrap{
		display:flex;
		justify-content:space-between;
		position: relative;
	}

	.lp_html #sec03 .sub_b_wrap h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 4.2rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.4;
		padding: 0 0 30px;
	}

	.lp_html #sec03 .sub_b_wrap p.t_txt{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.7rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.8;
		padding: 10px 0 0;
	}

	.lp_html #sec03 .sub_b_wrap h3 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.8rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.4;
		text-align:center;
		padding: 4px 0 5px;
		margin:0 0 10px;
		background: #140a9a;
	}

	.lp_html #sec03 .sub_b_wrap .plan_wrap{
		padding:20px 50px 40px;
	}

	.lp_html #sec03 .sub_b_wrap .img_i_box{
		padding:0 0 10px;
	}

	.lp_html #sec03 .plan_wrap p.note_txt {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.3rem;
		letter-spacing: 0.1rem;		
		line-height: 1.4;
		color:#fff;
		padding:5px 0 0;
	}


	.lp_html #sec03 .sub_b_wrap a{
		display:block;
		width:294px;
		margin:0 auto;
		background:#f1ba1a;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		letter-spacing: 0rem;
		line-height: 1;
		text-align:center;
		padding: 16px 0 16px;
		border-radius: 30px;
	}

	.lp_html #sec03 .sub_b_wrap a {
		transition: all 0.4s cubic-bezier(0.11, 0.35, 0.25, 1) 0s;
		
	}
	.lp_html #sec03 .sub_b_wrap a:hover{
		background:#140a9a;
		color:#fff;
	}

	.lp_html #sec03 h2 .sUP26{
		margin: 0 7px 0 0px;
	}

	/* ============================================================
	 sec04
	==============================================================*/
	
	.lp_html #sec04 {
		width: 100%;
		padding: 120px 0 0;
		background:#fff;
		box-sizing: border-box;
		overflow: hidden;
		position:relative;
	}

	.lp_html #sec04:before{
		content: "";
		display: block;
		width:100vw;
		height: 900px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_bg.jpg") no-repeat center;
		background-size:100% auto;
		opacity: 0.5;
		position: absolute;
		top: 300px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}

	.lp_html #sec04 .ws_wrap{
		width:1060px;
		margin: 0 auto;
		padding: 0 0 0;
		position: relative;
		z-index: 10;
	}
	.lp_html #sec04 .wm_wrap{
		width:100%;
		margin: 0 auto;
		position: relative;
		z-index: 1;
	}

	.lp_html #sec04 .fanc01_wrap .wm_wrap:before{
		content: "";
		display: block;
		width: 100vw;
		height: 900px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_bg.jpg") no-repeat center;
		background-size:100% auto;
		opacity: 0.5;
		position: absolute;
		top: -270px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}

	.lp_html #sec04 .fanc03_wrap:before{
		content: "";
		display: block;
		width:100vw;
		height: 900px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_bg_ill01.svg") no-repeat;
		background-size: 80% auto;
		background-position-y: 0;
		background-position-x:150%;
		opacity: 0.5;
		position: absolute;
		top: -100px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}

	.lp_html #sec04 .fanc04_wrap:before{
		content: "";
		display: block;
		width: 100vw;
		height: 900px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_bg.jpg") no-repeat center;
		background-size:100% auto;
		opacity: 0.5;
		position: absolute;
		top: 613px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}


	.lp_html #sec04 .gray_wrap{
		margin: 0 -40px 70px;
		padding: 30px 40px 32px;
		border-radius: 20px;
		background:rgb(209 212 211 / 44%);
		box-shadow: 0px 5px 4px 0px rgb(173 , 169 , 189 , 0.3);
		text-align: center;
	}

	.lp_html #sec04 .ss_wrap{
		width: 700px;
		margin:0 auto;
		position: relative;
	}

	.lp_html #sec04 .mente_wrap{
		padding:0 0 80px;
	}

	.lp_html #sec04 .mente_wrap .ss_wrap{
		width: 100%;
	}

	.lp_html #sec04 .ws_wrap ul{
		display:flex;
		justify-content:space-between;
	}

	.lp_html #sec04 .ws_wrap ul > li{
		position:relative;
		width:508px;
		text-align: left;
	}

	.lp_html #sec04 .fanc02_wrap .ws_wrap ul > li{
		position:relative;
		width:340px;
	}

	.lp_html #sec04 .fanc04_wrap .ws_wrap ul > li{
		position:relative;
		width:340px;
	}

	.lp_html #sec04 .fanc05_wrap .ws_wrap ul > li{
		position:relative;
		width:340px;
	}

	.lp_html #sec04 .img_box{
		line-height:0;
	}
	
	.lp_html #sec04 h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 4.8rem;
		letter-spacing: 0.2rem;
		text-align:center;
		width:1060px;
		margin: 0 auto 100px;
		color: #fff;
		background: #140a9a;
		line-height: 1;
		padding: 9px 0 14px;
	}

	.lp_html #sec04 .ttl_wrap{
		width: 1060px;
		margin: 0 auto 50px;
		display:flex;
		flex-wrap: wrap;
		gap:0 40px;
	}

	.lp_html #sec04 .ttl_wrap h3 {
		display:inline-block;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 5.2rem;
		letter-spacing: 0.2rem;
		text-align:center;
		color: #fff;
		background: #140a9a;
		line-height: 1;
		padding: 3px 70px 5px;
		position:relative;
	}

	.lp_html #sec04 .ttl_wrap h3 span{
		font-family: "Roboto Condensed", sans-serif;
		font-weight: 500;
		font-size: 3.8rem;
		font-style: italic;
		letter-spacing: 0;
		color: #140a9a;
		position:absolute;
		top: -40px;
		left:0;
	}

	.lp_html #sec04 .ttl_wrap p {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.6rem;
		letter-spacing: 0.1rem;
		color: #000;
		line-height: 1.7;
		padding: 4px 0 0;
	}

	.lp_html #sec04 .fanc02_wrap .ttl_wrap p{
		padding: 18px 0 0;
	}

	.lp_html #sec04 .fanc04_wrap .ttl_wrap h3 {
		padding: 6px 32px 0;
	}
	.lp_html #sec04 .fanc05_wrap .ttl_wrap h3 {
		padding: 3px 20px 8px;
	}

	.lp_html #sec04 .fanc04_wrap .ttl_wrap p{
		line-height: 1.4;
		padding: 0 0 0;
	}

	.lp_html #sec04 .fanc05_wrap .ttl_wrap p{
		display: block;
		padding: 16px 0 0;
		font-size: 1.6rem;
		bottom: revert-layer;
	}


	.lp_html #sec04 .cap_txt{
		display:inline-block;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.5rem;
		letter-spacing: 0rem;
		text-align:center;
		color: #fff;
		background: #140a9a;
		line-height: 1;
		padding: 11px 25px 12px;
	}

	.lp_html #sec04 .cap_txt2{
		display:inline-block;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 1.4rem;
		letter-spacing: 0rem;
		text-align:center;
		color: #0C065C;
		background:#fff;
		border-radius: 60px;
		line-height: 1;
		padding: 7px 14px 8px;
		position:absolute;
		right: 9px;
		bottom: 48px;
	}

	.lp_html #sec04 .ex_txt{
		display:inline-block;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0rem;
		color: #000;
		margin: 11px 0 0 0;
		text-align: right;
		float: right;
	}

	.lp_html #sec04 .cap_txt3{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.7rem;
		letter-spacing: 0rem;
		text-align:center;
		color: #000;
		line-height: 1;
		padding: 11px 12px 12px;
	}

	.lp_html #sec04 .note_txt{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.2rem;
		letter-spacing: 0rem;
		color: #000;
		line-height: 1.4;
		text-indent:-1em;
		padding: 30px 0 0 1em;
		width: 488px;
		margin:0 0 0 auto;
	}

	.lp_html #sec04 .fanc01_wrap{
		position:relative;
		padding:0 0 300px;
	}

	.lp_html #sec04 .fanc02_wrap{
		position:relative;
		padding: 0 0 100px;
	}

	.lp_html #sec04 .fanc03_wrap{
		position:relative;
		padding: 50px 0 200px;
	}

	.lp_html #sec04 .fanc04_wrap{
		position:relative;
		padding: 0 0 200px;
	}

	.lp_html #sec04 .fanc04_wrap .img_w_wrap{
		position:relative;
	}


	.lp_html #sec04 .fanc05_wrap{
		position:relative;
		padding: 0 0 0;
	}

	.lp_html #sec04 .fanc02_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 456px;
		/* background:#D1D4D3; */
		position: absolute;
		top: 285px;
		left:0;
	}

	.lp_html #sec04 .fanc01_wrap h4{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		color: #000;
		line-height: 1.4;
		text-indent: -3px;
		padding: 21px 0 10px;
		width:1060px;
		margin: 0  auto 17px;
		position: relative;
		border-bottom: 1px solid #e1e1e1;
	}

	.lp_html #sec04 .fanc02_wrap h4{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		color: #000;
		line-height: 1.4;
		padding: 0 0 20px;
		width:1060px;
		margin:0  auto;
	}

	.lp_html #sec04 .fanc04_wrap h4{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: -0.1rem;
		color: #000;
		line-height: 1.4;
		padding: 50px 0 30px;
	}

	.lp_html #sec04 .fanc05_wrap h4{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.2rem;
		letter-spacing: 0rem;
		color: #000;
		line-height: 1.4;
		padding: 20px 0 20px;
	}

	.lp_html #sec04 h5{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.0rem;
		text-align: center;
		letter-spacing: 0rem;
		color: #fff;
		background: #140a9a;
		line-height: 1.4;
		padding: 3px 47px;
		display: inline-block;
		margin: 0 0 26px;
		border-radius: 20px;
	}

	.lp_html #sec04 .fanc05_wrap h5{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		text-align: left;
		letter-spacing: 0rem;
		color: #000;
		line-height: 1.4;
		padding: 10px 0 10px;
		position:relative;
		background: none;
		margin: 0;
	}

	.lp_html #sec04 .fanc05_wrap p{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		text-align: left;
		letter-spacing: 0rem;
		color: #000;
		line-height: 1.6;
		padding: 16px 0 0;
	}

	.lp_html #sec04 .t_txt{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		color: #000;
		line-height: 1.6;
		padding: 0 0 30px;
		width:1060px;
		margin:0  auto;
		position: relative;
	}
	
	.lp_html #sec04 .vr_sec {
		height: 600px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_03_vrbg_pc.jpg") no-repeat center top;
		background-size:cover;
		position: relative;
		margin: 0 0 40px;
	}
	
	.lp_html #sec04 .vr_sec .btn_wrap_b{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);		
	}

	.lp_html #sec04 .flex_b_wrap{
		display:flex;
		width: 700px;
		margin: 0 auto;
	}

	.lp_html #sec04 .btn_wrap{
		width:320px;
		margin: 80px auto 0;
		position: relative;
		z-index: 10;
	}

	.lp_html #sec04 .fanc02_wrap .btn_wrap{
		margin: 30px auto 0;
	}
	.lp_html #sec04 .fanc03_wrap .btn_wrap{
		margin: 0 auto 0;
	}
	.lp_html #sec04 .fanc04_wrap .btn_wrap{
		margin: 40px auto 0;
	}

	.lp_html #sec04 .fanc05_wrap .btn_wrap{
		width:390px;
		margin: -30px auto 120px;
	}

	.lp_html #sec04 .btn_wrap a{
		display:block;
		background:#f1ba1a;
		color:#000;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		letter-spacing: 0rem;
		line-height: 1;
		text-align:center;
		padding: 16px 16px 18px 0;
		border-radius: 30px;
		position: relative;
	}

	.lp_html #sec04 .btn_wrap a span{
		display:block;
		position:absolute;
		top:50%;
		right: 20px;
		transform:translate(0,-50%);
	}

	.lp_html #sec04 .btn_wrap_b{
		width:320px;
		margin: 0 auto;
		position: relative;
		z-index: 10;
	}

	.lp_html #sec04 .btn_wrap_b a{
		display:block;
		background: #fff;
		border: 2px solid #ccc;
		color:#000;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.8rem;
		letter-spacing: 0rem;
		line-height: 1;
		text-align:center;
		padding: 14px 16px 16px 0;
		border-radius: 30px;
		position: relative;
	}

	.lp_html #sec04 .btn_wrap_b a span{
		display:block;
		position:absolute;
		top:50%;
		right: 20px;
		transform:translate(0,-50%);
	}


	
	.lp_html #sec04 .slide_wrap{
		position:relative;
	}

	.lp_html #sec04 .swiper-container_fn2{
		margin: 0 0 140px;
	}

	.lp_html #sec04 .swaip_nav_next{
		width:60px;
		height:60px;
		box-sizing:border-box;
		border-radius:50%;
		background: #140a9a;
		position:absolute;
		right: 0;
		top: 43%;
		z-index:100;
		transform:translate(-50%,-50%);
		caret-color: transparent;
		cursor: pointer;
		z-index: 10;
	}

	.lp_html #sec04 .swaip_nav_next:before{
		display:block;
		content: "\3009";
		color:#fff;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 100;
		font-size: 2.8rem;
		text-align:center;
		padding: 12px 0 0 16px;
	}

	.lp_html #sec04 .swaip_nav_prev{
		width:60px;
		height:60px;
		box-sizing:border-box;
		border-radius:50%;
		background: #140a9a;
		position:absolute;
		left: 5%;
		top: 43%;
		z-index:100;
		transform:translate(-50%,-50%);
		caret-color: transparent;
		cursor: pointer;
		z-index: 11;
	}

	.lp_html #sec04 .swaip_nav_prev:before{
		display:block;
		content: "\3008";
		color:#fff;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 100;
		font-size: 2.8rem;
		text-align:center;
		padding: 12px 16px 0 0;
	}

	.lp_html #sec04 .swaip_nav_next,.lp_html #sec04 .swaip_nav_prev{
		transition: all 0.4s cubic-bezier(0.11, 0.35, 0.16, 1.55) 0s;
	}

	.lp_html #sec04 .swaip_nav_next:hover,.lp_html #sec04 .swaip_nav_prev:hover{
		background:#f1ba1a;
		transform:translate(-50%,-50%) scale(1.1);
	}

	.lp_html #sec04 .btn_wrap a {
		transition: all 0.4s cubic-bezier(0.11, 0.35, 0.25, 1) 0s;
		
	}
	.lp_html #sec04 .btn_wrap a:hover{
		color:#fff;
		background:#140a9a;
	}

	.lp_html #sec04 .btn_wrap_b a {
		transition: all 0.4s cubic-bezier(0.11, 0.35, 0.25, 1) 0s;
		
	}
	.lp_html #sec04 .btn_wrap_b a:hover{
		color:#fff;
		background:#140a9a;
		border:2px solid #140a9a;
	}

	.lp_html #sec04 .vr_wrap{
		position:relative;
	}
	.lp_html .vr_wrap img{
		width:auto;
	}
	
	.lp_html .vr_wrap{
		position:relative;
	}

	.lp_html .vr_wrap .btn_zoomin, .lp_html .vr_wrap .btn_zoomout{
		width:50px;
	}

	.lp_html .modal_close{
		width: 80px!important;
		height: 80px!important;
		padding: 20px;
	}
	
	
	/* ============================================================
	 sec05
	==============================================================*/
	
	.lp_html #sec05 {
		width: 100%;
		background: #140a9a;
		padding: 66px 0 72px;
		position: relative;
	}
	
	
	.lp_html #sec05 h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 3.0rem;
		letter-spacing: 0.2rem;
		text-align:center;
		color: #fff;
		background: #140a9a;
		line-height: 1.6;
	}

	/* ============================================================
 	Modal CSS
	==============================================================*/
	
	#modal_win {
		position: fixed;
		top: 0;
		left: 0;
		background: rgba(0,0,0);
		width: 100vw;
		height: 100vh;
		z-index: 10000;
		display: none;
		cursor: pointer;
	}

	#modal_win .m_n_wrap {
		position: relative;
		width: 100%;
		height: 100vh;
	}

	#modal_win .m_n_box {
		position: absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width: 70vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win iframe{
		display: block;
		width: calc(70vw);
		height: calc(70vw*315/560);
		margin: 0 auto;
		max-height:680px;
	}


	#modal_win .m_n_box_act{
		opacity:1;
		transform:translate(-50%, -50%);
	}
    
    #modal_win #youtube_wrap{
		line-height:0;
	}

	#modal_win p{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.8rem;
		line-height: 1.4;
		padding: 0 0 20px;
		text-align:center;
		color:#fff;
		position: relative;
		font-feature-settings: 'palt';
	}
	
	#modal_win ul > li{
		position:fixed;
		top: 20px;
		right: 20px;
	}
	#modal_win a.xClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:400;
		font-size: 1.6rem;
		text-align:center;
		color:#fff;
		position: relative;
	}

	#modal_win a.xClose span{
		display:block;
		width: 40px;
		line-height:0;
		border-radius:50%;
		border:2px solid #fff;
	}

	#modal_win a.xClose span{
		transition: all 0.4s cubic-bezier(0.12, 0.74, 0.36, 1);
	}

	#modal_win a.xClose:hover span{
		transform: scale(1.1);
	}

	
	/* ============================================================
	 ipad
	==============================================================*/
	
	.ipad .lp_html #sec04 .btn_wrap a:hover{
		color:#000;
		background:#f1ba1a;
	}

	
}