@charset "utf-8";
/* CSS Document */

html,body {
scroll-behavior: smooth;
}

*{
box-sizing: border-box;
}

/* 看板スタイル*/
  .fs-l-main {
    max-width: 100%;
    margin-top: 0;
    padding: 0;
}
h1.fs-c-heading.fs-c-heading--page {
    display: none;
}
.mainVisual .mainVisual__inner img {
    margin: 0 auto;
}
.mainVisual {
    height: 370px;
}

@media screen and (max-width: 768px) {
.mainVisual {
    height: auto;
    margin-bottom: 20px
}
}
/* 看板スタイル end*/

.pdss_wrap{
width:100%;

margin:0 auto;
font-size:16px;
letter-spacing: 0.12em;
}
.pdss_wrap ul,.pdss_wrap ul li{
padding:0;
margin:0;
list-style: none;
}


.pdss_block_01{
margin:80px 0 0 0;
}
.pdss_block_01 ul{

}
.pdss_block_01 ul li{
text-align: center;
}
.pdss_block_01 ul li:nth-of-type(1) img{
width: 100%;
max-width: 450px;
}
.pdss_block_01 ul li:nth-of-type(2){
margin:40px 0 0 0;
line-height: 2;
}
.pdss_block_01 ul li:nth-of-type(3){
margin:20px auto 0 auto;
text-align: center;
}
.pdss_block_01 ul li:nth-of-type(3) img{
width: 100%;
max-width: 500px;
}
.pdss_block_01 ul li:nth-of-type(3) a{
display: flex;
flex-direction: column;
text-align: center;
align-items: center;
text-decoration: none;
color:#0000ff;
}
.pdss_block_01 ul li:nth-of-type(3) a span{
font-size: 14px;
display: block;
}

