
@media screen and (min-width: 1100px){

html{	
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-y:scroll;
font-size: 100%;
}

body{	
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}



#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
z-index: 100;
}

#loader {
display: none;
position: fixed;
top: 48%;
left: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
text-align: center;
color: #000;
z-index: 101;
}

#loader p {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 11px;
letter-spacing:3px;
text-decoration: none;
color: #000;
}





#wrap {
width:100%;
height: auto;
margin:0;
padding: 0;
}

#section_a {
width: 1080px;
height: 90vh;
margin: 0 auto;
background: url("../img/lpf_web_scr.png") no-repeat right 50% bottom 10%;
}

#bg-video {
position: fixed;
top: 0;
right: 0;
left: 0;
bottom: 0;
width: 100%;
height: auto;
z-index: -100;
background: url("../img/lpf_fv_at1.jpg") no-repeat;
background-size: cover;
}



#header {
width: 1080px;
height: 28px;
margin: 30px auto;
z-index: 3;
}

.fv_rogo_btn {
width: 190px;
height: 28px;
float: left;
}

.fv_rogo_btn a {
display: block;
width: 190px;
height: 28px;
background-image: url("../img/lpf_rogo.svg");
background-repeat: no-repeat;
background-position: left center;
}





ul {
list-style: none;
}
	
#navTgl {
display: none;
}

label {
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
}

.open {
z-index: 10;
width: 60px;
height: 48px;
transition: background .5s, transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before,
.open::after {
content: "";
}
.open span,
.open::before,
.open::after {
content: "";
position: absolute;
top: calc(85% - 1px);
left: 0%;
width: 40%;
border-bottom: 2px solid #000;
transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before {
transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
z-index: 9;
width: 100%;
height: 100%;
pointer-events: none;
transition: background .5s;
}
#navTgl:checked + .open span {
transform: scaleX(0);
}
#navTgl:checked + .open::before {
transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl:checked ~ .close {
background: rgba(0,0,0,.7);
}



.menu {
z-index: 9;
position: fixed;
overflow: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 5%;
margin: 0;
box-sizing: border-box;
transform: translateX(-100%);
transition: transform .5s cubic-bezier(0.33, 1.01, 0.33, 0.97);
}
.menu a {
color: white;
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: medium;
letter-spacing:0.2rem;
}
.menu ul {
padding: 0;
text-align: center;
width: 240px;
margin: 0 auto;
}
.menu li {
font-size: 0.8rem;
line-height: 1.5;
}
.menu a {
display: block;
padding: 1rem;
text-decoration: inherit;
transition: background .5s;
}

.menu li:hover {
opacity: 0.4;
}

#navTgl:checked ~ .menu {
transform: none;
}





.fv_text_ca {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 2rem;
text-align: left;
color: #000000;
padding: 60px 0px 0px 0px; 
line-height: 54px;
letter-spacing:5px;
}

.text_bo_box {
width: 450px;
height: auto;
}

.text_bo {
width: 450px;
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.8rem;
text-align: left;
color: #000000;
padding: 20px 0px 0px 0px; 
line-height: 34px;
letter-spacing:1px;
text-align:justify;
}





