/*========================================================================
//
// custum sp
//
//========================================================================*/

/********* SP - iPhone 6 or higher (screen width up to 761px) ************/

@media (max-width:761px) {
	
	.lp_html{
		font-size: calc(100vw / 37.5);
		overflow: hidden;
		background: #03070d;
	}

	.lp_html .wrapper {
		padding: 0 6%;
		position: relative;
		z-index: 0;
	}
	.lp_html .pc_contents {
		display: none;
	}
	
	
	/* ============================================================
 	sec_mv
	==============================================================*/
	.lp_html #sec_mv {
		width: 100%;
		position: relative;
		height: auto;
		overflow: hidden;
	}
	
	.lp_html #sec_mv h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 6rem;
		line-height: 1.1;
		letter-spacing: -0.4rem;
		white-space: nowrap;
		color:#fff;
		position: absolute;
		top: 20px;
		left: 64%;
		transform: translate(-50%, 0);
		z-index: 1;
	}
	.lp_html #sec_mv h2 .line {
		display: block;
		overflow: hidden;
	}
	
	
	.lp_html #sec_mv .dl_btn_wrap {
		/* width: 120px; */
		position:absolute;
		left: 5vw;
		bottom: 8px;
		z-index: 96;
	}

	.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: 24vw;
		height: 24vw;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.3rem;
		line-height: 1.4;
		color:#fff;
		padding: 20px 0 0;
	}

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

	
	.lp_html #sec_mv #bg-video {
		position: relative;
		top: 0;
		left: 50%;
		transform: translate(-50%, 0);
		min-width: 100%;
		min-height: 100%;
		width: 100%;
		height: 100%;
		z-index: 0;
		/* margin: 60px 0 0; */
	}

	
	.lp_html #sec_mv #bg-video:before{
		content: "";
		position: absolute;
	}


	.lp_html #sec_mv .dl_btn_wrap a{
		transition: all 0.4s cubic-bezier(0.25, 0.1, 0.35, 1.61) 0s;
	}
	
	/* ============================================================
	 sec01
	==============================================================*/
	
	.lp_html #sec01 {
		width: 100vw;
		height: 60vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/bg_line_sp.gif") center;
		background-size: 100px auto;
		position: relative;
	}
	.lp_html #sec01:before {
		content: "";
		display: block;
		width:100vw;
		height: 60vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/bg_img.png") no-repeat center top;
		background-size: 300% auto;
		position: absolute;
		top:0;
		left: 0;
		z-index:1;
	}

	.lp_html #sec01:after {
		content: "";
		display: block;
		width:100vw;
		height: 70vh;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/PC200i-12.svg") no-repeat right top;
		opacity:1;
		background-size: 90% auto;
		position: absolute;
		top: 24px;
		left: 0;
		z-index:2;
	}
	
	.lp_html #sec01 h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 3.6rem;
		letter-spacing: -0.3rem;
		color: #fff;
		line-height: 1.4;
		white-space: nowrap;
		position: absolute;
		top: 130px;
		left: calc(50%);
		transform: translate(-50%,0);
		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 -0.3rem;
	}

	.lp_html #sec01 h2 .sUP25{
		letter-spacing:0.1rem;
		margin: 0 -0.1rem 0 -0.1rem;
	}
	
	
	/* ============================================================
	 sec02
	==============================================================*/
	
	.lp_html #sec02 {
		width: 100vw;
		height: 70vh;
		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: 70vw;
		position: absolute;
		top: 50%;
		left:50%;
		transform:translate(-50%,-50%);
	}

	.lp_html #secmovie {
		position: relative;
		width: 100vw;
	    width: 100%;
	    padding-top: 56.25%; /* 16:9のアスペクト比 */
	    height: 0;
	}
	.lp_html #secmovie iframe{
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}



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

	.lp_html #sec03 .ttl_wrap_a{
		position:relative;
		z-index: 90;
	}

	.lp_html #sec03 .ttl_wrap_b{
		margin: 0 0 120px;
		position:relative;
		z-index: 90;
	}

	.lp_html #sec03 .img_box_a{
		line-height:0;
		position: relative;
		margin: 40px 0 47px;
		z-index:2;
	}

	.lp_html #sec03 .img_box_b{
		line-height:0;
		position:absolute;
		width: 200vw;
		right: 0;
		top: 902px;
		z-index:2;
	}

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

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

	.lp_html #sec03 .img_box_a:before{
		content: "";
		display: block;
		width:100vw;
		height: 50vh;
		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: -28px;
		left: 166px;
		z-index:0;
	}

	.lp_html #sec03 .img_box_b:before{
		content: "";
		display: block;
		width:100vw;
		height: 35vh;
		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: 0;
		right: 50vw;
		z-index: -4;
	}
	
	
	.lp_html #sec03 h2 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 5.6rem;
		letter-spacing: -0.6rem;
		color: #fff;
		line-height: 1.4;
		padding: 0 0 40px;
		white-space: nowrap;
	}

	.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: 1;
	}

	.lp_html #sec03 .sub_a_wrap:before{
		content: "";
		display: block;
		width: 80vw;
		height:300px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec03_line_sp.svg") no-repeat center;
		background-size:100% auto;
		position: absolute;
		bottom: 110vw;
		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: 96vw;
		height: 2080px;
		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: 3.6rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.4;
		text-align:center;
		z-index: 2;
		padding: 0 0 20px;
	}

	.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 -10vw;
		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: 75vw;
		margin: 0 auto;
	}
	.lp_html #sec03 .sub_a_wrap .flex_wrap .r_box{
		width: 75vw;
		margin: 0 auto;
	}

	.lp_html #sec03 .sub_a_wrap ul{
		/* display:flex; */
		padding: 0 0 25px;
		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;
		padding: 0 0 30px;
	}

	.lp_html #sec03 p.body_txt {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		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{
		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{
		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: 3.2rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.4;
		text-align: center;
		padding: 0 0 12px;
	}

	.lp_html #sec03 .sub_b_wrap p.t_txt{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		letter-spacing: 0.1rem;
		/* text-align: center; */
		color: #fff;
		line-height: 1.8;
		padding: 0 14vw 30px;
	}

	.lp_html #sec03 .sub_b_wrap h3 {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 600;
		font-size: 2.4rem;
		letter-spacing: 0.1rem;
		color: #fff;
		line-height: 1.4;
		text-align:center;
		padding: 4px 0 5px;
		margin: 0 8vw 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.2rem;
		letter-spacing: 0.1rem;
		line-height: 1.4;
		color:#fff;
		padding: 5px 0 3px 1em;
		text-indent: -1em;
	}


	.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: 12px 0 14px;
		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 h2 .sUP26{
		margin: 0 0.4rem 0 0px;
	}

	/* ============================================================
	 sec04
	==============================================================*/
	
	.lp_html #sec04 {
		width: 100%;
		padding: 100px 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:500% auto;
		opacity:1;
		position: absolute;
		top: 200px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}

	.lp_html #sec04 .ws_wrap{
		padding: 0 5vw 60px;
		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: 300% auto;
		opacity: 1;
		position: absolute;
		top: -458px;
		left:50%;
		transform: translate(-50%, 0);
		z-index: 0;
	}

	.lp_html #sec04 .fanc03_wrap:before{
		content: "";
		display: block;
		width: 150vw;
		height: 900px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_bg_ill01.svg") no-repeat;
		background-size: 100% auto;
		background-position-y: 0;
		background-position-x:150%;
		opacity: 1;
		position: absolute;
		top: -160px;
		right: -49vw;
		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 -2vw 40px;
		padding: 30px 7vw 32px;
		border-radius: 20px;
		background:rgb(209 212 211 / 44%);
	}

	.lp_html #sec04 .ss_wrap{
	}

	.lp_html #sec04 .mente_wrap{
		padding: 0 4vw 0;
	}

	.lp_html #sec04 .ws_wrap ul{
		width: 75vw;
		margin: 0 auto;	}
	.lp_html #sec04 .ws_wrap_ef ul{
		width: 60vw;
		margin: 0 auto;	
	}

	.lp_html #sec04 .ws_wrap ul > li{
		position:relative;
		width: 100%;
		margin: 0 0 40px;
	}

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

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

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

	.lp_html #sec04 .img_box{
		line-height:0;
	}

	.lp_html #sec04 .ex_txt{
		display:inline-block;
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.4rem;
		line-height: 150%;
		color: #000;
		margin: 7px 0 0 0;
		text-align: left;
		width: 100%;
	}
	
	.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;
		margin: 0 0 80px;
		color: #fff;
		background: #140a9a;
		line-height: 1;
		padding: 9px 0 14px;
	}

	.lp_html #sec04 .ttl_wrap{
		width: 90vw;
		margin: 0 auto 50px;
	}

	.lp_html #sec04 .ttl_wrap h3 {
		display: block;
		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;
		padding: 3px 90px 8px;
		position:relative;
	}

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

	.lp_html #sec04 .ttl_wrap p {
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 400;
		font-size: 1.5rem;
		color: #000;
		line-height: 1.6 !important;
		padding: 11px 0 0 !important;
	}

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

	.lp_html #sec04 .fanc04_wrap .ttl_wrap h3 {
		padding: 3px 20px 8px;
	}
	.lp_html #sec04 .fanc05_wrap .ttl_wrap h3 {
		padding: 3px 10px 8px;
		letter-spacing: 0.1rem;
	}

	.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;
		line-height: 1.4;
		padding: 16px 0 0;
		bottom: revert-layer;
	}


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

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

	.lp_html #sec04 li:last-child .cap_txt2{
		bottom: -35px;
	}

	.lp_html #sec04 .cap_txt3{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 1.6rem;
		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: 0 0 0 1em;
		width: 77vw;
		margin: 0 auto;
	}

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

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

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

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

	.lp_html #sec04 .fanc04_wrap .img_w_wrap{
		position:relative;
		margin: 0 -15vw;
	}


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

	.lp_html #sec04 .fanc02_wrap:before{
		content: "";
		display: block;
		width: 100%;
		height: 456px;
		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: 0 0 10px;
		position: relative;
		width: 90vw;
		border-bottom: 1px solid #e1e1e1;
		margin: 0 auto 10px;
	}

	.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 30px;
		width: 90vw;
		margin:0  auto;
	}

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

	.lp_html #sec04 .fanc05_wrap h4{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 2.4rem;
		letter-spacing: 0rem;
		text-align: center;
		color: #000;
		line-height: 1.4;
		padding: 0 0 10px;
		margin: 0 0 32px;
		border-bottom: 1px solid #ccc;
	}

	.lp_html #sec04 h5{
		font-family: 'Noto Sans Japanese', sans-serif;
		font-weight: 500;
		font-size: 2.0rem;
		text-align: center;
		letter-spacing: 0rem;
		line-height: 1.4;
		margin: 0 0 24px;
		color: #fff;
		background: #140a9a;
		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;
		background: none;
		margin: 0;
		line-height: 1.4;
		padding: 10px 0 10px;
		position:relative;
	}

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

	.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 20px;
		position: relative;
		width: 90vw;
		margin: 0 auto;
	}
	
	.lp_html #sec04 .vr_sec {
		width: 100%;
		height:300px;
		background: url("/lp/-/media/kcsj/lp/3D-construction/PC200i-12/img/sec04_03_vrbg_sp.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 .btn_wrap{
		width: 300px;
		margin:80px auto 0;
		position: relative;
		z-index:10;
	}

	.lp_html #sec04 .fanc02_wrap .btn_wrap{
		margin: -33px auto 120px;
	}
	.lp_html #sec04 .fanc03_wrap .btn_wrap{
		margin: 10px auto 0;
	}
	.lp_html #sec04 .fanc04_wrap .btn_wrap{
		margin: -50px auto 50px;
	}

	.lp_html #sec04 .fanc05_wrap .btn_wrap{
		width: 340px;
		margin: -60px 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.6rem;
		letter-spacing: 0rem;
		line-height: 1;
		text-align:center;
		padding: 13px 16px 16px 0;
		border-radius: 30px;
		position:relative;
	}

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


	.lp_html #sec04 .btn_wrap_b{
		width: 300px;
		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.6rem;
		letter-spacing: 0rem;
		line-height: 1;
		text-align:center;
		padding: 12px 16px 14px 0;
		border-radius: 30px;
		position: relative;
	}

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

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

	.lp_html #sec04 .swaip_nav_next{
		display:none;
	}

	.lp_html #sec04 .swaip_nav_prev{
		display:none;
	}
	
	.lp_html .vr_wrap{
		position:relative;
	}
	
	.lp_html .vr_wrap img{
		width:auto;
	}
	
	
	/* ============================================================
	 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: 1.9rem;
		letter-spacing: 0.2rem;
		text-align:center;
		color: #fff;
		background: #140a9a;
		line-height: 1.6;
		padding: 0 10vw;
	}
	
	/* ============================================================
 	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: 40%;
		left: 50%;
		transform:translate(-50%, -50%);
		opacity:0;
		width:94vw;
		transition: all 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
	}

	#modal_win iframe{
		width:calc(94vw);
		height:calc(94vw*315/560);
	}


	#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.6rem;
		line-height: 1.6;
		padding: 0 0 26px;
		text-align:center;
		color:#fff;
		position: relative;
		font-feature-settings: 'palt';
	}
	
	#modal_win ul > li{
		position:fixed;
		top: 14px;
		right: 14px;
	}
	#modal_win a.xClose{
		display:block;
		font-family: 'Noto Sans JP', sans-serif;
		font-weight:500;
		font-size: 1.5rem;
		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;
	}

	
}