/*  product
=============================================== */

#product .box { width:980px; margin:auto; }
#product .ttl { margin-bottom:0.7em; font-size:200%; }
#pl-txt { margin-bottom:1.5em; line-height:130%; }

.pl-chpt { padding-bottom:40px; text-align:left; }
.pl-chpt .subttl { margin-bottom:0.5em; font-size:150%; line-height:130%; }
.pl-chpt .txt { line-height:170%; }

.pl-btn { display:inline-block; margin-top:1.0em; }
.pl-btn a { position:relative; display:block; width:100%; height:100%; padding:0.7em 2.5em; box-sizing:border-box; border-radius:7px; text-decoration:none; /* hover */ transition:opacity 0.2s ease-out; }
@media (hover: hover) { .pl-btn a:hover { opacity:0.5; text-decoration:none; } }
.pl-btn a { background-color:#e5edff; border:var(--cl-blue) 2px solid; }
.pl-btn a::after { position:absolute; display:inline-block; content:""; top:calc(50% - 8px); right:8px; width:10px; height:16px; background-position:center center; background-repeat:no-repeat; background-size:100% auto; }
.pl-btn a::after { background-image:url(../img2024/category/pdf_arrow1.png); }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#product .box { width:auto; padding:0 20px; }
#product .ttl { font-size:140%; }
#pl-txt { font-size:90%; }

.pl-chpt .subttl { font-size:120%; }
.pl-chpt .txt { font-size:90%; }
.pl-btn { font-size:90%; }

}

/* about
-------------------------------- */

#about #container { background-image:none; }
#about #product { padding-top:140px; }
#about .pl-chpt .txt a { color:var(--cl-black); }
@media (hover: hover) { #about .pl-chpt .txt a:hover { text-decoration:none; } }

/* ---- Media Queries ---- */

@media all and (max-width: 767px) {

#about #product { padding-top:80px; }

}

/*eof*/