#section_b {
width: 100%;
height: 800px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.conc_box {
width:1080px;
height: 500px;
margin: 0px auto;
padding: 130px 0px 0px 0px;
background: url("../img/lpf_fv_co02.jpg") no-repeat;
background-position: right 0% bottom 0%;
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.conc_text_ca {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: medium;
font-size: 1.2rem;
text-align: left;
color: #000000;
padding: 0; 
line-height: 44px;
letter-spacing:2px;
}





#section_c {
width: 100%;
height: 800px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.c_de_bg {
width: 100%;
height: 800px;
background-image: url("../img/lpf_fv_co03.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.c_text_r {
width: 280px;
height: 300px;
margin: 0 0 0 70%;
padding-top: 250px;
text-align: left;
}

.c_text_so {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 0.9rem;
color: #000000;
padding: 0; 
line-height: 40px;
letter-spacing:3px;
}

.c_text_ca {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 1.8rem;
color: #000000;
padding: 0; 
line-height: 40px;
letter-spacing:5px;
}

.c_text_bo {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.75rem;
text-align: left;
color: #000000;
padding: 10px 0px 0px 0px; 
line-height: 30px;
letter-spacing:1px;
text-align:justify;
}



.vm_btn {
width: 280px;
height: 28px;
padding-top: 10px;
margin: 0;
display: block;
text-align: center;
}

.vm_btn a {
background: url("../img/lpf_fv_vm_btn.jpg") no-repeat;
display: block;
margin: 0px auto;
width: 280px;
height: 28px;
opacity:1.0;
}

.vm_btn a:hover {
opacity:0.7;
}





#section_d {
width: 100%;
height: 800px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.c_pu_bg {
width: 100%;
height: 800px;
background-image: url("../img/lpf_fv_co04.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.c_text_l {
width: 280px;
height: 300px;
margin: 0 0 0 10%;
padding-top: 250px;
text-align: left;
}





#section_e {
width: 100%;
height: 800px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.c_ap_bg {
width: 100%;
height: 800px;
background-image: url("../img/lpf_fv_co05.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}



#section_f {
width: 100%;
height: 740px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.topics_box {
width:800px;
height: 400px;
margin: 0px auto;
padding: 150px 0px 0px 0px;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.topics_ov {
width: 800px;
height: 24px;
margin: 0;
padding: 0 0 40px 0;
text-align: left;
display: flex;
clear: both;
}

.topics_ti {
width: 570px;
height: 24px;
margin: 0;
padding: 0 0 0 50px;

font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 1.3rem;
color: #000000;
line-height: 24px;
letter-spacing:5px;
}

.to_vm_btn {
width: 180px;
height: 24px;
padding: 0px;
margin: 0;
float: right;
}

.to_vm_btn a {
background: url("../img/lpf_fv_vm_btn_s.jpg") no-repeat;
margin: 0;
width: 180px;
height: 24px;
opacity:1.0;
float: right;
}

.to_vm_btn a:hover {
opacity:0.7;
}

.text_line {
width:800px;
height: 1px;
}

.text_line_n {
width:800px;
border-top: 1px solid #e6e6e6;
float: left;
}

.topi_box {
width: 750px;
height: 40px;
margin: 0;
padding: 20px 0 60px 50px;
}

.topi_tex {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.75rem;
color: #000000;
line-height: 24px;
letter-spacing: 2px;
}



#footer {
width: 100%;
height: 210px;
background-color: #000;
bottom: 0px;
margin: 0px auto;
}

.foot_box {
width: 1080px;
height: 130px;
margin: 0 auto;
padding-top: 50px;
background: url("../img/lpf_rogo_w.svg") no-repeat;
background-position: right 0% top 50px;
background-size: 180px 23px;
}

.foot_inbox_a {
width: 150px;
height: 130px;
float: left;
}

.foot_tex {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.7rem;
color: #fff;
letter-spacing:0.15rem;
width: 150px;
height: 30px;
line-height: 25px;
margin: 0;
padding:0;
display: inherit;
}

.foot_tex a {
color: inherit;
text-decoration: none;
}

.foot_cc {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 0.6rem;
color: #fff;
letter-spacing: 1px;
float: right;
bottom: 0;
padding-top: 90px;
}





.ptop_btn {
padding: 0;
margin: 0;
}

.ptop {
position: fixed;
display: none;
width: 30px;
height: 30px;
right:35px;
bottom: 45px;
z-index: 300;
}

.ptop:hover{
opacity: 0.5;
}




}

















@media screen and (max-width: 1100px){

html{	
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow-y:scroll;
font-size: 100%;
}

body{	
width: 100%;
height: 100%;
margin: 0;
padding: 0;
}



#loader-bg {
display: none;
position: fixed;
width: 100%;
height: 100%;
top: 0px;
left: 0px;
background: #fff;
z-index: 100;
}

#loader {
display: none;
position: fixed;
top: 48%;
left: 50%;
width: 100px;
height: 100px;
margin-top: -50px;
margin-left: -50px;
text-align: center;
color: #000;
z-index: 101;
}

#loader p {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 11px;
letter-spacing:3px;
text-decoration: none;
color: #000;
}





#wrap {
width:100%;
height: auto;
margin:0;
padding: 0;
overflow: hidden;
}

#section_a {
width: 100%;
height: 90vh;
margin: 0 auto;
background: url("../img/lpf_web_scr.png") no-repeat right 50% bottom 10%;
}

