@charset "UTF-8";

.service-guide{padding:3% 0 6%;background:#fff;}
.service-guide__inner{width:88%;max-width:980px;margin:0 auto;}
.service-guide__nav{display:grid;grid-template-columns:repeat(3,1fr);gap:3%;margin:5% auto 0;}
.service-guide__link{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;height:105px;border:1px solid #c6c6c6;background:#fff;color:#c6c6c6;text-decoration:none;box-sizing:border-box;transition:.3s;}
.service-guide__link::after{content:"";position:absolute;left:50%;bottom:-14px;width:0;height:0;border-left:16px solid transparent;border-right:16px solid transparent;border-top:14px solid #c6c6c6;transform:translateX(-50%);transition:.3s;}
.service-guide__link:hover,.service-guide__link.is-current{border-color:#3f3e3d;color:#3f3e3d;}
.service-guide__link:hover::after,.service-guide__link.is-current::after{border-top-color:#3f3e3d;}
.service-guide__icon{display:block;width:48px;height:42px;margin:0 0 8px;background:#c6c6c6;transition:.3s;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain;mask-repeat:no-repeat;mask-position:center;mask-size:contain;}
.service-guide__link:hover .service-guide__icon,.service-guide__link.is-current .service-guide__icon{background:#3f3e3d;}
.service-guide__icon--website{-webkit-mask-image:url("../img/common/pc-icon.png");mask-image:url("../img/common/pc-icon.png");}
.service-guide__icon--print{-webkit-mask-image:url("../img/common/pc-icon-2.png");mask-image:url("../img/common/pc-icon-2.png");}
.service-guide__icon--support{-webkit-mask-image:url("../img/common/pc-icon-3.png");mask-image:url("../img/common/pc-icon-3.png");}
.service-guide__label{font-family:"Noto Serif JP",serif;font-size:15px;font-weight:700;letter-spacing:.12em;}
.service-guide__message{width:82%;max-width:820px;margin:9% auto 0;padding:16px 20px;border:1px solid #999;background:#fff;box-sizing:border-box;}
.service-guide__message p{margin:0;font-family:"Noto Serif JP",serif;font-size:18px;line-height:1.8;letter-spacing:.1em;color:#302c29;text-align:center;}

.maintenance{background:#fff;}
.maintenance__inner{width:82%;max-width:980px;margin:0 auto;padding:18px 0 4%;border-radius:8px;background:#f7f4f0;overflow:hidden;}
.maintenance__title{display:inline-block;padding:14px 42px;border-radius:0 12px 12px 0;background:#f28b4b;}
.maintenance__title h2{margin:0;color:#fff;font-family:"Noto Sans JP",sans-serif;font-size:18px;font-weight:600;letter-spacing:.16em;}
.maintenance__lead{padding:4% 7% 2%;}
.maintenance__lead h3{margin:0 0 4%;font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:600;line-height:2;letter-spacing:.12em;color:#342f2c;}
.maintenance__lead p{margin:0;font-size:12px;line-height:2.1;letter-spacing:.1em;color: #342f2c;}
.maintenance__services{display:grid;grid-template-columns:repeat(4,1fr);gap:4%;width:86%;margin:0 auto;padding:3% 4%;border:1px solid #7c756f;border-radius:6px;background:#fff;box-sizing:border-box;}
.maintenance__item{text-align:center;}
.maintenance__icon{display:flex;align-items:center;justify-content:center;height:72px;margin:0 0 8%;}
.maintenance__icon img{display:block;max-width:65px;max-height:65px;object-fit:contain;}
.maintenance__item span{display:block;padding:7px 5px;border-radius:6px;background:#564f49;color:#fff;font-size:13px;font-weight:600;letter-spacing:.14em;}
.maintenance__icon--seo img{max-width:90px;max-height:90px;}

@media screen and (max-width:480px){
.service-guide{padding:0 0 14%;}
.service-guide__inner{width:90%;}
.service-guide__nav{grid-template-columns:repeat(3,1fr);gap:3%;margin:10% auto 0;}
.service-guide__link{height:72px;}
.service-guide__link::after{bottom:-10px;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #c6c6c6;}
.service-guide__link:hover::after,.service-guide__link.is-current::after{border-top-color:#3f3e3d;}
.service-guide__icon{width:30px;height:28px;margin:0 0 6px;}
.service-guide__label{font-size:11px;letter-spacing:.04em;}
.service-guide__message{width:100%;margin:14% auto 0;padding:12px;}
.service-guide__message p{font-size:15px;line-height:1.8;letter-spacing:.06em;}
.maintenance{padding:0;margin-bottom: 10%;}
.maintenance__inner{width:90%;padding:14px 0 8%;border-radius:6px;}
.maintenance__title{padding:10px 24px;border-radius:0 10px 10px 0;}
.maintenance__title h2{font-size:16px;letter-spacing:.1em;}
.maintenance__lead{padding:8% 6% 5%;}
.maintenance__lead h3{margin:0 0 6%;font-size:15px;line-height:1.8;letter-spacing:.08em;}
.maintenance__lead p{font-size:12px;line-height:2;letter-spacing:.05em;}
.maintenance__services{grid-template-columns:repeat(2,1fr);gap:8% 6%;width:88%;padding:7% 5%;}
.maintenance__icon{height:56px;margin:0 0 10px;}
.maintenance__icon img{max-width:52px;max-height:52px;}
.maintenance__icon--seo img{max-width:70px;max-height:70px;}
.maintenance__item span{padding:7px 4px;font-size:11px;letter-spacing:.08em;}
}


.homepage-production__list{display:grid;grid-template-columns:repeat(2,1fr);gap:3%;width:86%;margin:2% auto 0;}
.homepage-production__card{position:relative;padding:7% 5% 5%;border-radius:8px;background:#fff;box-sizing:border-box;}
.homepage-production__card::before,.homepage-production__card::after{content:"";position:absolute;top:20px;width:22px;height:18px;border-top:1px solid #8f8882;}
.homepage-production__card::before{left:18px;border-left:1px solid #8f8882;}
.homepage-production__card::after{right:18px;border-right:1px solid #8f8882;}
.homepage-production__card-title{margin:0 0 8%;font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:600;line-height:1.7;letter-spacing:.12em;color:#302c29;text-align:center;}.homepage-production__image{width:100%;margin:0 0 5%;overflow:hidden;}
.homepage-production__image img{display:block;width:100%;height:210px;object-fit:cover;}
.homepage-production__points{display:flex;flex-direction:column;align-items:flex-start;gap:7px;margin:0 0 6%;padding:0;list-style:none;}
.homepage-production__points li{display:inline-block;padding:4px 12px;border-radius:999px;background:#efefef;font-size:11px;line-height:1.4;letter-spacing:.06em;color:#4c4641;font-weight: 500;}
.homepage-production__text{margin:0;font-size:13px;line-height:2;letter-spacing:.08em;color:#4d4743;}
.homepage-production__button{width:210px;margin:10% auto 0;padding:12px 16px;}

.print-production__services{display:grid;grid-template-columns:repeat(4,1fr);gap:4%;width:86%;margin:0 auto;padding:3% 4%;border:1px solid #7c756f;border-radius:6px;background:#fff;box-sizing:border-box;}
.print-production__item{text-align:center;}
.print-production__icon{display:flex;align-items:center;justify-content:center;height:72px;margin:0 0 8%;}
.print-production__icon img{display:block;max-width:72px;max-height:72px;object-fit:contain;}
.print-production__item span{display:block;padding:4% 3%;border-radius:6px;background:#8d7d71;color:#fff;font-family:"Noto Sans JP",sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;}

.print-works{width:86%;margin:0 auto;padding:4% 0 0;background:#f7f4f0;}
.print-works__card{display:grid;grid-template-columns:54% 42%;gap:4%;margin:0 0 2%;padding:2.5%;border-radius:8px;background:#fff;}
.print-works__content{position:relative;display:flex;flex-direction:column;justify-content:center;padding-left:5%;}
.print-works__content::before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:#7b6552;}
.print-works__heading{display:flex;align-items:center;gap:3%;margin:0 0 5%;}
.print-works__heading img{width:34px;height:34px;object-fit:contain;}
.print-works__heading h3{margin:0;font-family:"Noto Sans JP",sans-serif;font-size:18px;font-weight:700;letter-spacing:.08em;color:#302c29;}
.print-works__text{margin:0;font-size:12px;line-height:2.1;letter-spacing:.08em;color:#4d4743;}
.print-works__images{display:grid;grid-template-columns:repeat(2,1fr);gap:4%;}
.print-works__images img{display:block;width:100%;height:100%;object-fit:contain;}
.print-works__card:last-child{margin-bottom:0;}
.print-works__images--menu img{height:170px;object-fit:contain;}
.print-works__card--full{display:block;}
.print-works__card--full .print-works__content{width:100%;padding-right:5%;}
.print-works__button{display:flex;justify-content:center;margin:5% 0 0;}

@media screen and (max-width:480px){
.homepage-production__list{grid-template-columns:1fr;gap:22px;width:90%;margin:6% auto 0;}
.homepage-production__card{padding:9% 6% 7%;}
.homepage-production__card::before,.homepage-production__card::after{top:14px;width:20px;height:16px;}
.homepage-production__card::before{left:14px;}
.homepage-production__card::after{right:14px;}
.homepage-production__card-title{margin:0 0 8%;font-size:13px;line-height:1.7;letter-spacing:.08em;}
.homepage-production__image{margin:0 0 6%;}
.homepage-production__image img{height:auto;}
.homepage-production__points{gap:6px;margin:0 0 7%;}
.homepage-production__points li{padding:4px 10px;font-size:11px;line-height:1.4;letter-spacing:.04em;font-weight: 500;}
.homepage-production__text{font-size:12px;line-height:1.9;letter-spacing:.05em;}
.homepage-production__button{display:flex;justify-content:center;width:auto;margin:10% auto 0;padding:0;}
.homepage-production__button .more-bottun{min-width:210px;padding:14px 22px;font-size:11px;}

.print-production__services{grid-template-columns:repeat(2,1fr);gap:8% 6%;width:88%;padding:7% 5%;}
.print-production__icon{height:58px;margin:0 0 8%;}
.print-production__icon img{max-width:58px;max-height:58px;}
.print-production__item span{padding:5% 3%;font-size:10px;letter-spacing:.06em;}

.print-works{width:90%;padding:8% 0 0;}
.print-works__card{grid-template-columns:1fr;gap:5%;margin:0 0 6%;padding:5%;}
.print-works__content{padding-left:6%;}
.print-works__heading{margin:0 0 6%;}
.print-works__heading img{width:26px;height:26px;}
.print-works__heading h3{font-size:15px;}
.print-works__text{font-size:12px;line-height:2;}
.print-works__images{grid-template-columns:repeat(2,1fr);gap:3%;margin-top:6%;}
.print-works__images img{height:auto;max-height:180px;}
.print-works__images--menu img{max-height:140px;}
.print-works__card--full .print-works__content{padding-right:0;}
}