header,
footer,
.topscroll { display: none !important; }
body { padding-top: 0; }

main { position: relative; }
p { line-height: 2.1; font-size: 13px; letter-spacing: .18em; font-weight: bold; }
.container-fluid { max-width: 980px; }
/* main .dummy { position: absolute; left: 0; top: 0; z-index: -1; opacity: .3; } */
#firstView { position: relative; height: 60.5vw; padding-top: 9.1vw; text-align: center; z-index: 1; }
#firstView .img-left { position: absolute; left: 0; top: 0; width: 36%; }
#firstView .img-right { position: absolute; right: 0; top: 0; width: 39.6%; }
#firstView .img-center { position: absolute; right: 0; left: 0; margin: 0 auto; bottom: 0; width: 62%; }
#firstView .logo { position: relative; margin-bottom: 2vw; }
#firstView .logo .img1 { margin-right: 1vw; width: 26.8%; }
#firstView .logo .img2 { position: absolute; right: 16.4vw; top: 16.4vw; width: 19.14%; }
#firstView p { font-size: 1.08vw; line-height: 1.8; letter-spacing: .01em; text-shadow: 0px 0px 5px rgb(255 255 255 / 80%); position: relative; z-index: 1; }
#secondView { position: relative; padding-bottom: 100px; }
#secondView:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 15%; background-color: rgba(255, 255, 255, 0); background-image: radial-gradient(#ffdb4f 20%, transparent 20%), radial-gradient(#ffdb4f 20%, transparent 20%); background-size: 15px 15px; background-position: 0 0, 7.5px 7.5px; z-index: -1;}
#secondView:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 15%; background-color: rgba(255, 255, 255, 0); background-image: radial-gradient(#ffdb4f 20%, transparent 20%), radial-gradient(#ffdb4f 20%, transparent 20%); background-size: 15px 15px; background-position: 0 0, 7.5px 7.5px; z-index: -1;}
#secondView .bg-white { padding: 50px 0 0; text-align: center;  }
#secondView .logo { margin-bottom: 25px; }
#secondView h2 { margin-bottom: 30px; }
#secondView .border-blocks { width: 80%; margin: 45px auto 0; background: #26a3d6; border: 2px solid #000; border-radius: 2em; position: relative; right: -10px; }
#secondView .border-blocks .wrapper { background: #e78122; border: 2px solid #000; border-radius: 2em; position: relative; right: 10px; bottom: 10px; padding: 10px; }
#secondView .border-blocks .wrapper .wrap { background: #fff; border: 2px solid #000; border-radius: 2em; padding: 60px 65px 50px; }
#secondView .border-blocks h3 { margin-bottom: 15px; }
#secondView .bg-blue { background: #20aee5; position: absolute; left: 0; bottom: 0; width: 100%; height: 30%; z-index: -2; }
#thirdView { position: relative; padding: 70px 0; text-align: center; }
#thirdView:before { content: ""; position: absolute; left: 0; top: 0; height: 100%; width: 15%; background-color: rgba(255, 255, 255, 0); background-image: radial-gradient(#ffdb4f 20%, transparent 20%), radial-gradient(#ffdb4f 20%, transparent 20%); background-size: 15px 15px; background-position: 0 0, 7.5px 7.5px; z-index: -1;}
#thirdView:after { content: ""; position: absolute; right: 0; top: 0; height: 100%; width: 15%; background-color: rgba(255, 255, 255, 0); background-image: radial-gradient(#ffdb4f 20%, transparent 20%), radial-gradient(#ffdb4f 20%, transparent 20%); background-size: 15px 15px; background-position: 0 0, 7.5px 7.5px; z-index: -1;}
#thirdView .contents { padding: 70px 0 60px; }
#thirdView .contents h2 { margin-bottom: 20px; }
#map iframe { display: block; width: 100%; height: 360px; }
#last { background: #0e0000; padding: 90px 0; color: #fff; }
#last .container-fluid { max-width: 680px; }
#last ul { display: flex; flex-wrap: wrap; }
#last ul > li:nth-child(1) { width: 43%; border-right: 1px solid #fff; }
#last ul > li:nth-child(2) { width: 57%; padding-left: 7%; }
#last h3 { margin-bottom: 15px; font-size: 14px; letter-spacing: .25em; }
#last p { font-size: 12px; letter-spacing: .07em; line-height: 2; font-weight: normal; }
@media (min-width: 768px) {
	.sp { display: none; }
}
@media (max-width: 767px) {
	.pc { display: none; }
	.fixed-btn { position: fixed; right: 15px; bottom: 15px; width: 130px; height: 130px; display: block; z-index: 999; }
	#firstView { height: auto; padding: 60px 15px 80px; }
	#firstView .img-left { left: -20%; width: 45%; }
	#firstView .img-right{ right: -20%; width: 50%; }
	#firstView .img-center { width: 100%; }
	#firstView .logo { margin-bottom: 20px; }
	#firstView .logo .img1 { width: 40%; }
	#firstView .logo .img2 { display: none; }
	#firstView p { display: inline-block; background: rgba(255,255,255,.5); padding: 15px; border-radius: 1em; font-size: 13px; }
	#secondView .border-blocks { width: 100%; }
}
@media (max-width: 575px) {
	#firstView { padding-bottom: 40px; }
	#secondView { padding-bottom: 50px; }
	#secondView .logo img { width: 140px; }
	#secondView .border-blocks .wrapper .wrap { padding: 35px 20px 25px; }
	#thirdView { padding: 40px 0; }
	#thirdView .btn img { height: 42px; }
	#thirdView .contents { padding: 40px 0 30px; }
	#last { padding: 50px 0 170px; }
	#last ul > li { width: 100%!important; border: none; border-bottom: 1px solid #fff; }
	#last ul > li:nth-child(1) { border-right: none; padding-bottom: 30px; margin-bottom: 30px; }
	#last ul > li:nth-child(2) { padding-left: 0; border: none; }
}