@charset "UTF-8";

.second-text p { margin-bottom: 0; }
.top-more { padding: 2.5vw 8vw 2.5vw 0.5vw; font-size: 3.16vw; font-family: futura-pt; letter-spacing: 0.4vw; background: url(../images/arrow01.png) no-repeat center right 0.5vw; background-size: 2vw; border-bottom: 1px solid #b5b4b3; display: table; }

.top-products { position: relative; }
.top-products .deco { position: absolute; top: -52vw; left: -12vw; opacity: 0.4; }
.top-products .deco img { width: 50%; }
.top-products-head { width: 90vw; margin: 0 auto 6vw; }
.top-products-head-comment {margin-bottom: 6vw;font-size: 3.42vw;text-align: justify;text-justify: inter-ideograph;font-feature-settings: "palt";line-height: 1.8;letter-spacing: 0.04em;}

.top-products-items { width: 90vw; margin: auto; counter-reset: number 0; }
.top-products-items li { width: 100%; margin-bottom: 14vw; }
.top-products-item-image { width: 100%; }
.top-products-item-text { margin-top: -11.5vw; z-index: 1; position: relative; }
.second-text p.top-products-item-point { margin-bottom: 4vw; }
.top-products-item-point .title { padding: 1.5vw 1.5vw 1vw; margin: 0 0 2vw auto; font-size: 3.29vw; font-family: var(--mincho); background: #fff; display: table; }
.top-products-item-point .green { margin: 0 0.5vw; color: #2d5d2c; font-size: 3.95vw; font-family: var(--mincho); font-weight: 600; display: inline-block; }
.top-products-item-point .red { margin: 0 0.5vw; color: #b94c36; font-size: 3.95vw; font-family: var(--mincho); font-weight: 600; display: inline-block; }
.top-products-item-point .gray { margin: 0 0.5vw; color: #7a9191; font-size: 3.95vw; font-family: var(--mincho); font-weight: 600; display: inline-block; }
.top-products-item-inner { display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: flex-end; align-items: flex-end; }
.top-products-item-inner:before { content: "" counter(number,decimal-leading-zero) "."; counter-increment: number 1; margin: 0 2vw -1.5vw 0; color: #a5a5a5; font-size: 11.47vw; font-family: goldenbook; }
.top-products-item-title { margin-right: auto; }
.top-products-item-title .jp { font-size: 3.68vw; font-family: var(--mincho); font-weight: 600; display: block; }
.top-products-item-title .en { color: #a5a5a5; font-size: 2.63vw; font-family: futura-pt; letter-spacing: 0.2vw; line-height: 1; display: block; }

/* =============================================
pc-size 
================================================*/
@media screen and (min-width: 736px) {

.top-more { padding: 12px 50px 12px 4px; font-size: 18px; letter-spacing: 2px; background-position: center right 10px; background-size: 12px; transition: all .6s; }
.top-more:hover { background-position: center right; opacity: 1; }

.top-products { width: 90%; max-width: 1200px; margin: 0 auto; padding-bottom: 40px; }
.top-products .deco { top: -280px; left: calc(50% - 720px); }
.top-products-head { width: 90%; margin-bottom: 50px; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; }
.top-products-title { width: 240px; margin-bottom: 25px; }
.top-products-title .en {font-size: 40px;letter-spacing: 4px;}
.top-products-head-comment { width: 740px; margin-bottom: 25px; font-size: 14px; }
.top-about-more { margin-left: auto; }
.top-products-items { width: 90%; }
.top-products-items li { margin-bottom: 60px; }
.top-products-items li .parallax-box { margin-bottom: 30px; }
.top-products-item-text { margin: 0; position: relative; }
.top-products-item-point { margin: 0; z-index: 1; position: absolute; bottom: 10px; right: 25px; }
.top-products-item-point .title { padding: 5px 10px; margin-bottom: 10px; font-size: 18px; }
.top-products-item-point .green, .top-products-item-point .red, .top-products-item-point .gray { margin: 0 4px; font-size: 24px; }
.top-products-item-inner:before { margin: 0 10px -10px 0; font-size: 70px; }
.top-products-item-title .jp { margin-bottom: 5px; font-size: 24px; }
.top-products-item-title .en { font-size: 15px; letter-spacing: 1px; }
}