.fv{.title-area{.title{&:after{content:"Web Management & Production"}}}.description{p{font-size:clamp(18px,2.6vw,26px)}}.image-area{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:1300px;margin-left:auto;margin-right:auto}}}.about{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;padding-top:clamp(50px,9vw,105px);padding-bottom:20px}.top-title-area{margin-bottom:clamp(25px,4vw,50px);.top-title{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:clamp(5px,1vw,10px);padding:clamp(5px,1vw,10px) .5em;font-size:clamp(30px,4vw,40px)}}.flex-items{display:flex;gap:clamp(20px,3vw,40px)}.flex-item-01{width:calc((100% / 2) - clamp(10px,1.5vw,20px))}.flex-item-02{width:calc((100% / 2) - clamp(10px,1.5vw,20px))}@media screen and (max-width:640px){.flex-items{flex-direction:column}.flex-item-01{width:100%}.flex-item-02{width:100%}}.contents-area-01{margin-bottom:clamp(5px,1vw,10px);.title-area{margin-bottom:clamp(20px,4vw,40px);.title{line-height:1.2;font-size:clamp(32px, 3.6vw, 36px);letter-spacing:clamp(1.5px,0.3vw,2px);.bg{padding:clamp(5px,1vw,10px) clamp(0.5em,1vw,1em);color:var(--base-white-color);display:inline-block}}}.sub-title-area{margin-bottom:clamp(15px,2.5vw,25px);.sub-title{font-size:clamp(20px,3vw,32px);font-weight:600}}}}.base-area{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;padding-top:20px;padding-bottom:110px;border-bottom:1px solid var(--gray-color)}.title-area{margin-bottom:68px;.title{font-size:clamp(30px,4vw,40px);color:var(--primary-color);display:inline-block;font-weight:400;margin-bottom:10px}}.contents-area{.contents-lists{display:flex;justify-content:space-between;gap:clamp(10px,2vw,20px);list-style-type:none;padding-left:0}.contents-list{background-color:#eff3f9;padding:clamp(20px,4vw,40px);h3{background-color:var(--primary-color);color:var(--base-white-color);display:inline-block;padding:.5em 1em;border-radius:10px;width:229px;text-align:center;margin-bottom:16px}}}}.about-graph-area{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;padding-top:20px;padding-bottom:20px}.flex-items{display:flex;justify-content:center;align-items:center;gap:clamp(10px,1.5vw,15px)}.flex-item{width:clamp(100px,18vw,258px)}}.about-attention-area{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;padding-top:clamp(25px,4.5vw,55px);padding-bottom:clamp(35px,6.5vw,75px)}.title-area{text-align:center;margin-bottom:clamp(15px,2.5vw,35px);.title{font-size:clamp(16px,3vw,40px)}}.graph-area{margin-bottom:clamp(10px,1vw,16px);.flex-items{display:flex;justify-content:center;align-items:center;gap:clamp(10px,2vw,30px)}.flex-item{width:clamp(100px,25vw,346px)}}.attention-area{margin-bottom:clamp(10px,2vw,30px);.question{font-size:clamp(16px,3vw,40px);font-weight:600;text-align:center}.answer{font-size:clamp(16px,3vw,40px);color:var(--primary-color);text-align:center;margin-bottom:clamp(10px,2vw,20px);font-weight:600}}}.web-ad-example-area{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;background-color:var(--secondary-bg-color);border-radius:clamp(10px,2vw,20px);padding:clamp(22px,4vw,45px) clamp(25px,4.5vw,50px)}.title-area{text-align:left;margin-bottom:clamp(15px,2.5vw,35px);.title{font-size:clamp(22px,3vw,30px);border-bottom:1px solid var(--primary-color);color:var(--primary-color)}}.contents-area{.flex-items{display:flex;justify-content:space-around;margin-bottom:clamp(5px,1vw,10px);ul{li{font-size:clamp(10px,1.6vw,16px)}}}.flex-item-02{.button-area{.button{background-color:var(--primary-color);color:var(--base-white-color);padding:clamp(10px,1.2vw,12px) clamp(15px,2vw,20px);display:inline-block;text-decoration:none;border-radius:10px;font-weight:600;font-size:clamp(12px,1.6vw,16px)}}}@media screen and (max-width:640px){.flex-items{flex-wrap:wrap;align-items:center}.flex-item-01{width:50%;margin-bottom:clamp(20px,2.5vw,30px);margin-top:clamp(10px,2vw,20px);img{margin-left:auto;margin-right:auto}}.flex-item-02{width:50%}.flex-item-03{width:calc(100% / 3)}.flex-item-04{width:calc(100% / 3)}.flex-item-05{width:calc(100% / 3)}}}}.contact-button-area{.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;padding-top:clamp(45px, 8vw, 90px);padding-bottom:clamp(10px, 2vw, 20px)}}.about-02{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%;padding-top:clamp(40px,12vw,175px);padding-bottom:clamp(20px,3.5vw,40px)}.top-title-area{margin-bottom:clamp(35px,5vw,70px);.top-title{color:var(--primary-color);border:1px solid var(--primary-color);border-radius:clamp(5px,1vw,10px);padding:clamp(5px,1vw,10px) .5em;font-size:clamp(30px,4vw,40px)}}.flex-items{display:flex;gap:clamp(5px,1vw,10px)}.flex-item-01{width:calc((100% / 2) - clamp(2.5px,0.5vw,5px))}.flex-item-02{width:calc((100% / 2) - clamp(2.5px,0.5vw,5px))}@media screen and (max-width:768px){.flex-items{flex-direction:column}.flex-item-01{width:100%}.flex-item-02{width:100%}}.contents-area-01{.title-area{margin-bottom:clamp(2.5px,0.5vw,5px);.title{line-height:1.2;font-size:clamp(26px, 3.6vw, 36px);letter-spacing:clamp(1.5px,0.3vw,2px);.bg{padding:clamp(5px,1vw,10px) clamp(0.5em,1vw,1em);color:var(--base-white-color);display:inline-block}}}.sub-title-area{margin-bottom:clamp(15px,2.5vw,25px);p{line-height:1.8}}}}.service-introduction-area{.container{max-width:var(--container-size);padding-bottom:clamp(12.5px,2vw,25px);border-bottom:0}.title-area{.title{font-size:clamp(30px,3vw,40px);line-height:2;span{background-color:var(--primary-color);color:var(--base-white-color);padding-left:.5em;padding-right:.5em}}}.flex-items{display:flex;justify-content:space-between;flex-wrap:wrap;gap:clamp(15px,2.5vw,30px);list-style-type:none;padding-left:0}.flex-item{width:calc(100% / 2 - clamp(5px,1.5vw,15px))}@media screen and (max-width:768px){.flex-items{flex-direction:column}.flex-item-01{width:100%}.flex-item-02{width:100%}}.flex-item{background-color:var(--secondary-bg-color);border-radius:clamp(10px,2vw,20px);padding:clamp(15px,3vw,30px) clamp(25px,4.5vw,50px);padding-bottom:clamp(10px, 2vw, 20px);.sub-title-area{min-height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--primary-color);margin-bottom:clamp(15px,2.5vw,25px);.sub-title{font-size:clamp(22px,3vw,30px);color:var(--primary-color);text-align:center;padding-bottom:clamp(6px,1vw,12px)}}.sub-description-area{min-height:clamp(65px,8vw,95px);display:flex;flex-direction:column;justify-content:flex-start}.sub-content-area{margin-bottom:clamp(23px,4vw,45px);p{line-height:1.8}.sub-content-lists{list-style:none;padding:clamp(10px,2vw,20px) clamp(15px,3vw,30px);background-color:var(--base-white-color);border-radius:clamp(10px,2vw,20px)}.sub-content-list{position:relative;padding-left:clamp(26px,4vw,45px);margin-bottom:clamp(12px,2vw,23px);&:before{content:"";background:url(//quickfukuoka.com/wp-content/themes/quickfukuoka/assets/css/pages/../../images/icon/check-circle-blue.svg) no-repeat center;background-size:contain;width:clamp(20px,3vw,30px);height:clamp(20px,3vw,30px);position:absolute;left:0;top:4px}p{line-height:1.2}}.sub-content-list:last-child{margin-bottom:0}h4{color:var(--primary-color);font-size:clamp(18px,2vw,20px);text-decoration:underline;margin-bottom:clamp(2px,0.5vw,5px)}}}}.about-03{padding-left:var(--container-padding-left-right);padding-right:var(--container-padding-left-right);.container{max-width:var(--container-size);margin-left:auto;margin-right:auto;height:100%}.top-contents{padding:clamp(17px,3vw,35px) clamp(25px,4.5vw,50px);background-color:var(--secondary-bg-color);border-radius:clamp(10px,2vw,20px)}.flex-items{display:flex;gap:clamp(5px,1.5vw,10px);margin-bottom:clamp(20px,9vw,130px)}.flex-item-01{width:calc(55% - clamp(2.5px,0.5vw,5px))}.flex-item-02{width:calc(45% - clamp(2.5px,0.5vw,5px))}@media screen and (max-width:768px){.flex-items{flex-direction:column}.flex-item-01{width:100%}.flex-item-02{width:100%}}.contents-area-01{.title-area{margin-bottom:clamp(20px,3vw,30px);.title{font-size:clamp(22px,3vw,36px);line-height:1.3;color:var(--primary-color);span{color:var(--primary-color)}}}.sub-title-area{margin-bottom:clamp(15px,2.5vw,25px);p{line-height:1.8}}}.bottom-contents{.title-area{text-align:center;margin-bottom:clamp(10px,2vw,30px);.title{color:var(--primary-color);font-size:clamp(16px,3vw,40px)}}.contents-area{text-align:center}}}.contact-button-area-02{.container{padding-top:clamp(15px, 3vw, 30px);padding-bottom:clamp(100px, 16vw, 210px)}}