#bg-video{
position: fixed;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
top: 50%;
left: 50%;
-webkit-transform : translate(-50%,-50%);
transform : translate(-50%,-50%);
background: #fff;
background-size: cover;
}



#header {
width: 80%;
height: 28px;
margin: 0px auto;
padding-top: 30px;
z-index: 3;
}

.fv_rogo_btn {
width: 190px;
height: 28px;
float: left;
}

.fv_rogo_btn a {
display: block;
width: 190px;
height: 28px;
background-image: url("../img/lpf_rogo.svg");
background-repeat: no-repeat;
background-position: left center;
}





ul {
list-style: none;
}
	
#navTgl {
display: none;
}

label {
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
}

.open {
z-index: 10;
width: 60px;
height: 48px;
transition: background .5s, transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before,
.open::after {
content: "";
}
.open span,
.open::before,
.open::after {
content: "";
position: absolute;
top: calc(87% - 1px);
left: 20%;
width: 40%;
border-bottom: 2px solid #000;
transition: transform .5s cubic-bezier(0.76, 0.52, 0.29, 1.25);
}
.open::before {
transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
z-index: 9;
width: 100%;
height: 100%;
pointer-events: none;
transition: background .5s;
}
#navTgl:checked + .open span {
transform: scaleX(0);
}
#navTgl:checked + .open::before {
transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl:checked ~ .close {
background: rgba(0,0,0,.7);
}



.menu {
z-index: 9;
position: fixed;
overflow: auto;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 15% 5% 5% 5%;
margin: 0;
box-sizing: border-box;
transform: translateX(-100%);
transition: transform .5s cubic-bezier(0.33, 1.01, 0.33, 0.97);
}
.menu a {
color: white;
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: medium;
letter-spacing:0.2rem;
}
.menu ul {
padding: 0;
text-align: center;
width: 240px;
margin: 0 auto;
}
.menu li {
font-size: 0.8rem;
line-height: 1.5;
}
.menu a {
display: block;
padding: 1rem;
text-decoration: inherit;
transition: background .5s;
}

.menu li:hover {
opacity: 0.4;
}

#navTgl:checked ~ .menu {
transform: none;
}





.fv_text_ca {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 1.4rem;
text-align: left;
color: #000000;
padding: 40px 0px 0px 10%; 
line-height: 40px;
letter-spacing:5px;
}

.text_bo_box {
width: 100%;
height: auto;
}

.text_bo {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.7rem;
text-align: left;
color: #000000;
padding: 3% 10% 0px 10%; 
line-height: 30px;
letter-spacing:1px;
text-align:justify;
}





#section_b {
width: 100%;
height: 680px;
background-color: #fff;
background-size: cover;
z-index: 15;
padding: 0;
}

