@media only screen and (min-width : 501px) {
body {
background: url("images/pc_bg.jpg") no-repeat top center;
background-size: cover;
background-attachment: fixed;
}
}
main{
background: #000;
color: #fff;
}
.main-kv{
width: 100%;
position: relative;
padding: 0 6.5%;
}
.main-ttl{
padding: 40% 0 20%;
}
.main-kv p{
text-align: center;
font-size: clamp(12px, 4vw, 20px);
padding: 0 0 15%;
}
.prof-box{
padding: 0 6.5% 5%;
position: relative;
}
.prof-box-ttl{
position: absolute;
width: 100%;
left: 0;
top: 4%;
text-align: center;
font-family: "Poppins", sans-serif;
font-weight: 500;
font-size: clamp(12px, 3.72vw, 18px);
}
.prof-box-name{
position: absolute;
left: 10.5%;
bottom: 3%;
font-weight: 700;
font-size: clamp(12px, 5.7vw, 28px);
}
.prof-box-name span{
font-weight: 700;
font-size: clamp(12px, 4vw, 20px);
}
.prof-box-name p{
font-size: clamp(12px, 3.44vw, 17px);
color: #c4c4c4;
font-weight: 400;
}
.prof-text{
text-align: center;
font-size: clamp(12px, 3.72vw, 18px);
}
.sub-block{
padding: 0 6.5%;
}
.pins-box{
display: flex;
justify-content: space-between;
}
.pins-once{
width: 30%;
}
.parts-ttl{
font-family: "Poppins", sans-serif;
font-weight: 400;
font-size: clamp(12px, 3.44vw, 17px);
}
.memories-box{
background: #1c1c1e;
border-radius: 3.2vw;
padding: 6% 4%;
display: flex;
justify-content: space-between;
}
.memories-once{
width: 22%
}
.sec01,
.sec02,
.sec03{
padding: 0 6.5%;
}
.acount-box{
display: flex;
margin: 0 0 3%;
}
.acount-av{
width: 14%;
flex-shrink: 0;
}
.acount-name{
color: #9999;
font-size: clamp(12px, 3.44vw, 17px);
display: flex;
align-items: flex-end;
}
.push-icon-box{}
.push-icon-box img{
width: 14%;
margin: 0 2% 0 0;
}
.talk-block-ttl{
font-weight: 700;
font-size: clamp(12px, 6.25vw, 30px);
}
.talk-block{
overflow: hidden;
}
.talk-block dt{
clear: both;
float: left;
width: 14%;
}
.talk-block dd{
padding: 0 0 0 17%;
font-size: clamp(12px, 3.44vw, 17px);
}
.talk-block dd p span{
color: #fff;
font-size: clamp(12px, 3.2vw, 16px);
padding: 0 4% 0 0;
}
.talk-block dd p{
color: #999;
font-size: clamp(12px, 3.2vw, 16px);
margin: 0 0 3%;
}



@media only screen and (min-width : 501px) {
.memories-box{
border-radius: 26px;
}
}