:where(.first-content, .page-top-about){--fs-title: 24px;--fs-basic: 16px;--fs-small: 14px}@media print,screen and (min-width:656px){:where(.first-content, .page-top-about){--fs-title: 32px;--fs-basic: 20px;--fs-small: 16px}}:where(.first-content, .page-top-about) h2{font-size:var(--fs-title);font-weight:600;margin-block:clamp(20px, 5vw, 55px);text-align:center}:where(.first-content, .page-top-about) .c-font{color:#DE641E}.first-content{background-blend-mode:luminosity;background-color:#FDF2E7;background-image:url("/prod/buddy/wp_pr02L9ntwWV8/wp-content/themes/buddy_2024/assets/img/page-top-about/background_first-content.png");background-size:cover}.first-content__inner{max-width:calc(1024px);margin-inline:auto;padding-inline:28px;display:grid;grid-template-columns:minmax(0, 1fr);justify-content:space-evenly;place-items:end center;row-gap:50px;column-gap:2em}@media print,screen and (min-width:656px){.first-content__inner{display:flex;justify-content:space-between;align-items:center}}.first-content__logotext{flex:0 0 50%;display:grid;place-content:center;padding-inline:28px;margin-block-start:clamp(20px, 7.5vw, 95px);margin-block-end:clamp(20px, 7.5vw, 95px)}.first-content__logotext__inner{display:grid;justify-items:center;grid-template-columns:minmax(0, 1fr);padding-block:10px}.first-content__logotext .svg-caption{margin-block:30px;font-size:32px;font-weight:600}.first-content__logotext .svg_ccj-carepocket{--mb-end: 40px;width:min(100%, 453px);margin-block-end:var(--mb-end);text-align:center}@media print,screen and (min-width:656px){.first-content__logotext .svg_ccj-carepocket{--mb-end: 60px}}.first-content__logotext .button-slidechange{width:min(100%, 230px);aspect-ratio:4.7916666667}.first-content__logotext small{font-size:12px;display:block;margin-block-start:clamp(25px, 7.5vw, 50px)}.first-content__image{flex:1 1 0;max-width:240px;margin-inline:auto}.page-top-about section{max-width:800px;margin-inline:auto;padding-inline:28px}.page-top-about section:not(.function_list){margin-block:100px}.page-top-about section.page-top-about__usage-example{margin-block:100px 0}.page-top-about .background-wave{--wave-h: clamp(1px, calc(100vw - 375px), calc(142 / 1280 * 100vw));font-size:var(--fs-basic);background-color:#FDF2E7;background-clip:content-box;padding-block:var(--wave-h);position:relative}.page-top-about .background-wave::before,.page-top-about .background-wave::after{content:"";display:block;width:100%;height:var(--wave-h);background-color:#FDF2E7;clip-path:url(#svg_img-wave01__clip);position:absolute;z-index:-1}.page-top-about .background-wave::before{top:5px}.page-top-about .background-wave::after{transform:scale(1, -1);bottom:5px}.page-top-about .background-wave small{font-size:var(--fs-small)}.page-top-about :has(> .decobox-border){position:relative;z-index:0}.page-top-about .decobox-border{--color: #DE641E;--round: 10px;--bg-boder-w: 4px;--bg-boder-w2: calc(var(--bg-boder-w) * 2);border:2px solid var(--color);border-radius:var(--round);background-color:#FFFFFF;position:relative}.page-top-about .decobox-border::before{content:"";position:absolute;top:7px;left:8px;z-index:-1;display:block;width:100%;height:100%;border-radius:var(--round);background-image:repeating-linear-gradient(-45deg, transparent, transparent var(--bg-boder-w), var(--color) var(--bg-boder-w), var(--color) var(--bg-boder-w2))}.page-top-about .button-slidechange{width:min(100%, 230px);aspect-ratio:4.7916666667}.function-box{--mb-end: 30px;--flex-dir: row;--comment-pos: 0 auto;--comment-arrow: 100% 100%;--title-align: left}.function-box:nth-child(2n){--flex-dir: row-reverse;--comment-pos: auto 0;--comment-arrow: 0% 100%;--title-align: right}.function-box:nth-child(odd)__image div{margin:auto 0}@media print,screen and (min-width:656px){.function-box:nth-child(odd)__image div{margin:auto}}.function-box:nth-child(even)__image div{margin:0 auto}@media print,screen and (min-width:656px){.function-box:nth-child(even)__image div{margin:auto}}@media print,screen and (min-width:656px){.function-box{--mb-end: initial;display:flex;flex-direction:var(--flex-dir);justify-content:center;align-items:center;gap:clamp(16px, 4.5vw, 62px)}}.function-box__text{flex:1;max-width:430px;margin-inline:auto}.function-box__text__comment{--size-h: 35px;--bg-color: #DE641E;display:grid;place-content:center;width:max-content;min-width:100px;height:var(--size-h);margin-inline:var(--comment-pos);padding-inline:1em;border-radius:var(--size-h);background-color:var(--bg-color);font-size:16px;color:#FFFFFF;position:relative}.function-box__text__comment::before{position:absolute;top:calc(100% - 2px);right:calc(50% - 4px);content:"";display:block;width:9px;aspect-ratio:0.75;background-color:var(--bg-color);clip-path:polygon(0% 0%, 100% 0%, var(--comment-arrow))}.function-box__text__title{margin-block:clamp(10px, 2.5vw, 20px);font-size:var(--fs-title);font-weight:600;text-align:var(--title-align)}.function-box__text__content{margin-block-end:var(--mb-end)}.function-box__text__content small{display:inline-block;margin-block-start:1.5em}.function-box__text a:link{text-decoration:underline}.function-box__text a:hover{text-decoration:none}.function-box__image{flex:1;max-width:240px;margin-inline:auto}.function-box__image div{max-width:240px}.page-top-about__caption{display:grid;gap:clamp(20px, 5vw, 40px);margin-block:60px}.page-top-about__caption .caption-title{margin-block:initial;text-align:left}@media print,screen and (min-width:656px){.page-top-about__caption .caption-title{text-align:center}}.page-top-about__caption .caption-text01{font-size:var(--fs-title);font-weight:600}.page-top-about__caption .caption-text02{font-size:var(--fs-basic)}.page-top-about__caption .caption-text02 br{display:none}@media print,screen and (min-width:656px){.page-top-about__caption .caption-text02 br{display:block}}@media print,screen and (min-width:656px){.page-top-about__caption :is(.caption-text01, .caption-text02){text-align:center;word-break:keep-all}}.page-top-about__connecting-functions{--box-space: 50px;display:grid;grid-template-columns:minmax(0, 1fr);row-gap:var(--box-space);margin-block:50px}@media print,screen and (min-width:656px){.page-top-about__connecting-functions{--box-space: 100px}}.page-top-about__connecting-functions .video-wrapper{display:grid;grid-template-areas:"video";place-items:center}.page-top-about__connecting-functions .video-wrapper video{grid-area:video;width:82%;filter:drop-shadow(0px 0px rgba(0, 0, 0, 0));outline:none;border:none;z-index:0}.page-top-about__connecting-functions .video-wrapper img{grid-area:video;z-index:1}.page-top-about__connecting-functions .images-items{display:grid;grid-template-areas:"images";place-items:center}.page-top-about__connecting-functions .images-items .images-item{grid-area:images;width:82%;filter:drop-shadow(0px 0px rgba(0, 0, 0, 0));outline:none;border:none;z-index:0}.page-top-about__connecting-functions .images-items img{grid-area:images;z-index:1}.page-top-about__connecting-functions .function-box:nth-child(2n) .function-box__illustration{text-align:right}.page-top-about__connecting-functions .function-box .function-box__illustration{text-align:left;margin-top:20px;display:none}@media print,screen and (min-width:824px){.page-top-about__connecting-functions .function-box .function-box__illustration{display:block}}.page-top-about__connecting-functions .function-box .function-box__illustration img{max-height:140px}.Other_Descriptions__title{margin-block:0}.Other_Descriptions__caption{margin-block:1em}@media print,screen and (min-width:536px){.Other_Descriptions__caption{text-align:center}}.Other_Descriptions__content{--fs-head: 20px;--fs-content: 14px;--columns: 1;display:grid;gap:20px 30px;grid-template-columns:repeat(var(--columns), minmax(0, 460px));justify-content:center;margin-block:40px}@media print,screen and (min-width:536px){.Other_Descriptions__content{--fs-head: clamp(20px, 4vw, 24px);--fs-content: clamp(14px, 3vw, 18px)}}@media print,screen and (min-width:824px){.Other_Descriptions__content{--columns: 2}}.Other_Descriptions__box{padding:30px;display:grid;grid-template-rows:auto 1fr;gap:20px}@media print,screen and (min-width:656px){.Other_Descriptions__box{grid-template-rows:subgrid;grid-auto-rows:auto;grid-row:span 2}}.Other_Descriptions__box__head{--basis_char: 8em;align-self:center;display:flex;justify-content:center;font-weight:700;font-size:var(--fs-head)}.Other_Descriptions__box__head.char-long{--basis_char: fit-content}.Other_Descriptions__box__head.char-long .h3-center{flex-shrink:1;word-break:keep-all;padding-inline:0.5em}.Other_Descriptions__box__head .h3-center{flex-shrink:0;flex-basis:var(--basis_char);text-align:center}.Other_Descriptions__box__head::before{content:"…";transform:rotate(45deg)}.Other_Descriptions__box__head::after{content:"…";transform:rotate(-45deg)}.Other_Descriptions__box__content{display:grid;row-gap:0.5em;grid-template-columns:minmax(0, 1fr);grid-auto-rows:min-content;min-height:80px;font-size:var(--fs-content);line-height:1.5}.Other_Descriptions__box__content h4{font-weight:600}.Other_Descriptions__box__content small{font-size:var(--fs-small)}.Other_Descriptions__box__content a{text-decoration:underline}.Other_Descriptions__box__content a:hover{color:#DE641E}.Other_Descriptions .License_Form h4{font-size:14px;text-align:center}@media print,screen and (min-width:656px){.Other_Descriptions .License_Form h4{font-size:18px}}.Other_Descriptions .Operating_Environment h4{font-size:20px}.page-top-about__usage-example{--fs-head: clamp(20px, 4vw, 24px);--fs-content: clamp(14px, 3vw, 18px);background-color:#FFF4FA;padding:60px 0 40px;border-image-source:linear-gradient(#FFF4FA, #FFF4FA);border-image-slice:0 fill;border-image-outset:0 100vw 0 100vw}.page-top-about__usage-example .usage-example-box__group{margin-bottom:100px}.page-top-about__usage-example .usage-example-box__group h3{--basis_char: 8em;align-self:center;display:flex;justify-content:center;font-weight:700;font-size:var(--fs-head);margin-bottom:20px}.page-top-about__usage-example .usage-example-box__group .usage-example-box__item{--columns: 1;display:grid;gap:40px 30px;grid-template-columns:repeat(var(--columns), minmax(0, 460px));justify-content:center}@media print,screen and (min-width:824px){.page-top-about__usage-example .usage-example-box__group .usage-example-box__item{--columns: 2}}