.pdss_block_02{
width: 100%;
max-width: 100%;
margin: 40px auto 0 auto;
}
.pdss_block_02 ul{
    display: flex;
	flex-direction: row;
	flex-wrap: wrap;
    justify-content: space-between;
}
.pdss_block_02 ul li{
    width: 25%;
    background: #eee;
    position: relative;
    overflow: hidden;
}
.pdss_block_02 ul li::before{
    content: "";
    padding-top: 100%;
    display: block;
}
.pdss_block_02 ul li p{
    position: absolute;
    top: 0;
    left: 0;
    padding: 0px;
    margin: 0;
	width: 100%;
	height: 100%;
}
.pdss_block_02 ul li p a{
display: block;
width: 100%;
height:100%;
align-items: center;
text-indent: -9999px;
}
.pdss_block_02 ul li:nth-of-type(1) p a{
background: url(https://edinter.itembox.design/item/lp/pietro_set/img/page_bt01s.jpg) ;
background-size: cover;
background-position: bottom center;
}
.pdss_block_02 ul li:nth-of-type(1) p a:hover{
background-position: top center;
}
.pdss_block_02 ul li:nth-of-type(2) p a{
background: url(https://edinter.itembox.design/item/lp/pietro_set/img/page_bt02s.jpg) ;
background-size: cover;
background-position: bottom center;
}
.pdss_block_02 ul li:nth-of-type(2) p a:hover{
background-position: top center;
}
.pdss_block_02 ul li:nth-of-type(3) p a{
background: url(https://edinter.itembox.design/item/lp/pietro_set/img/page_bt03s.jpg) ;
background-size: cover;
background-position: bottom center;
}
.pdss_block_02 ul li:nth-of-type(3) p a:hover{
background-position: top center;
}
.pdss_block_02 ul li:nth-of-type(4) p a{
background: url(https://edinter.itembox.design/item/lp/pietro_set/img/page_bt04s.jpg) ;
background-size: cover;
background-position: bottom center;
}
.pdss_block_02 ul li:nth-of-type(4) p a:hover{
background-position: top center;
}

.pdss_block_03{
width: 100%;
padding:15px 0 80px 0;
background: #e2f4ce;
position: relative;
overflow: hidden;
z-index: 1;
}
.pd_bl3_bgleft{
position: absolute;
    top: 0;
    left: 8vw;
    background: url(https://edinter.itembox.design/item/lp/pietro_set/img/img003.png);
    background-repeat: repeat-y;
    width: 50vw;
    height: 2000px;
    z-index: 2;
    background-size: 15vw;
	animation: 3s fuwafuwa infinite;
}
.pd_bl3_bgright{
position: absolute;
top:0;
right:8vw;
background: url(https://edinter.itembox.design/item/lp/pietro_set/img/img004.png);
background-repeat: repeat-y;
    width: 50vw;
    height: 2000px;
    z-index: 2;
    background-size: 15vw;
	background-position: right top;
	animation: 3s fuwafuwa2 infinite;
}
/* 回転するアニメーション */
@keyframes fuwafuwa {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
}
/* 回転するアニメーション */
@keyframes fuwafuwa2 {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(20px);
  }
}


.pd_bl3_cnt{
position: relative;
z-index: 10;
width: 100%;
margin:80px auto 0 auto;
max-width: 700px;
background: #fff;
padding:0 0 80px 0;
}
.pd_bl3_cnt ul li:nth-of-type(1){
position: absolute;
top:-25px;
left:0;
right:0;
margin:0 auto;
text-align: center;
}
.pd_bl3_cnt ul li:nth-of-type(1) img{
width: 100%;
max-width: 350px;
}
.pd_bl3_cnt ul li:nth-of-type(2){
text-align: center;
padding:80px 0 0 0;
}
.pd_bl3_cnt ul li:nth-of-type(2) img{
width: 100%;
max-width: 300px;
}
.pd_bl3_cnt ul li:nth-of-type(3){
margin: 40px 0 0 0;
    line-height: 2;
	text-align: center;
}
.pd_bl3_cnt ul li:nth-of-type(4){
margin: 40px 0 0 0;
text-align: center;
}
.pd_bl3_cnt ul li:nth-of-type(4) img{
width: 100%;
max-width: 92%;
}
.pd_bl3_cnt ul li:nth-of-type(5){
width: 100%;
text-align: center;
position: relative;
margin:40px 0 0 0;
}
.pd_bl3_cnt ul li:nth-of-type(5) p{
text-align: center;
margin:0 auto;
width: 300px;
}
.pd_bl3_cnt ul li:nth-of-type(5) p a{
display: flex;
    background: #FF4040;
    border: 1px solid #FF4040;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
        font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2rem;
    text-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    justify-content: space-around;
    transition: 0.3s;
	margin: 0 auto;
}

.pd_bl3_cnt ul li:nth-of-type(5) p a:hover
{
background: #fff;
border:1px solid #FF4040;
color:#FF4040;
transition: 0.3s;
}
.pd_bl3_cnt ul li:nth-of-type(5) p a span:nth-of-type(1){
width: 40px;
}
.pd_bl3_cnt ul li:nth-of-type(5) p a span:nth-of-type(2){
background: #fff;
    color: #FF4040;
    border-radius: 50%;
    padding: 10px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    margin: 0 0 0 0;
    transition: 0.3s;
    width: 43px;
}
.pd_bl3_cnt ul li:nth-of-type(5) p a:hover span:nth-of-type(2){
background:#FF4040;
color:#fff;
transition: 0.3s;
}

.buy_bt{
margin:30px auto 0 auto;
}
.buy_bt p{
text-align: center;
margin:0 auto; 
width: 300px;
}
.buy_bt p a{
display: flex;
    background: #FF4040;
    border: 1px solid #FF4040;
    border-radius: 30px;
    text-decoration: none;
    color: #fff;
        font-size: 20px;
    font-weight: bold;
    letter-spacing: 0.2rem;
    text-align: center;
    align-items: center;
    width: 100%;
    height: 60px;
    justify-content: space-around;
    transition: 0.3s;
}

.buy_bt p a:hover
{
background: #fff;
border:1px solid #FF4040;
color:#FF4040;
transition: 0.3s;
}
.buy_bt p a span:nth-of-type(1){
width: 40px;
}
.buy_bt p a span:nth-of-type(2){
background: #fff;
    color: #FF4040;
    border-radius: 50%;
    padding: 10px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    line-height: 1;
    letter-spacing: normal;
    text-transform: none;
    display: inline-block;
    white-space: nowrap;
    word-wrap: normal;
    direction: ltr;
    -webkit-font-feature-settings: 'liga';
    -webkit-font-smoothing: antialiased;
    margin: 0 0 0 0;
    transition: 0.3s;
    width: 43px;
}
.buy_bt p a:hover span:nth-of-type(2){
background:#FF4040;
color:#fff;
transition: 0.3s;
}

.pdss_block_04{
width: 100%;
max-width: 1000px;
margin: 80px auto 0 auto;
padding: 0 0 80px 0;
}
.pdss_block_04 p{
text-align: center;
}
.pdss_block_04 p img{
width:100%;
max-width:450px;
}
.pdss_block_04 ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.pdss_block_04 ul li{
width: 25%;
padding:30px;
}


.pdss_block_05{
width: 100%;
padding: 15px 0 80px 0;
background: #e5d4c6;
position: relative;
overflow: hidden;
z-index: 1;
}
.pd_bl5_cnt{
position: relative;
z-index: 10;
width: 100%;
margin:80px auto 0 auto;
max-width: 700px;
background: #fff;
padding:0 0 0 0;
}
.pd_bl5_cnt ul li:nth-of-type(1){
position: absolute;
top:-25px;
left:0;
right:0;
margin:0 auto;
text-align: center;
}
.pd_bl5_cnt ul li:nth-of-type(1) img{
width: 100%;
max-width: 470px;
}
.pd_bl5_cnt ul li:nth-of-type(2){
text-align: center;
padding:80px 0 0 0;
}
.pd_bl5_cnt ul li:nth-of-type(2) img{
width: 100%;
max-width: 300px;
}
.pdss_block_05 .pd_bl5_under01{
width:100%;
max-width: 700px;
margin: 0 auto;
padding:40px;
background: #fff;
}
.pdss_block_05 .pd_bl5_under01 ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-around;
}
.pdss_block_05 .pd_bl5_under01 ul li{
width: 50%;
}
.pdss_block_05 .pd_bl5_under01 ul li:nth-of-type(1){

}
.pdss_block_05 > .pd_bl5_under01 > ul > li:nth-of-type(2){
padding:0 0 0 20px !important;
}
.pdss_block_05 .pd_bl5_under01 ul li dl{
padding:0;
margin:0;
}
.pdss_block_05 .pd_bl5_under01 ul li dl dt{
padding:0;
margin:0;
}
.pdss_block_05 .pd_bl5_under01 ul li dl dt img{
width:100%;
max-width: 250px;
}
.pdss_block_05 .pd_bl5_under01 ul li dl dd{
padding:0;
margin:20px 0 0 0;
font-size:14px;
line-height: 1.8;
}

.pdss_block_05 .pd_bl5_under02{
width:100%;
max-width: 700px;
margin: 0 auto;
padding:40px;
background: #fff;
}
.pdss_block_05 .pd_bl5_under02 ul{
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content:space-around;
}
.pdss_block_05 .pd_bl5_under02 ul li{
width: 50%;
}

.pdss_block_05 .pd_bl5_under02 ul li:nth-of-type(2){

}
.pdss_block_05 > .pd_bl5_under02 > ul > li:nth-of-type(1){
padding:0 20px 0 0 !important;
}

.pdss_block_05 .pd_bl5_under02 ul li dl{
padding:0;
margin:0;
}
.pdss_block_05 .pd_bl5_under02 ul li dl dt{
padding:0;
margin:0;
}
.pdss_block_05 .pd_bl5_under02 ul li dl dt img{
width:100%;
max-width: 250px;
}
.pdss_block_05 .pd_bl5_under02 ul li dl dd{
padding:0;
margin:20px 0 0 0;
font-size:14px;
line-height: 1.8;
}

.pdss_block_06 {
    width: 100%;
    padding: 15px 0 80px 0;
    background: #e2f4ce;
    position: relative;
    overflow: hidden;
    z-index: 1;
	margin:0 0 0 0;
}
.pd_bl6_bgleft {
    position: absolute;
    top: 0;
    left: 8vw;
    background: url(https://edinter.itembox.design/item/lp/pietro_set/img/img003.png);
    background-repeat: repeat-y;
    width: 50vw;
    height: 2000px;
    z-index: 2;
    background-size: 15vw;
	animation: 3s fuwafuwa2 infinite;
}
.pd_bl6_bgright {
    position: absolute;
    top: 0;
    right: 8vw;
    background: url(https://edinter.itembox.design/item/lp/pietro_set/img/img004.png);
    background-repeat: repeat-y;
    width: 50vw;
    height: 2000px;
    z-index: 2;
    background-size: 15vw;
    background-position: right top;
	animation: 3s fuwafuwa infinite;
}
.pd_bl6_cnt {
    position: relative;
    z-index: 10;
    width: 100%;
    margin: 80px auto 0 auto;
    max-width: 700px;
    background: #fff;
    padding: 0 0 80px 0;
}
.pd_bl6_cnt ul li:nth-of-type(1) {
    position: absolute;
    top: -25px;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.pd_bl6_cnt ul li:nth-of-type(1) img {
    width: 100%;
    max-width: 350px;
}
.pd_bl6_cnt ul li:nth-of-type(2) {
    text-align: center;
    padding: 80px 0 0 0;
}
.pd_bl6_cnt ul li:nth-of-type(2) img {
    width: 100%;
    max-width: 300px;
}
.pd_bl6_cnt ul li:nth-of-type(3) {
    margin: 40px 0 0 0;
    line-height: 2;
    text-align: center;
}
.pd_bl6_cnt ul li:nth-of-type(4){
margin: 40px 0 0 0;
}
.pd_bl6_cnt ul li:nth-of-type(4) dl {
    padding: 0;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-around;
    width: 92%;
}
.pd_bl6_cnt ul li:nth-of-type(4) dl dt{
display: none;
}
.pd_bl6_cnt ul li:nth-of-type(4) dl dd{
padding: 20px;
margin: 0;
width: 50%;
}
.pd_bl6_cnt ul li:nth-of-type(4) dl dd span{
display: block;
font-size:12px;
text-align: center;
}

.pd_pcbr{
display: block;
}
.pds_pcimg{
display: inline-block;
}
.pds_spimg{
display: none;
}



@media (max-width: 768px) {



.pdss_block_01 ul li{
text-align: left;
}
.pdss_block_02 ul li{
    width: 50%;
}
.pdss_block_04 ul li{
width: 50%;
padding:20px;
}

.pd_bl5_cnt ul li:nth-of-type(2) img{
width: 100%;
max-width: 80%;
}
.pdss_block_05 > .pd_bl5_under01 > ul > li:nth-of-type(2){
padding:0 0 0 0px !important;
}

.pdss_block_05 > .pd_bl5_under02 > ul > li:nth-of-type(1){
padding:0 0px 0 0 !important;
}
.pdss_block_05 .pd_bl5_under01 ul{
display: flex;
flex-direction:column;
flex-wrap: wrap;
justify-content:space-around;
}
.pdss_block_05 .pd_bl5_under01 ul li{
width: 100%;
}


.pdss_block_05 .pd_bl5_under01 ul li dl dt{
padding:0;
margin:20px 0 0 0;
text-align: center;
}
.pdss_block_05 .pd_bl5_under01 ul li dl dt img{
width:100%;
max-width: 80%;
}

.pdss_block_05 .pd_bl5_under02 ul li dl dt{
padding:0;
margin:20px 0 0 0;
text-align: center;
}
.pdss_block_05 .pd_bl5_under02 ul li dl dt img{
width:100%;
max-width: 80%;
}


.pdss_block_05 .pd_bl5_under02 ul{
display: flex;
flex-direction:column-reverse;
flex-wrap: wrap;
justify-content:space-around;
}
.pdss_block_05 .pd_bl5_under02 ul li{
width: 100%;
}
.pd_bl5_cnt {
width: 94%;
}
.pdss_block_05 .pd_bl5_under01,
.pdss_block_05 .pd_bl5_under02{
width: 94%;
}
.pd_bl5_cnt ul li:nth-of-type(2){
padding: 30px 0 0 0;
}
.pdss_block_05 .pd_bl5_under01,
.pdss_block_05 .pd_bl5_under02{
padding: 20px;
}
.pd_bl3_cnt{
width:94%;
}
.pd_bl3_cnt ul li:nth-of-type(3) {
    margin: 20px 0 0 0;
    line-height: 2;
    text-align: left;
    padding: 0 20px;
}
.pdss_block_01 ul li:nth-of-type(2){
    margin: 20px 0 0 0;
    text-align: left;
	padding: 0 20px;
}
.pd_bl3_cnt ul li:nth-of-type(4) {
    margin: 20px 0 0 0;
    text-align: center;
}
.pdss_block_01 {
    margin: 20px 0 0 0;
	text-align: center;
}

.pdss_block_01 ul li{
text-align: center;
}
.pdss_block_01 ul li:nth-of-type(1) img {
    width: 70%;
    max-width: 450px;
}
.pd_bl3_bgleft,
.pd_bl3_bgright,
.pd_bl6_bgleft,
.pd_bl6_bgright{
display: none;
}
.pd_pcbr{
display: none;
}
.pds_pcimg{
display: none;
}
.pds_spimg{
display: inline-block;
}
.pd_bl6_cnt ul li:nth-of-type(4) dl {
display: block;
}
.pd_bl6_cnt ul li:nth-of-type(4) dl dd{
padding: 20px 0;
margin: 0;
width: 100%;
}
.pd_bl6_cnt {
width: 94%;
}
.pd_bl6_cnt ul li:nth-of-type(3){
text-align: left;
padding: 0 20px;
}
.pdss_block_03,
.pdss_block_05,
.pdss_block_04{
padding-bottom:60px;
}
.pdss_block_04,
.pd_bl5_cnt{
margin-top:60px;
}
.pd_bl3_cnt,
.pdss_block_06 {
padding-top:0;
}
}