@charset "utf-8";
/* CSS Document */
.novelty_wrap {max-width: 900px;text-align:justify;}
.novelty_wrap h2,.novelty_wrap h3,.novelty{background:none!important;text-decoration:none;text-align:center;margin:0;padding:0;}
.novelty_wrap h2{font-size:34px;}
.novelty_wrap h3{font-weight:bold; font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.novelty_wrap h3::after{display:none;}

#sec1,#sec2 {
    background-color: #F5F5EF;
    padding: 40px;
    margin-bottom: 80px;
    background-blend-mode: color;
    border-radius: 10px;
}

#sec1 ul li,#sec2 ul li {
    list-style: none;
}

#sec2 li>.icon,h3 {
    display: flex;justify-content: center;
}

#sec2 li:nth-child(1) h3 {margin-top: -10px;}
#sec2 li:nth-child(2) h3 {margin-bottom: 30px;}

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

.novelty_wrap h2 img,.novelty_wrap h3>img,.noveltyimg{width:70%;}
.novelty_wrap h3{font-size:32px;margin-bottom: 10px;}
.novelty_wrap p{font-size:20px;line-height:1.7;}

#sec1 li {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    overflow: hidden;
}
#sec1 li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

#sec1 li:nth-child(odd) {
    flex-direction: row-reverse;
}

#sec1 li div {
    width: 410px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
#sec1 li div p {
    padding: 0 20px;
}
#sec1>p,#sec2>p {
    margin: 8px auto; text-align: center;
}

#sec2 ul {
    display: flex;
    justify-content: space-between;
    margin: 0;
}

#sec2 ul li {
    width: calc(50% - 10px);
    padding: 50px;
    margin:20px 30px 0 0;
    background-color: rgba(255,255,255,0.7);
    border-radius: 50%; 
}


#sec2 li:nth-child(1) img {width: 70px;height: auto;object-fit: cover;margin-top: -45px; margin-bottom: 10px;}
#sec2 li:nth-child(2) img {width: 60px;height: auto;object-fit: cover;margin-top: -40px; margin-bottom: 20px;}
}

@media screen and (max-width:767px){
.novelty_wrap .special-intro{padding:0 10px;}
.novelty_wrap h3{font-size:26px;font-weight:bold; font-family:YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";}
.novelty_wrap p{font-size:18px;margin:20px auto;text-align:center;}

#sec1,#sec2>div{padding:20px 15px;margin-bottom:60px;border-radius:0;}
#sec1 li{display:block;margin:20px 0 0;}
#sec1 li{width:100%;padding:10px;}
#sec1 li img{border-radius:5px;}
#sec1 li div {width:100%;}

#sec1 ul li {
    display: flex;
    flex-flow: column;
    margin-top: 40px;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px;
    overflow: hidden;
}

#sec2 ul li {
    display: flex;
    flex-direction: column;
    background-color: rgba(255,255,255,0.7);
    border-radius: 5px; 
    padding: 20px;
    margin: 20px 0 20px 0;
}


#sec2 li:nth-child(1) img {width: 70px;height: auto;object-fit: cover;}
#sec2 li:nth-child(2) img {width: 60px;height: auto;object-fit: cover;}

}