﻿@media (max-width: 1023px){.c-hd-gray{min-height:111px}}@media only screen and (max-width: 1023px) and (max-width: 350px){.c-hd-gray{font-size:16px}}@media (max-width: 1023px){.usedScene .container{padding:0 24px}}.usedScene-list{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-top:70px}@media (max-width: 1023px){.usedScene-list{padding-top:50px;padding-bottom:10px}}.usedScene-list .item{width:calc(25% - 90px / 4);margin-right:30px;margin-bottom:56px}@media (max-width: 1023px){.usedScene-list .item{width:calc(50% - 8px);margin-right:16px;margin-bottom:32px}.usedScene-list .item:nth-child(2n){margin-right:0}}.usedScene-list .item:nth-child(4n){margin-right:0}.usedScene-list .item__img{width:100%;margin-bottom:19px;overflow:hidden}.usedScene-list .item__img img{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}@media (max-width: 1023px){.usedScene-list .item__img{margin-bottom:9px}}.usedScene-list .item__title{color:#2DC84D;position:relative;font-size:18px;line-height:20px;letter-spacing:.03em;font-weight:bold;padding-left:15px;margin-bottom:10px}@media (max-width: 1023px){.usedScene-list .item__title{font-size:15px;margin-bottom:7px}}.usedScene-list .item__title:before{content:"";width:6px;height:6px;position:absolute;left:0;top:8px;background:#2DC84D}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.usedScene-list .item__title:before{top:4px}}.usedScene-list .item__list li{padding-left:15px;position:relative;font-size:15px;line-height:23px;letter-spacing:.05em}@media (max-width: 1023px){.usedScene-list .item__list li{font-size:14px;line-height:20px;letter-spacing:0}}@media only screen and (max-width: 1023px) and (max-width: 350px){.usedScene-list .item__list li{font-size:11px}}.usedScene-list .item__list li:before{content:"・";position:absolute;left:0;top:0}@media only screen and (min-width: 1025px){.usedScene-list .item:hover .item__img img{transform:scale(1.1)}}.usedScene{padding-bottom:100px}@media (max-width: 1023px){.usedScene{padding-bottom:45px}}.usedScene__link{text-align:center}.usedScene__link a{color:#2DC84D !important;display:inline-block;position:relative;font-size:18px;line-height:21px;font-weight:500;padding:7px 0;padding-right:20px}@media (max-width: 1023px){.usedScene__link a{display:table;margin:auto;font-size:15px}}.usedScene__link a.mt20px{margin-top:20px}@media (max-width: 1023px){.usedScene__link a.mt20px{margin-top:13px}}.usedScene__link a:before{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#2DC84D}.usedScene__link a:after{content:"";position:absolute;right:0;top:1px;bottom:0;width:8px;height:12px;margin:auto;background-position:center;background-repeat:no-repeat;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='6' height='10' viewBox='0 0 6 10'%3E%3Cpath id='Polygon_41' data-name='Polygon 41' d='M5,0l5,6H0Z' transform='translate(6) rotate(90)' fill='%232dc84d'/%3E%3C/svg%3E%0A")}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.usedScene__link a:after{top:0;bottom:6px}}@media only screen and (min-width: 1025px){.usedScene__link a:hover{opacity:0.7}}.usedScene .usedScene-list-btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-justify-content:center;-moz-justify-content:center;-ms-justify-content:center;justify-content:center;margin-top:46px}@media (max-width: 1023px){.usedScene .usedScene-list-btn{margin-top:32px}}.usedScene .usedScene-list-btn .item-btn{width:calc(33.333% - 20px);margin-right:30px;background:#2E2F31;color:#fff;border-radius:40px;text-align:center;font-size:16px;line-height:42px;letter-spacing:.01em;font-weight:500;padding:5px}@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none){.usedScene .usedScene-list-btn .item-btn{padding-top:12px}}@media (max-width: 1023px){.usedScene .usedScene-list-btn .item-btn{width:100%;margin-right:0;margin-bottom:12px;font-size:14px;padding:3px 5px}}.usedScene .usedScene-list-btn .item-btn:nth-child(3n){margin-right:0}.usedScene .usedScene-list-btn .item-btn--planepaper::before{display:inline-block;vertical-align:middle;content:"";left:0;top:-1px;width:18px;height:18px;transition:background-position 0.3s;background:url("../../img/common/icon_planepaper.png") right center no-repeat;background-size:cover;transform:translateY(-2px);margin-right:10px}@media only screen and (min-width: 1025px){.usedScene .usedScene-list-btn .item-btn--planepaper:hover::before{background-position:left center}}.usedScene .usedScene-list-btn .item-btn--paper::before{display:inline-block;vertical-align:middle;content:"";left:0;top:-1px;width:14px;height:18px;transition:background-position 0.3s;background:url("../../img/common/icon_paper.png") right center no-repeat;background-size:cover;transform:translateY(-2px);margin-right:10px}@media only screen and (min-width: 1025px){.usedScene .usedScene-list-btn .item-btn--paper:hover::before{background-position:left center}}.usedScene .usedScene-list-btn .item-btn--product{background:#FC8A15;background:#FC8A15;background-image:-moz-linear-gradient(180deg, #FC8A15 0%, #FC8A15 50%, #D96400 100%);background-image:-webkit-linear-gradient(180deg, #FC8A15 0%, #FC8A15 50%, #D96400 100%);background-image:linear-gradient(180deg, #FC8A15 0%, #FC8A15 50%, #D96400 100%);background-size:100% 200%;background-position:50% 0%;transition:background 0.3s}.usedScene .usedScene-list-btn .item-btn--product::before{display:inline-block;vertical-align:middle;content:"";left:0;top:-1px;width:27px;height:24px;transition:background-position 0.3s;background:url("../../img/common/ico_header-cart.png") right center/59px 24px no-repeat;transform:translateY(-2px);margin-right:10px}@media only screen and (min-width: 1025px){.usedScene .usedScene-list-btn .item-btn--product:hover{background-size:100% 140%;background-position:50% 100%}.usedScene .usedScene-list-btn .item-btn--product:hover::before{background-position:left center}}
