﻿@font-face{font-family:"Zen Kaku Gothic Antique";font-style:normal;font-weight:300;src:url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Light.ttf") format("woff")}@font-face{font-family:"Zen Kaku Gothic Antique";font-style:normal;font-weight:500;src:url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Regular.ttf") format("woff")}@font-face{font-family:"Zen Kaku Gothic Antique";font-style:normal;font-weight:600;src:url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Medium.ttf") format("woff")}@font-face{font-family:"Zen Kaku Gothic Antique";font-style:normal;font-weight:700;src:url("/font/Zen_Kaku_Gothic_Antique/ZenKakuGothicAntique-Bold.ttf") format("woff")}*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html,body,h1,h2,h3,h4,ul,ol,dl,li,dt,dd,p,div,span,img,a,table,tr,th,td{margin:0;padding:0;border:0;font-weight:600;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;font-size:16px}html{width:100%}body{width:100%;position:relative;line-height:1.6;color:#383838;font-family:Quicksand, "Zen Kaku Gothic Antique", "Yu Gothic", "Osaka", "メイリオ", sans-serif}ol,ul{list-style:none;list-style-type:none}a{cursor:pointer;text-decoration:none;transition-property:all;transition-duration:.3s;color:inherit;overflow-wrap:anywhere}p ._notes{font-size:12px}section{padding-block:60px}img{display:block;max-width:100%;height:auto;margin-inline:auto}.s_strong{font-weight:bold}.s_warning{color:#c25953}.s_inner{width:90%;max-width:960px;margin:0 auto}.s_pc-show{display:block}@media screen and (max-width: 768px){.s_pc-show{display:none}}.s_sp-show{display:none}@media screen and (max-width: 768px){.s_sp-show{display:block}}.s_tab_link{position:relative;color:#0077c4}.s_tab_link:after{content:"";display:inline-block;position:relative;width:15px;height:15px;margin-left:5px;margin-bottom:-2px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url(/images/common/tab.svg)}.s_text-btn{color:#0077c4;transition:.25s;cursor:pointer}.s_text-btn span{position:relative;font-weight:bold}.s_text-btn span:before{content:"";display:inline-block;position:absolute;top:0;bottom:-1px;right:9px;margin:auto;width:4px;height:4px;border-top:2px solid #0077c4;border-right:2px solid #0077c4;-webkit-transform:rotate(45deg);transform:rotate(45deg);z-index:1}.s_text-btn span:after{content:"";display:inline-block;position:relative;bottom:-.35em;right:0;width:18px;height:18px;margin-left:5px;border-radius:20px;border:2px solid #0077c4}.s_text-btn ._center-btn{margin:0 auto;display:table}.s_title{font-size:2rem;font-weight:bold;text-align:center;margin-bottom:2rem;line-height:1.7}.s_title ._ruby{position:relative;font-size:inherit;font-weight:bold;color:#0077c4}.s_title ._ruby:before{content:"ビサイド";display:inline-block;position:absolute;transform:scale(0.8);left:0;right:0;top:-.55em;font-size:12px;font-weight:bold;text-align:center}.s_title:has(+.s_cap){margin-bottom:1rem}.s_cap{margin-bottom:2rem;line-height:1.7}.s_wrapper{padding:2.5rem 3rem;border-radius:10px;background-color:#fff}@media screen and (max-width: 480px){.s_wrapper{padding:2rem 1.5rem}}.s_wrapper .s_wrapper-title{margin-bottom:3rem;font-size:2rem;font-weight:bold;text-align:center}.s_wrapper .s_wrapper-title:has(+.s_wrapper-cap){margin-bottom:1rem}.s_wrapper .s_wrapper-cap{margin-bottom:3rem;text-align:center}.s_wrapper-container{margin-bottom:3rem}.s_wrapper-container-title{margin-bottom:1rem;font-size:1.5rem;font-weight:bold}.s_img-area{text-align:center;width:100%;margin-top:2rem;margin-bottom:3rem}.s_img-area._img-multi{display:flex;align-items:flex-start;column-gap:1rem}@media screen and (max-width: 768px){.s_img-area._img-multi{flex-direction:column;row-gap:1rem}}.s_img-area._img-multi img{min-width:0;height:auto;flex:1;flex-shrink:0}@media screen and (max-width: 768px){.s_img-area._img-multi img{flex:none}}._service_about ._about-content{width:100%;position:relative}._service_about ._about-content .s_text-btn{position:absolute;left:calc(17% - 5em);bottom:8%}@media screen and (max-width: 768px){._service_about ._about-content .s_text-btn{bottom:unset;left:calc(50% - 3.5em);top:27.5%}}._service_function .s_title{color:#0077c4}._service_function ._function-item{padding:13px 13px 21px}@media screen and (min-width: 1080px){._service_function ._function-item{padding:25px 20px 21px}}@media screen and (max-width: 768px){._service_function ._function-item{padding:0 18px;width:100% !important}}._service_function ._function-item ._title{font-size:24px;font-weight:bold;display:flex;align-items:center;line-height:1;margin-bottom:22px;gap:10px}@media screen and (max-width: 768px){._service_function ._function-item ._title{font-size:21px}}._service_function ._function-item ._title::before{content:"";display:block;width:10px;height:1em;margin-top:2px;background:#0077c4}._service_function ._function-item img{overflow:hidden;border-radius:10px;box-shadow:0 -3px 20px rgba(90,127,145,0.3);margin-bottom:15px}._service_function .swiper-container{position:relative}._service_function .swiper-slide img{height:auto;width:100%}._service_function .swiper-container.swiper-container-horizontal>.swiper-pagination-bullets{bottom:65px}._service_function .swiper-container.swiper-container-horizontal .swiper-pagination-bullet{background:#99abb7}._service_function .swiper-container .swiper-button-prev,._service_function .swiper-container .swiper-button-next{display:none}@media screen and (max-width: 768px){._service_function .swiper-container .swiper-button-prev,._service_function .swiper-container .swiper-button-next{display:flex;justify-content:center}}._service_function .swiper-pagination{display:none}@media screen and (max-width: 768px){._service_function .swiper-pagination{display:block}}._service_function .swiper-container>.swiper-button-prev,._service_function .swiper-container>.swiper-button-next{position:absolute;background-color:#fff;border-radius:100%;width:40px;height:40px;border:2px solid #0077c4;bottom:0px;top:unset}._service_function .swiper-container>.swiper-button-prev::after,._service_function .swiper-container>.swiper-button-next::after{content:"";width:10px;height:10px;border-top:3px solid #0077c4;border-right:3px solid #0077c4}._service_function .swiper-container>.swiper-button-prev{left:calc(50% - 55px)}._service_function .swiper-container>.swiper-button-prev::after{transform:rotate(-135deg);margin-left:5px}._service_function .swiper-container>.swiper-button-next{right:calc(50% - 55px)}._service_function .swiper-container>.swiper-button-next::after{transform:rotate(45deg);margin-right:7px}._service_function._corp-function-area .swiper-wrapper{display:grid;gap:0;grid-template-columns:repeat(3, 1fr)}@media screen and (max-width: 768px){._service_function._corp-function-area .swiper-wrapper{display:flex}}._service_function._corp-function-area ._swiper-space{width:100%;height:100px;display:none}@media screen and (max-width: 768px){._service_function._corp-function-area ._swiper-space{display:block}}header{position:absolute}header ._logo{width:120px;padding:.5rem 1rem;background-color:#fff;border-bottom-right-radius:20px}footer{padding-block:1rem;text-align:center}#company footer{background-color:#bc555e}#obc footer{background-color:#01a1c1}#agency footer{background-color:#c87f4c}#adding_up footer{background-color:#5752a8}._footer_copy{color:#fff;font-size:14px}._kv{margin:1.5rem;text-align:center;overflow:hidden;border-radius:1rem}._kv-top{padding:4.5rem 2rem 3.5rem;color:#fff}@media screen and (max-width: 480px){._kv-top{padding:4.5rem 2rem 2rem}}._kv-top ._kv-title{margin-bottom:1rem;font-size:4rem;font-weight:bold;line-height:1.2}@media screen and (max-width: 480px){._kv-top ._kv-title{font-size:2rem}}._kv-top ._kv-title-cap{font-size:1.5rem}#company ._kv-top{background-color:#cc5c68}#obc ._kv-top{background-color:#26b2cb}#agency ._kv-top{background-color:#e89353}#adding_up ._kv-top{background-color:#6560c4}._kv-bottom{padding:1rem 2rem;color:#fff}#company ._kv-bottom{background-color:#bc555e}#obc ._kv-bottom{background-color:#01a1c1}#agency ._kv-bottom{background-color:#c87f4c}#adding_up ._kv-bottom{background-color:#5752a8}._introduction_step ._multi-container{display:flex;column-gap:7%}@media screen and (max-width: 480px){._introduction_step ._multi-container{flex-direction:column;row-gap:2rem}}._introduction_step ._multi-container ._title{margin-bottom:.5rem;font-size:1.25rem;font-weight:bold}._introduction_step ._multi-container img{margin-top:2rem}._introduction_step ._step-list{display:flex;justify-content:space-evenly;margin-top:2rem;margin-bottom:3rem}@media screen and (max-width: 768px){._introduction_step ._step-list{flex-direction:column;margin-bottom:0}._introduction_step ._step-list:last-child{margin-top:0}}._introduction_step ._step-list li{display:flex;align-items:center}._introduction_step ._step-list li:not(._step-arrow){padding:1.5rem;border-radius:10px;background-color:#f2f2f2}._introduction_step ._step-list li._list-text{flex-direction:column;width:28%}@media screen and (max-width: 768px){._introduction_step ._step-list li._list-text{width:auto}}._introduction_step ._step-list li._list-text img{margin-bottom:1rem}._introduction_step ._step-list li._list-text ._title{font-weight:bold}._introduction_step ._step-list ._arrow{width:0;height:0;border-left:24px solid #f2f2f2;border-top:20px solid transparent;border-bottom:20px solid transparent}@media screen and (max-width: 768px){._introduction_step ._step-list ._arrow{margin-inline:auto;transform:rotate(90deg)}}._introduction_step ._show-company,._introduction_step ._show-obc,._introduction_step ._show-agency{display:none}#company ._introduction_step{background-color:#f5dee1}#company ._introduction_step .s_wrapper-title{color:#cc5c68}#company ._introduction_step ._show-company{display:block}#obc ._introduction_step{background-color:#d4f0f5}#obc ._introduction_step .s_wrapper-title{color:#0077c4}#obc ._introduction_step ._show-obc{display:block}#agency ._introduction_step{background-color:#fae9dd}#agency ._introduction_step .s_wrapper-title{color:#e89353}#agency ._introduction_step ._show-agency{display:block}#adding_up ._introduction_step{background-color:#e0dff3}._introduction_after ._introduction-subtitle{margin-bottom:.5rem;font-size:1.25rem;font-weight:bold}._introduction_after ._app-area{display:flex;justify-content:space-between;align-items:center;margin-top:2rem;margin-bottom:3rem;padding:1.5rem 3rem;background-color:#cce4f3;border-radius:10px}@media screen and (max-width: 768px){._introduction_after ._app-area{flex-direction:column;row-gap:1rem}}@media screen and (max-width: 480px){._introduction_after ._app-area{padding:1.5rem}}._introduction_after ._app-area p{font-weight:bold;font-size:2rem;color:#0077c4}@media screen and (max-width: 480px){._introduction_after ._app-area p{font-size:1.5rem;text-align:center}}._introduction_after ._app-area ._br{display:block}@media screen and (max-width: 768px){._introduction_after ._app-area ._br{display:inline}}._introduction_after ._app-img{display:flex;column-gap:1.5rem}@media screen and (max-width: 480px){._introduction_after ._app-img{flex-direction:column;row-gap:1rem}}._introduction_after ._app-img a{flex:1;padding:1rem;background-color:#fff;border-radius:10px}._introduction_after ._app-img ._app-qr{margin-bottom:1rem}._introduction_after ._text-area{margin-top:2rem}._introduction_after ._show-company,._introduction_after ._show-obc,._introduction_after ._show-agency{display:none}#company ._introduction_after{background-color:#f5dee1}#company ._introduction_after .s_wrapper-title{color:#cc5c68}#obc ._introduction_after{background-color:#d4f0f5}#obc ._introduction_after .s_wrapper-title{color:#0077c4}#obc ._introduction_after ._show-obc{display:block}#agency ._introduction_after{background-color:#fae9dd}#agency ._introduction_after .s_wrapper-title{color:#e89353}#agency ._introduction_after ._show-agency{display:block}#api{padding:2.5rem;margin-bottom:3rem;background-color:#f3f5f6;border-radius:10px;border:2px solid #999999}@media screen and (max-width: 480px){#api{padding:2rem 1.5rem}}#api img{margin-inline:0}#adding_up ._kv-title{font-size:3rem;line-height:1.4}@media screen and (max-width: 480px){#adding_up ._kv-title{font-size:2rem}}#adding_up ._attention-area{padding:2rem;border:2px solid #5752a8;text-align:center}#adding_up ._attention-title{margin-bottom:1rem;font-size:2rem;font-weight:bold;color:#c25953}#adding_up ._text-area{margin-top:2rem}
