html{font-size:62.5%}body{font-family:"Noto Sans JP",sans-serif}a{color:#4169e1}a:hover{color:#1a3ca2}h1,h2,h3,h4,h5,h6{font-weight:700;margin-bottom:40px}h1{font-size:4rem;line-height:5rem}h2{font-size:3rem;line-height:4rem}h3{font-size:2rem;line-height:2.8rem}h4{font-size:1.8rem;line-height:2.6rem}h5{font-size:1.6rem;line-height:2.4rem}h6{font-size:1.4rem;line-height:2.2rem}p,ul,ol,dl,table{font-size:1.6rem;line-height:2.4rem;margin-bottom:40px}figcaption{font-size:1.4rem;line-height:2.2rem}table th{font-weight:normal}img{max-width:100%;vertical-align:bottom}label,input,textarea,select,button{color:#333;font-size:1.6rem;line-height:2.6rem}input[type=button],button{cursor:pointer}fieldset{min-width:0;padding:0;margin:0;border:0}legend{width:100%;max-width:100%;font-size:1.6rem;line-height:2.4rem;color:inherit;line-height:inherit;white-space:normal;padding:0;margin-bottom:1rem;display:block}hr{border:none;margin:0 auto;clear:both}@media screen and (max-width:768px){h1{font-size:3rem;line-height:3.8rem}h2{font-size:2.4rem;line-height:3.2rem}h3{font-size:2rem;line-height:2.8rem}h4{font-size:1.8rem;line-height:2.6rem}h5{font-size:1.6rem;line-height:2.4rem}h6{font-size:1.6rem;line-height:2.4rem}}.footer-2022{display:none}.footer-2024{width:100%;color:#fff;background:#00008b;padding:40px;margin:0;overflow:hidden;box-sizing:border-box}.footer-2024 a,.footer-2024 a:hover{color:#fff}.footer-2024 ul,.footer-2024 ol{list-style:none;padding:0}.footer-2024 .footer-inner{max-width:1080px;display:flex;gap:40px;margin:0 auto}.footer-2024 .footer-sitemap{flex:1;display:flex;gap:20px}.footer-2024 .footer-sitemap ul{flex:1;margin:0}.footer-2024 .footer-sitemap ul li{text-indent:-2rem;padding-left:2rem;margin-bottom:2px}.footer-2024 .footer-sitemap ul li:last-child{margin-bottom:0}.footer-2024 .footer-sitemap ul li.head{text-indent:0;padding-left:0;margin:20px 0 5px}.footer-2024 .footer-sitemap ul li.head:first-child{margin-top:0}.footer-2024 .footer-info{max-width:380px}.footer-2024 .footer-info>*{margin-bottom:20px}.footer-2024 .footer-info>*:last-child{margin-bottom:0}.footer-2024 .footer-info h2,.footer-2024 .footer-info h3,.footer-2024 .footer-info h4{font-size:2rem;line-height:2.6rem}.footer-2024 .footer-info p,.footer-2024 .footer-info ul,.footer-2024 .footer-info ol,.footer-2024 .footer-info dl,.footer-2024 .footer-info table{font-size:1.5rem;line-height:2.4rem}.footer-2024 .footer-info .sns-list{font-size:2.4rem;display:flex;gap:5px}.footer-2024 .footer-return{position:fixed;right:10px;bottom:10px}.footer-2024 .footer-return a{width:50px;height:50px;font-size:1.6rem;color:#fff;background-color:#00008b;display:flex;align-items:center;justify-content:center;border-radius:999px;opacity:.12;transition:opacity 200ms ease 0ms}.footer-2024 .footer-return a:hover{opacity:.8}@media screen and (max-width:768px){.footer-2024{padding:40px 20px 80px}.footer-2024 .footer-inner{flex-direction:column;row-gap:40px}.footer-2024 .footer-sitemap{flex:none;flex-direction:column;row-gap:20px}.footer-2024 .footer-sitemap ul{flex:none}.footer-2024 .footer-info{max-width:unset;text-align:center}.footer-2024 .footer-info h2,.footer-2024 .footer-info h3,.footer-2024 .footer-info h4{font-size:1.6rem;line-height:2.4rem}.footer-2024 .footer-info p,.footer-2024 .footer-info ul,.footer-2024 .footer-info ol,.footer-2024 .footer-info dl,.footer-2024 .footer-info table{font-size:1.4rem;line-height:2.2rem}.footer-2024 .footer-info .sns-list{justify-content:center}.footer-2024 .footer-return a{width:40px;height:40px;font-size:1.4rem;opacity:.8;transition:none}}h1,h2,h3,h4,h5,h6{font-weight:600}h2{font-size:2.6rem;line-height:3.6rem}.header-2022 .header-menu-panel{background:rgba(0,0,139,.96)}@media screen and (max-width:768px){.breadcrumb{display:block;line-height:2rem}.breadcrumb>li{display:inline}.breadcrumb>li::before{margin:0 5px}}.breadcrumbs{font-size:0;list-style:none;padding:0;margin:20px}.breadcrumbs>li{font-size:1.5rem;display:inline-block}.breadcrumbs>li::before{content:"/";display:inline-block;margin:0 5px}.breadcrumbs>li:first-child::before{display:none}@media screen and (max-width:768px){.breadcrumbs{margin:10px}.breadcrumbs>li{font-size:1.4rem}}.main-reset .contents{width:auto;max-width:unset;margin:0}.main-flex{max-width:1140px;display:flex;align-items:flex-start;gap:80px;margin:80px auto}.main-flex .article{flex:1;margin:0 !important}.main-flex .aside{width:240px !important;position:sticky;top:100px;margin:0 !important}@media screen and (max-width:768px){.main-reset .contents{padding:0}.main-flex{padding:20px;flex-direction:column-reverse;row-gap:60px;margin:40px auto}.main-flex .article{flex:none}.main-flex .aside{width:100% !important;position:static}}.nav-anchor ul{list-style:none;padding:0;margin:0;border-top:2px solid #000}.nav-anchor ul>li{border:1px solid #ccc;border-width:0 0 1px;position:relative}.nav-anchor ul>li:first-child{border-width:0 0 1px 0}.nav-anchor ul>li a{padding:10px 0 10px 20px;display:block}.nav-anchor ul>li svg{position:absolute;left:0;top:50%;transform:translate(0, -50%)}.content{margin-left:auto;margin-right:auto}.content-small{max-width:540px}.content-medium{max-width:720px}.content-large{max-width:960px}.content-xlarge{max-width:1140px}.content-xxlarge{max-width:1320px}.contents{max-width:960px;margin:60px auto}.contents-fluid{max-width:none;max-width:initial}.text-align-left{text-align:left}.text-align-center{text-align:center}.text-align-right{text-align:right}.list-style-none{list-style:none}.list-style-decimal{list-style:decimal}.list-style-disc{list-style:disc}[class*=list-style]{padding-left:0}.hover-fade{transition:opacity 200ms ease 0ms}.hover-fade:hover{opacity:.8}p.larger{font-size:1.8rem;line-height:2.8rem}@media screen and (max-width:768px){p.larger{font-size:1.6rem;line-height:2.6rem}}.btn{text-decoration:none;display:inline-block;position:relative}.btn-small{color:#fff;background:#f63;padding:10px 30px;border-radius:999px;transition:opacity 200ms ease 0ms}.btn-small:hover{color:#fff;opacity:.8}.btn-more{font-size:1.6rem;line-height:2.4rem;color:#fff;background:#00008b;padding:10px 30px 10px 20px;border-radius:5px;position:relative}.btn-more:hover{color:#fff;opacity:.8}.btn-more-orange{background:#f63}.btn-more svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.btn-large{font-weight:600;font-size:1.8rem;line-height:2.6rem;color:#fff;text-align:center;background:tomato;padding:20px 50px;border-radius:999px}.btn-large:hover{color:#fff;opacity:.8}.btn-large svg{position:absolute;right:10px;top:50%;transform:translateY(-50%)}.btns-align-center{text-align:center}.btns-flex{display:flex;gap:20px}.btns-flex-center{justify-content:center}@media screen and (max-width:768px){.btns-flex{flex-direction:column;row-gap:10px}}.heading{margin-bottom:40px}.heading-medium{padding:3px 0 3px 20px;border-left:7px solid #00008b}.heading-large{font-size:3.6rem;line-height:4.8rem}@media screen and (max-width:768px){.heading-medium{font-size:2.2rem;line-height:2.6rem;padding:2px 0 2px 15px}.heading-large{font-size:2.8rem;line-height:3.8rem;margin-bottom:40px}}.features-list{list-style:none;padding:0}.features-list>li{position:relative;padding:0 0 0 45px;margin-bottom:20px}.features-list>li h3,.features-list>li h4{font-size:1.8rem;margin:0px}.features-list>li::before{content:"a";width:32px;height:32px;line-height:32px;color:#fff;text-align:center;background:#00008b;border-radius:999px;display:block;float:left;position:absolute;left:0;top:0}.features-list>li:nth-child(1)::before{content:"1"}.features-list>li:nth-child(2)::before{content:"2"}.features-list>li:nth-child(3)::before{content:"3"}.features-list>li:nth-child(4)::before{content:"4"}.features-list>li:nth-child(5)::before{content:"5"}.features-list>li:nth-child(6)::before{content:"6"}.features-list>li:nth-child(7)::before{content:"7"}.features-list>li:nth-child(8)::before{content:"8"}.features-list>li:nth-child(9)::before{content:"9"}.features-list>li:nth-child(10)::before{content:"10"}.features-list>li:nth-child(11)::before{content:"11"}.features-list>li:nth-child(12)::before{content:"12"}.features-list>li:nth-child(13)::before{content:"13"}.features-list>li:nth-child(14)::before{content:"14"}.features-list>li:nth-child(15)::before{content:"15"}.features-list>li:nth-child(16)::before{content:"16"}.features-list>li:nth-child(17)::before{content:"17"}.features-list>li:nth-child(18)::before{content:"18"}.features-list>li:nth-child(19)::before{content:"19"}.features-list>li:nth-child(20)::before{content:"20"}.table-overview{width:100%;overflow-y:visible;overflow-x:auto;margin-bottom:40px}.table-overview table{font-size:1.6rem;line-height:2.4rem;border-collapse:collapse;border-spacing:0;margin-bottom:0}.table-overview table.table-layout-fixed{width:100%;box-sizing:border-box;table-layout:fixed}.table-overview table th,.table-overview table td{padding:20px}.table-overview table th.text-align-left,.table-overview table td.text-align-left{text-align:left}.table-overview table th.text-align-center,.table-overview table td.text-align-center{text-align:center}.table-overview table th.text-align-right,.table-overview table td.text-align-right{text-align:right}.table-overview table thead th{background:#dadaf2;border-bottom:1px solid #b2b2d8}.table-overview table tbody th{background:#f7f7fc}.table-overview table tbody th,.table-overview table tbody td{border-bottom:1px solid #b2b2d8}.table-overview table tbody td{background:#fff}.table-overview table tbody .hd th,.table-overview table tbody .hd td{background:#eaeaf9}.table-overview table tfoot{font-size:1.4rem;line-height:2.4rem}.table-overview table tfoot th,.table-overview table tfoot td{padding:20px 0 0;border:none}@media screen and (max-width:768px){.table-overview table{font-size:1.4rem;line-height:2.2rem}.table-overview table th,.table-overview table td{padding:10px}}.figure{margin:0 auto 40px}.figure-flexbox{display:flex;justify-content:center;gap:20px}.figure-flexbox-wrap{flex-wrap:wrap}.fig{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.fig img{max-width:100%}.fig figcaption{font-size:1.5rem;line-height:2.5rem}.fig-outline img{border:1px solid #ccc}.figs-column{display:flex;flex-direction:column;row-gap:20px;margin-bottom:40px}.figs-column .fig{margin-bottom:0}.figs-flex{display:flex;gap:40px;margin-bottom:40px}.figs-flex .fig{margin-bottom:0}.videos{display:flex;flex-direction:column;gap:10px;margin-bottom:40px}.videos figcaption{font-size:1.5rem;line-height:2.5rem;margin:0}.tightly,.compact{margin-bottom:40px}.tightly>*,.compact>*{margin-bottom:20px !important}.tightly>*:last-child,.compact>*:last-child{margin-bottom:0 !important}.spacer{overflow:hidden;margin-bottom:40px}.spacer-20{height:20px}.spacer-40{margin-bottom:40px}.spacer-60{margin-bottom:60px}.spacer-80{margin-bottom:80px}.separator{width:100%;margin:0 auto 40px;border:1px solid #00008b}.inbound-basic-solution{padding:60px;background:url(../images/home-inbound-basic-solution-bg.jpg) no-repeat center top;background-size:100% auto;margin:0 auto;position:relative}.inbound-basic-solution-eng{width:fit-content;font-weight:700;font-size:2rem;line-height:4rem;color:#fff;padding:0;margin:0 auto;border:2px solid #fff;border-width:2px 0}.inbound-basic-solution-head{color:#fff;text-align:center;padding:20px 40px}.inbound-basic-solution-head h1{font-weight:600;font-size:4.2rem;line-height:5rem;margin-bottom:20px}.inbound-basic-solution-head p{font-weight:600;font-size:2rem;line-height:2.4rem;margin-bottom:20px}.inbound-basic-solution-body{max-width:960px;max-width:1080px;margin:0 auto;padding:60px;background:#fff;box-shadow:0px 20px 30px 0px rgba(0,0,0,.08)}.inbound-basic-solution-body .summary{max-width:640px;margin:0 auto}.inbound-basic-solution-body .summary>*{margin-bottom:10px}.inbound-basic-solution-body .summary h3{font-size:2.6rem;line-height:3.8rem;margin-bottom:40px}.inbound-basic-solution::before{content:"";display:block;width:100%;background:#02a6b7;background:linear-gradient(145deg, rgb(2, 166, 183) 60%, rgb(0, 184, 182) 100%);height:400px;position:absolute;left:0;top:0;z-index:-1}.inbound-basic-solution .cols{display:flex;gap:20px;margin:80px 0 0}.inbound-basic-solution .cols .col{flex:1;border:2px solid #02a6b7;padding:0 30px 30px}.inbound-basic-solution .cols .col>h3{color:#02a6b7}.inbound-basic-solution .cols .col .unit{margin-bottom:20px}.inbound-basic-solution .cols .col .unit>*{margin-bottom:10px}.inbound-basic-solution .cols .col .unit>*:last-child{margin-bottom:0}.inbound-basic-solution .cols .col .illust{max-width:280px;text-align:center;margin:-40px auto 20px}.inbound-basic-solution .cols .col .btns{margin:40px auto 0}.inbound-basic-solution .cols .col>*{margin-bottom:15px}.inbound-basic-solution .cols .col>*:last-child{margin-bottom:0}@media screen and (max-width:768px){.inbound-basic-solution{padding:40px 20px;background:url(../images/home-inbound-basic-solution-bg-smp.jpg) no-repeat center top;background-size:100% auto}.inbound-basic-solution-eng{font-size:1.4rem}.inbound-basic-solution-head{padding:20px}.inbound-basic-solution-head h1,.inbound-basic-solution-head h2{font-size:3rem;line-height:3.8rem}.inbound-basic-solution-body{padding:40px 20px;margin:0 10px}.inbound-basic-solution-body .summary h3{font-size:2.2rem;line-height:3.2rem}.inbound-basic-solution .cols{flex-direction:column;row-gap:80px}.inbound-basic-solution .cols .col{padding:0 20px 20px}}.inbound-other-solution{margin:80px auto;position:relative}.inbound-other-solution-eng{width:fit-content;font-weight:700;font-size:1.8rem;line-height:30px;color:#00008b;padding:0 20px;margin:0 auto;background:#fff;border-top:2px solid #00008b;transform:translate(0, -20px)}.inbound-other-solution-head{color:#fff;text-align:center;padding:20px 0}.inbound-other-solution-head h2{font-size:4rem;line-height:5rem;margin-bottom:20px}.inbound-other-solution-head p{font-weight:600;font-size:1.8rem;line-height:2.4rem;margin-bottom:20px}.inbound-other-solution-body{max-width:960px;margin:0 auto;padding:60px;background:#fff;box-shadow:0px 20px 30px 0px rgba(0,0,0,.1)}.inbound-other-solution-body .summary>*{margin-bottom:10px}.inbound-other-solution-body .summary h3{font-size:2.6rem;line-height:3.8rem;margin-bottom:40px}.inbound-other-solution::before{content:"";display:block;width:100%;background:#00008b;background:linear-gradient(145deg, rgb(0, 0, 139) 60%, rgb(50, 114, 172) 100%);height:400px;position:absolute;left:0;top:0;z-index:-1}.inbound-other-solution .solutions-flex{display:flex;gap:60px}.inbound-other-solution .solutions-flex .solutions-list{flex:1;font-size:1.6rem;line-height:2.4rem;list-style:none;padding:0;margin:0;border-top:3px solid #00008b}.inbound-other-solution .solutions-flex .solutions-list-item{border-bottom:1px solid #00008b}.inbound-other-solution .solutions-flex .solutions-list-item:first-child{border-top-width:2px}.inbound-other-solution .solutions-flex .solutions-list-item a{color:#00008b;text-decoration:none;padding:10px 0;display:block;position:relative}.inbound-other-solution .solutions-flex .solutions-list-item a svg{position:absolute;right:0;top:50%;transform:translate(0, -50%)}.inbound-other-solution .solutions-flex .solutions-list-item a:hover{color:#00008b;text-decoration:underline}@media screen and (max-width:768px){.inbound-other-solution-eng{font-size:1.4rem}.inbound-other-solution-head{padding:20px}.inbound-other-solution-head h2{font-size:2.4rem;line-height:3.2rem}.inbound-other-solution-head p{font-size:1.6rem}.inbound-other-solution-body{padding:40px 20px;margin:0 10px}.inbound-other-solution-body .summary h3{font-size:2.2rem;line-height:3.2rem}.inbound-other-solution-body .solutions-flex{flex-direction:column;gap:40px}}.youtube{background:#000;margin-bottom:40px;position:relative}.youtube::before{content:"";display:block;padding-top:56.25%}.youtube iframe{width:100%;height:100%;position:absolute;left:0;top:0}.btn-medium{color:#fff;background:tomato;padding:15px 30px;transition:opacity 200ms ease 0ms}.btn-medium:hover{color:#fff;opacity:.8}.heading-fill{font-size:2.2rem;line-height:2.8rem;text-align:center;color:#fff;background:#00008b;padding:10px}.flexbox{display:flex;align-items:center;gap:40px;margin-bottom:40px}.flexbox-item{margin:0}.flexbox-item-flex{flex:1}.flexbox-valign-top{align-items:flex-start}.flexbox-self-start{align-self:self-start}@media screen and (max-width:768px){.flexbox{flex-direction:column}.flexbox-item{margin:0}.flexbox-item.tightly>*{margin-bottom:20px}.flexbox-item.tightly>*:last-child{margin-bottom:0}}.web-solution{font-family:"Noto Sans JP","Noto Sans",sans-serif;max-width:1080px;background:#fff;padding:40px;margin:40px auto;box-sizing:border-box}.web-solution *{box-sizing:border-box}.web-solution-head-large{font-size:4rem;line-height:5rem;margin-bottom:40px}.web-solution-head-medium{font-size:3rem;line-height:4rem;margin-bottom:40px}.web-solution-index{list-style:none;padding:0;display:flex;gap:20px;margin:100px auto 40px}.web-solution-index:last-child{margin-bottom:0}.web-solution-index li{flex:1;display:flex;flex-direction:column;align-self:stretch;position:relative;padding-top:50px;border:2px solid #00008b}.web-solution-index li a{font-weight:600;font-size:2rem;line-height:2.8rem;text-align:center;color:#00008b;flex:1;padding:20px;display:flex;align-items:center;justify-content:center}.web-solution-index li .web-solution-index-icon{width:120px;height:120px;display:block;border-radius:999px;overflow:hidden;position:absolute;z-index:1;pointer-events:none;left:50%;top:-60px;transform:translate(-50%, 0);border:2px solid #fff}.web-solution-about{width:fit-content;margin:0 auto}.web-solution-about p{font-size:1.8rem;line-height:2.8rem}.web-solution-contents{margin-bottom:40px}.web-solution-contents:last-child{margin-bottom:0}.web-solution-contents>*:last-child{margin-bottom:0}.web-solution-overlay{padding:40px;background:#eee;margin-bottom:40px}.web-solution-overlay>*:last-child{margin-bottom:0}.web-solution-framing{padding:40px;border:2px solid #00008b;margin-bottom:40px}.web-solution-framing>*:last-child{margin-bottom:0}.web-solution-offers{margin:0 auto 40px;display:flex;flex-wrap:wrap;gap:40px}.web-solution-offers .web-solution-offer{width:calc(50% - 20px);padding:40px;border:2px solid #00008b}.web-solution-offers .web-solution-offer-fill{width:auto;flex-grow:1}.web-solution-offers .web-solution-offer h2,.web-solution-offers .web-solution-offer h3,.web-solution-offers .web-solution-offer h4{color:#00008b}.web-solution-offers .web-solution-offer>*{margin-bottom:20px}.web-solution-offers .web-solution-offer>*:last-child{margin-bottom:0}.web-solution-offers .web-solution-offer .specialty{margin-bottom:20px}.web-solution-offers .web-solution-offer .specialty h2,.web-solution-offers .web-solution-offer .specialty h3,.web-solution-offers .web-solution-offer .specialty h4{font-size:2rem;margin-bottom:10px}.web-solution-offers .web-solution-offer .specialty ol{list-style:decimal;padding-left:2.4rem}.web-solution-offers .web-solution-offer .specialty ol:last-child{margin-bottom:0}.web-solution-offers .web-solution-offer .specialty ol li{margin:0 0 2px}.web-solution-offers .web-solution-offer .specialty ol li:last-child{margin-bottom:0}.web-solution-offers .web-solution-offer .btns:last-child{margin-bottom:0}.web-solution-results{display:flex;flex-wrap:wrap;gap:20px 0;margin-bottom:40px;gap:10px}.web-solution-results a,.web-solution-results a:hover{color:#00008b}.web-solution-results .web-solution-result{width:33.333333333%;text-align:center;padding:20px;border:1px solid #00008b;border-width:0 0 0 1px;width:calc(33.333333333% - 6.6666666667px);background:#f2f2f9;border:none;border-radius:5px}.web-solution-results .web-solution-result-eol{border-right-width:1px}.web-solution-results .web-solution-result>*{margin-bottom:15px}.web-solution-results .web-solution-result>*:last-child{margin-bottom:0}.web-solution-results .web-solution-result h2,.web-solution-results .web-solution-result h3,.web-solution-results .web-solution-result h4{font-size:1.8rem;line-height:2.4rem}.web-solution-results .web-solution-result .tags-list{font-size:1.4rem;line-height:2rem;list-style:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px}.web-solution-results .web-solution-result .tags-list:last-child{margin:0}.web-solution-results .web-solution-result .tags-list li{color:#00008b;background:rgba(0,0,139,.08);padding:5px 20px;border-radius:6px}.web-solution-results-corritrips{gap:20px}.web-solution-results-corritrips .web-solution-result{width:calc(33.333333333% - 13.3333333333px);border:none;border-radius:10px;color:#333;background:#fcf3e6}.web-solution-results-corritrips .web-solution-result .tags-list li{color:#fff;background:#ff5f27}.web-solution-results-corritrips .web-solution-result .tags-list li a{color:#fff}.web-solution-promotion-list{list-style:none;padding:0;font-weight:600;font-size:2rem;text-align:center}.web-solution-promotion-list li{margin-bottom:10px}.web-solution-promotion-list li:last-child{margin-bottom:0}.web-solution-promotion-list li a,.web-solution-promotion-list li a:hover{color:#00008b}.web-solution-category-illust{width:120px;height:120px;overflow:hidden;border-radius:999px;margin:0 auto 40px}@media screen and (max-width:768px){.web-solution{padding:40px 20px}.web-solution-head-large{font-size:2.8rem;line-height:3.8rem}.web-solution-head-medium{font-size:2rem;line-height:3rem}.web-solution-index{flex-direction:column;gap:60px}.web-solution-index li a{padding:20px 20px 20px}.web-solution-index li .web-solution-index-icon{width:80px;height:80px;top:-40px}.web-solution-about p{font-size:1.6rem;line-height:2.6rem}.web-solution-offers{flex-direction:column;row-gap:20px}.web-solution-offers .web-solution-offer{padding:40px 20px;width:auto;flex:none}.web-solution-overlay{padding:40px 20px}.web-solution-framing{padding:40px 20px}.web-solution-results{flex-direction:column;gap:0;row-gap:10px}.web-solution-results .web-solution-result{width:auto;padding:20px;border-width:1px 0 0}.web-solution-results .web-solution-result:first-child{border-top-width:0}.web-solution-results-corritrips{row-gap:10px}.web-solution-reviews{flex-direction:column}.web-solution-reviews .web-solution-review{padding:20px 0;border-width:0 0 1px}.web-solution-reviews .web-solution-review:first-child{padding-top:0;border-left-width:0;border-bottom-width:1px}.web-solution-reviews .web-solution-review:last-child{padding-bottom:0;border-bottom-width:0}.web-solution-promotion-list{text-align:left}.web-solution-category-illust{width:80px;height:80px}}.advantages-and-disadvantages{display:flex;gap:40px;margin-bottom:40px}.advantages-and-disadvantages h2,.advantages-and-disadvantages h3,.advantages-and-disadvantages h4{font-size:3rem;line-height:4rem}.advantages-and-disadvantages ul,.advantages-and-disadvantages ol{font-weight:500;font-size:1.8rem;line-height:2.8rem}.advantages-and-disadvantages .advantages,.advantages-and-disadvantages .disadvantages{color:#00008b;flex:1;min-height:240px;background-repeat:no-repeat;background-position:center;background-size:contain;display:flex;flex-direction:column;align-items:center;justify-content:center}.advantages-and-disadvantages .advantages>*,.advantages-and-disadvantages .disadvantages>*{margin-bottom:20px}.advantages-and-disadvantages .advantages>*:last-child,.advantages-and-disadvantages .disadvantages>*:last-child{margin-bottom:0}.advantages-and-disadvantages .disadvantages{color:red}@media screen and (max-width:768px){.advantages-and-disadvantages{flex-direction:column}}.main-one{max-width:960px;margin:0 auto}.figs{display:flex;justify-content:center;gap:20px}.solutions .solution{padding:40px}.solutions .solution-bg{background-color:rgba(0,0,139,.05)}.solutions .headline{font-weight:600}.solutions .numbers{font-size:2rem;line-height:3rem;color:#00008b;width:100%;margin:0 auto 40px}.solutions .numbers>li{padding:2px 0 2px 50px}.solutions .promotions{max-width:960px;background:rgba(0,0,139,.05);margin:0 auto 40px}.solutions .promotions .promotion{display:flex;flex-wrap:wrap;gap:40px;padding:40px;border-bottom:1px solid #fff}.solutions .promotions .promotion-text{flex:1;margin:0}.solutions .promotions .promotion-text h3 a,.solutions .promotions .promotion-text h3 a:hover{color:#00008b}.solutions .promotions .promotion-text .btns{margin:40px auto 0}.solutions .promotions .promotion-fig{flex:1;margin:0}.solutions .framing{padding:40px;border:2px solid #00008b;margin-bottom:40px}.solutions .point-list{list-style:none;padding:0}.solutions .point-item{padding-left:80px;margin-bottom:40px;position:relative}.solutions .point-item-no{width:60px;position:absolute;left:0;top:0}.solutions .point-item h2,.solutions .point-item h3,.solutions .point-item h4{font-size:2.2rem;color:#00008b;margin-bottom:10px !important}.solutions .point-item p,.solutions .point-item ul,.solutions .point-item ol,.solutions .point-item dl,.solutions .point-item table{font-size:1.6rem;line-height:2.6rem;margin-bottom:10px !important}.solutions .example-list{list-style:none;padding:0;display:flex;align-items:flex-start;gap:40px}.solutions .example-item>a{display:block}.solutions .btns{display:flex;justify-content:center;gap:20px}@media screen and (max-width:768px){.solutions .solution{padding:40px 0}.solutions .solution-bg{padding:40px 20px}.solutions .promotions .promotion{flex-direction:column;padding:40px 20px}.solutions .promotions .promotion-text,.solutions .promotions .promotion-fig{flex:none}.solutions .framing{padding:20px}.solutions .point-item{padding-left:50px}.solutions .point-item-no{width:40px}.solutions .point-item h2,.solutions .point-item h3,.solutions .point-item h4{font-size:2rem;line-height:2.8rem}.solutions .example-list{flex-direction:column;row-gap:20px}}:root{color-scheme:light}
@media screen and (max-width: 768px){
.table_sticky {
overflow-x: auto;
max-width: 100%;
margin-top: 30px;
margin-right: auto;
margin-left: auto;
}
.table_sticky table {
width: 700px;
}
.table_sticky th {
width: 130px!important;
padding-right: 5px!important;
padding-left: 5px!important;
white-space: normal!important;
position: sticky;
top: 0;
left: 0;
}
.sticky_text {
display: block;
text-align: center;
font-size: 1.2rem!important;
}
}
.btn-small-blue{color:#000;background:#e6e6fa;padding:10px 30px;border-radius:999px;transition:opacity 200ms ease 0ms;text-decoration: underline;}.btn-small-blue:hover{opacity:.8}
.box-frame {
width: 100%;
}
.box-frame .inner {
margin-bottom: 50px;
background: #fff;
padding: 20px;
}
@media screen and (max-width: 768px){
.promotion--ex .box-frame {
order: 2
}
.promotion--ex figure {
order: 3
}
}
.timeline {
list-style: none;
}
.timeline > li {
margin-bottom: 0;
display: flex;
position: relative;
}
.timeline-date {
width: 40px;
line-height:40px;
text-align: center;
font-weight: bold;
border-radius: 5px;
background: #dadbf1;
position: absolute;
top: 0;
left: 0;
transform: translate(-20px, -10px);
}
.timeline-flag {
width: 60px;
height: 100%;
text-align: center;
background: #dadbf1;
position: absolute;
padding-top: 10px;
font-size: 18px;
font-weight: bold;
top: 0;
left: 0;
transform: translate(-20px, -10px);
}
.timeline-flag::after{
content: "";
height: calc(30px / 2);
width: 60px;
clip-path: polygon(0 0, 100% 0,50% 100%);
position: absolute;
bottom: -15px;
left: 0;
background: #dadbf1;
}
.timeline-content {
width: 75%;
border-left: 3px #dadbf1 solid;
padding:0 0 0 30px;
}
.timeline-2 .timeline-content {
border-left: 0;
padding:0 0 10px 60px;
}
.page-solution h3 {
line-height: 1;
margin-top: 0px!important
}
.timeline-2 h3,
.timeline-2 p {
margin-bottom: 10px;
}
.timeline-2 li {
margin-bottom: 40px;
}
.columns {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
margin-bottom: 100px;
}
.columns .summary {
width: 50%;
}
.columns .figs {
width: 45%
}
.columns .figs img {
width: 100%;
}
.columns-column {
margin-bottom: 100px;
}
.page-solution .btns a {
display: inline-block;
text-align: center;
color: #fff;
text-decoration: none;
padding: 12px 20px;
border-radius: 5px;
}
.page-solution .btns a.btn-small-2 {
background: #4950bc;
}
.page-solution .btns a.btn-small-3 {
background: #ee9134;
}
.wide-content {
background: #4950bc;
padding: 100px 50px;
margin: 0 calc( 50% - 50vw) 80px;
}
.step-container {
background: #fff;
margin: 0 auto;
padding: 30px;
max-width: 900px;
}
.step-container ul {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 0;
margin: 0 auto;
}
.step-container li {
background: #dadbf1;
padding: 20px;
width: calc(50% - 5px);
margin-bottom: 10px;
list-style: none;
}
.step-container li h3 {
margin-bottom: 0;
}
.point-container {
margin: 0 auto;
max-width: 900px;
}
.point-container h3 {
margin-bottom: 10px;
}
.point-container .item p {
margin-bottom: 0;
}
.point-container h2,
.point-container h2 + p{
color: #fff
}
.grid-parent {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: repeat(2, 1fr);
gap: 8px;
}
.grid-parent .item {
background: #dadbf1;
padding: 20px;
border-radius: 3px;
}
.item-1 {
grid-column: span 2 / span 2;
}
.item-2 {
grid-column: span 2 / span 2;
grid-column-start: 3;
}
.item-3 {
grid-column: span 2 / span 2;
grid-column-start: 5;
}
.item-4 {
grid-column: span 3 / span 3;
grid-row-start: 2;
}
.item-5 {
grid-column: span 3 / span 3;
grid-column-start: 4;
grid-row-start: 2;
}
.col-2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.col-2 .col {
width: 47.5%;
}
.col-2 .col h3 {
margin-bottom: 20px;
}
.columns th {
font-weight: bold;
background: #dadbf1;
text-align: center;
padding: 5px 10px;
}
.columns td {
padding: 5px 10px;
background: #f8f8f8;
}
#influencer .btns{
margin-top: 1em
}
#promotion {
margin-bottom: 30px;
}
#promotion ul {
padding: 0;
}
#promotion li {
list-style: none;
padding:5px 0 0 60px;
background: no-repeat 0 0/30px auto;
}
#promotion li h3 {
margin-bottom: 10px;
}
#promotion li.titf {
background-image: url("../images/service/icon-01.png")
}
#promotion li.fit {
background-image: url("../images/service/icon-02.png")
}
#promotion li.expo {
background-image: url("../images/service/icon-03.png")
}
#promotion .promotion-btn {
margin-bottom: 100px;
}
/*==================================
アコーディオンのためのcss
===================================*/
.accordion-area {
list-style: none;
width: 96%;
max-width: 930px;
}
.accordion-area h3 {
margin: 0; }
.accordion-area li {
margin: 10px 0; }
/*アコーディオンタイトル*/
.accordion-area .title {
position: relative;
cursor: pointer;
font-size: 1.6rem;
font-weight: normal;
padding: 16px 30px 16px 36px;
transition: all .5s ease; }
/*アイコンの＋と−*/
.accordion-area .title::before,
.accordion-area .title::after {
position: absolute;
content: '';
background: #000;
width: 15px;
height: 2px; }
.accordion-area .title::before {
top: 48%;
left: 0;
transform: rotate(0deg); }
.accordion-area .title::after {
top: 48%;
left: 0;
transform: rotate(90deg);
transition: all .3s ease-out; }
/* closeというクラスがついたら − */
.accordion-area .title.close::after {
transform: rotate(0deg); }
/*アコーディオンで現れるエリア*/
.accordion-area .box {
display: none;
/*はじめは非表示*/
padding: 10px 16px 10px 46px;
border-left: solid 1px #999;
margin-left: 6px;
}
.accordion-area .box p {
margin: 0;
font-size: 1.6rem; }
@media screen and (max-width: 768px) {
.accordion-area .title,
.accordion-area .box p {
font-size: 3vw; }
.columns,
.columns-column{
padding: 0 5%;
}
.columns .summary,
.columns .figs {
width: 100%;
}
.columns .figs {
text-align: center;
}
}
@media screen and (min-width: 769px) {
.colmn-order .summary {
order: 2;
}
.colmn-order .fig {
order: 1;
}
}
#features {
background: #f2f2f9;
padding: 50px 5%;
text-align: center;
}
#features .features-list li {
background: #fff;
border-radius: 50px;
padding: 15px 20px 17px 55px;
font-size: 1.8rem;
}
#features .features-list li::before{
top: 12px;
left: 15px;
line-height: 30px;
}
#features .features-body{
display: inline-block;
text-align: left;
}
.movie {
width: 100%;
max-width: 600px;
aspect-ratio: 16 / 9;
}
.movie iframe {
width: 100%;
height: 100%;
}