.conc_box {
width:100%;
height: 680px;
margin: 0px auto;
padding: 0;
background: url("../img/lpf_fv_co02_sp.jpg") no-repeat;
background: cover;
background-position: center center;
transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.conc_text_ca {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.9rem;
text-align: left;
color: #000000;
padding: 17% 10% 0% 10%; 
line-height: 35px;
letter-spacing:1px;
}





#section_c {
width: 100%;
height: 680px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.c_de_bg {
width: 100%;
height: 680px;
background-image: url("../img/lpf_fv_co03_sp.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.c_text_r {
width: 280px;
height: 300px;
margin: 0 auto;
padding-top: 190px;
text-align: left;
}

.c_text_so {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 0.9rem;
color: #000000;
padding: 0; 
line-height: 40px;
letter-spacing:3px;
}

.c_text_ca {
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 1.8rem;
color: #000000;
padding: 0; 
line-height: 40px;
letter-spacing:5px;
}

.c_text_bo {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.7rem;
text-align: left;
color: #000000;
padding: 10px 0px 0px 0px; 
line-height: 30px;
letter-spacing:1px;
text-align:justify;
}



.vm_btn {
width: 280px;
height: 28px;
padding-top: 10px;
margin: 0;
display: block;
text-align: center;
}

.vm_btn a {
background: url("../img/lpf_fv_vm_btn.jpg") no-repeat;
display: block;
margin: 0px auto;
width: 280px;
height: 28px;
opacity:1.0;
}

.vm_btn a:hover {
opacity:0.7;
}





#section_d {
width: 100%;
height: 680px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.c_pu_bg {
width: 100%;
height: 680px;
background-image: url("../img/lpf_fv_co04_sp.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.c_text_l {
width: 280px;
height: 300px;
margin: 0 auto;
padding-top: 190px;
text-align: left;
}





#section_e {
width: 100%;
height: 680px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.c_ap_bg {
width: 100%;
height: 680px;
background-image: url("../img/lpf_fv_co05_sp.jpg");
background-size: cover;
background-repeat: no-repeat;
background-position: center center;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}



#section_f {
width: 100%;
height: 550px;
margin: 0px auto;
padding: 0px;
background-color: #fff;
background-size: cover;
z-index: 15;
}

.topics_box {
width: 80%;
height: auto;
margin: 0px auto;
padding: 100px 0px 0px 0px;

transition: opacity 0.7s;
-moz-transition: opacity 0.7s;
-webkit-transition: opacity 0.7s;
-o-transition: opacity 0.7s;
transition: transform 0.7s;
-moz-transition: transform 0.7s;
-webkit-transition: transform 0.7s;
-o-transition: transform 0.7s;
}

.topics_ov {
width: 100%;
height: 24px;
margin: 0;
padding: 0 0 40px 0;
text-align: left;
display: flex;
clear: both;
}

.topics_ti {
width: 85%;
height: 24px;
margin: 0;
padding: 0;
font-family: 'Barlow', sans-serif;
font-weight: normal;
font-size: 1.3rem;
color: #000000;
line-height: 24px;
letter-spacing:5px;
}

.to_vm_btn {
width: 180px;
height: 24px;
margin-right: 0;
text-align: right;
float: right;
}

.to_vm_btn a {
background: url("../img/lpf_fv_vm_btn_s.jpg") no-repeat;
width: 180px;
height: 24px;
opacity:1.0;
margin-right: 0;
text-align: right;
float: right;
}

.to_vm_btn a:hover {
opacity:0.7;
}

.text_line {
width: 100%;
height: 1px;
}

.text_line_n {
width: 100%;
border-top: 1px solid #e6e6e6;
float: left;
}

.topi_box {
width: 100%;
height: auto;
margin: 0;
padding: 10px 0px;
}

.topi_tex {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.65rem;
color: #000000;
line-height: 24px;
letter-spacing: 2px;
}



#footer {
width: 100%;
height: 280px;
background-color: #000;
margin: 0 auto;
margin-bottom: 0;
padding-bottom: 0;
bottom: 0px;
padding: 0;
}

.foot_box {
width: 80%;
height: 180px;
margin: 0 auto;
padding-top: 50px;
background: url("../img/lpf_rogo_w.svg") no-repeat;
background-position: left 0% bottom 0%;
background-size: 180px 23px;
}

.foot_inbox_a {
width: 150px;
height: 130px;
float: left;
}

.foot_tex {
font-family: "游ゴシック Medium", "Yu Gothic Medium","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","メイリオ",Meiryo, sans-serif;
font-weight: normal;
font-size: 0.6rem;
color: #fff;
letter-spacing:0.15rem;
width: 150px;
height: 30px;
line-height: 25px;
margin: 0;
padding:0;
display: inherit;
}

.foot_tex a {
color: inherit;
text-decoration: none;
}

.foot_cc {
display: none;
}





.ptop_btn {
padding: 0;
margin: 0;
}

.ptop {
position: fixed;
display: none;
width: 30px;
height: 38px;
right:25px;
bottom: 35px;
z-index: 300;
}

.ptop:hover{
opacity: 0.5;
}


}