@charset "utf-8";

.pchide {	display:none; }
.pcbr { display: block; }


#bg_pic {
position: fixed;
z-index: -1;
top: 0;
right:0;
left:0;
bottom:0;
overflow: hidden;
background-image: url("../img/platinum_bg.jpg");
background-repeat: no-repeat;
background-size: 2000px;
background-position: center;
display: none;
}


#londh { padding-top: 64px; }
#londh h1 { text-align: center; background-image: url("../img/platinum_head_bg.jpg"); background-size: 1200px auto; background-position: center; background-repeat: no-repeat; height: 225px; font-weight: 100; font-size: 26px; }
#londh h2 { text-align: center; line-height: 1.5; font-weight: 100; font-size: 38px; padding-bottom: 50px; padding-top: 60px; }
#londh .read { text-align: center; color: #bdcc61; font-size: 26px; font-weight: 100; padding-bottom: 25px; }
#londh .comment { width: 800px; margin: 0 auto ; font-weight: 100; font-size: 15px; line-height: 2; margin-bottom: 70px; }
#londh .parallax-img .simpleParallax { height: 320px; }
#londh .parallax-img img { width: 100%; left: 50%; transform: translateX(-50%); position: absolute; }
#londh .spot { height: 320px; width: 100%; background-image: url("../img/platinum_space_bg.jpg"); background-position: center; background-repeat: no-repeat; background-size: cover; }
#londh .points { padding-top: 80px; margin-bottom: 300px; }
#londh .points .point1 { width: 750px; margin: 0 auto 50px; border: solid 1px #808080; padding: 40px 70px 60px; background-color: rgba(0,0,0,0.70); }
#londh .points .point1 .icon { text-align: center; }
#londh .points .point1 .icon img { width: 115px; height: auto; }
#londh .points .point1 h2 { line-height: 2; font-weight: 100; font-size: 35px; padding: 10px 0 20px 0; margin: 0; }
#londh .points .point1 p { line-height: 2; font-weight: 100; font-size: 16px; }
#londh .points .point1 .gr { text-align: center; padding-top: 50px; }
#londh .points .point1 .gr img { width: 450px; height: auto; }
#londh .effect { width: 750px; margin: 0 auto 50px; border: solid 1px #808080; padding: 50px 70px 0px; background-color: rgba(0,0,0,0.70); }
#londh .effect h2 {}
#londh .effect .read { text-align: left; }
#londh .effect .comment { width: 100%; margin-bottom: 45px; }
#londh .effect .photo { text-align: center; }
#londh .effect .photo img { width: 430px; height: auto; margin-bottom: 80px; }

#londh.qa h1 { text-align: center; background-image: url("../img/platinum_head_bg.jpg"); background-size: 1600px auto; background-position: center; background-repeat: no-repeat; height: 170px; font-weight: 100; font-size: 26px; }
#londh.qa h2 { text-align: center; line-height: 1.5; font-weight: 100; font-size: 38px; padding-bottom: 30px; color: #A4CE17; }
#londh.qa .comment { width: 700px; margin: 0 auto ; font-weight: 100; font-size: 16px; line-height: 2; margin-bottom: 30px; color: #9d9d9d; text-align: center; }
#londh.qa .qa_box { width: 700px; padding-bottom: 30px; margin: 0 auto 0; border: solid 1px #808080;}
#londh.qa .qa_box h3 { padding: 40px 0px 0px 45px; color: #A4CE17; font-weight: normal; font-size: 15px; }
#londh.qa .qa_box ul { padding: 20px 43px 0px 60px; margin: 0;}
#londh.qa .qa_box ul li { list-style: none; padding: 8px 0; margin: 0; font-size: 15px; font-weight: 100; line-height: 1.6; text-indent: -1em; }
#londh.qa .qa_box ul li a { text-decoration: none; }
#londh.qa .qa_box2 { width: 700px; margin: 90px auto 0; }
#londh.qa .qa_box2 h4 { text-align: center; font-weight: normal; font-size: 15px; padding-bottom: 50px; color: #A4CE17; }
#londh.qa dl { padding-left: 80px; padding-right: 50px; }
#londh.qa dl dt { font-size: 15px; color: #fff; font-weight: 100; line-height: 2; }
#londh.qa dl dt::before { content: url("../img/q.svg"); width: 40px; height: 40px; display: block; float: left;margin-left: -40px; padding-right: 10px; }
#londh.qa dl dd { clear: both; font-weight: 100; color: #9d9d9d; margin-bottom: 78px; line-height: 2; }
#londh.qa dl dd::before { content: url("../img/a.svg"); width: 40px; height: 40px; display: block; float: left;margin-left: -40px; padding-right: 10px; }
#londh.qa + #fnav { background-color: transparent; display: block; border: none; }
#londh.qa + #fnav .btn { background-color: #000; display: none; }
#londh.qa + #fnav .scrollup { width: 900px; margin: 0 auto; text-align: right; padding-bottom: 10px; }
#londh.qa + #fnav .scrollup img { width: 60px; height: auto; cursor: pointer; }