/* CSS Document */

    #htlSide-A {
        top: 650px;
    }

	#p1 { margin-top: 20px; position: relative; z-index: 50; }
	#p1 .mainw { position: relative; text-align: center; z-index: 0; }
	#p1 .mainw .wave1 { position: absolute; left: 0; top: 50px; z-index: -1; }
	#p1 .mainw .wave2 { position: absolute; right: 0; top: 215px; z-index: -1; }

	.iunit .img { width: 105%; overflow: hidden; position: relative; margin-left: -1vw; }
	.iunit .img img { width: 105%; transition: 1s; max-width: 300%; }
	.iunit .img .wave { position: absolute; width: 100%; left: 0; }
	.iunit .img .wave.top { top: -1px; }
	.iunit .img .wave.bt { bottom: -1px; }
	.iunit .img .wave.top img { vertical-align: top; }
	.iunit .img .wave.bt img { vertical-align: bottom; }


/* #p2 */
	#p2 { position: relative; z-index: 40; }
	#p2 .w800 { width: 800px; margin-left: auto; margin-right: auto; position: relative; }
	#p2 .w800 .txtwrap {  }
	#p2 .w800 h3 { width: 363px; margin-bottom: 40px; }
	#p2 .w800 p { width: 390px; margin-bottom: 370px; }
	#p2 .img2_2 { position: absolute; top: 30px; right: 0; }
	#p2 .img2_3 { position: absolute; bottom: -315px; right: 80px; }


/* #p3 */
	#p3 { position: relative; z-index: 30; }
	#p3 .w800 { width: 800px; margin-left: auto; margin-right: auto; margin-top: 45px; position: relative; }
	#p3 .w800 .txtwrap { width: 395px; margin-left: auto; }
	#p3 .w800 h3 { width: 372px; margin-bottom: 40px; }
	#p3 .w800 p { margin-bottom: 325px; }
	#p3 .img3_2 { position: absolute; top: -55px; left: -50px; }
	#p3 .img3_3 { position: absolute; bottom: -285px; left: 151px; }


/* #p4 */
	#p4 { position: relative; z-index: 20; }
	#p4 .w800 { width: 800px; margin-left: auto; margin-right: auto; position: relative; z-index: 40; }
	#p4 .w800 .txtwrap { width: 400px; margin-right: auto; }
	#p4 .w800 h3 { width: 353px; margin-bottom: 40px;}
	#p4 .w800 p { margin-bottom: 390px; }
	#p4 .img4_2 { position: absolute; top: -55px; right: -35px; }
	#p4 .img4_3 { position: absolute; bottom: -265px; left: 370px; }
	#p4 .img4_4 { position: absolute; bottom: -150px; left: -70px; }


/* #p5 */
	#p5 { position: relative; margin-bottom: 35px; }
	#p5 .iunit.cflex { align-items: center; position: relative; z-index: 15; }
	#p5 .p5img { width: calc( 50% - 300px ); margin-right: 50px; }
	#p5 .p5img img { width: 100%; }
	#p5 .p5txt { width: 740px; }
	#p5 .p5txt h3 { width: 376px; margin-bottom: 40px; }
#p5 .p5txt h3 img {
    width: 100%;
}
	#p5 .p5txt table { margin-left: 90px; width: 650px; }
	#p5 .p5txt table tr th , #p5 .p5txt table tr td { position: relative; vertical-align: middle; border-top: 1px solid #0068bd; }
	#p5 .p5txt table tr th { width: 25%; text-align: center; font-weight: normal; }
	#p5 .p5txt table tr td { width: 75%; text-align: left; padding-left: 30px; }

	#p5 .bg_wave { position: absolute; top: -330px; left: 0; width: 100%; }
	#p5 .bg_wave img { width: 100%; max-width: 200%; }
