﻿@import url("https://use.typekit.net/qpr2ozi.css");a:focus-visible,button:focus-visible,input:not([type="range"]):focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:not([tabindex="-1"]):focus-visible{outline:5px solid var(--a11y-focuscolor, #06c);outline-offset:-5px}[id]:not(input:not([type="range"])):not(textarea):not(select):focus-visible{outline:0}.con_intro{max-width:calc(1050 / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_intro .intro_detail{margin-bottom:calc(70 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_intro .intro_detail{margin-bottom:calc(40 / var(--base) * 1em)}}.con_intro .intro_detail .intro_hsub{font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_intro .intro_detail .intro_hsub{--fsz:30}}@media only screen and (max-width: 767px){.con_intro .intro_detail .intro_hsub{--fsz:24}}.con_abilive_livecamera{--base:14.04}@media only screen and (max-width: 767px){.con_abilive_livecamera{--base:15.2344}}@media only screen and (min-width: 1200px){.con_abilive_livecamera{padding:calc(90 / var(--base) * 1em) 5.9322% calc(135 / var(--base) * 1em)}}@media print{.con_abilive_livecamera{padding:calc(90 / var(--base) * 1em) 5.9322% calc(135 / var(--base) * 1em)}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_abilive_livecamera{padding-block:calc(80 / var(--base) * 1em)}}@media only screen and (max-width: 1199px){.con_abilive_livecamera{margin-inline:auto;width:91.66667%}}@media only screen and (max-width: 767px){.con_abilive_livecamera{padding-bottom:calc(80 / var(--base) * 1em)}}.con_abilive_livecamera .box_advantage{border-top-left-radius:calc(10 / var(--base) * 1em);border-top-right-radius:calc(10 / var(--base) * 1em);position:relative}.con_abilive_livecamera .box_advantage>.title{font-size:calc(var(--fsz) / var(--base) * 1em);color:#fff;background:#000;border-top-left-radius:calc(10 / var(--fsz) * 1em);border-top-right-radius:calc(10 / var(--fsz) * 1em);text-align:center;letter-spacing:0.08em;position:relative}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.title{--fsz:23;padding:calc(20 / var(--fsz) * 1em) calc(15 / var(--fsz) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.title{--fsz:16;line-height:calc(27 / 19);padding-inline:calc(10 / var(--fsz) * 1em);padding-block:calc(20 / var(--fsz) * 1em) calc(12 / var(--fsz) * 1em)}}.con_abilive_livecamera .box_advantage>.title::after{content:"";width:calc(67 / var(--fsz) * 1em);height:calc(26 / var(--fsz) * 1em);background:#000;clip-path:polygon(0 0, 50% 100%, 100% 0);position:absolute;left:0;right:0;margin-inline:auto;top:calc(100% - 1 / var(--fsz) * 1em);z-index:2}.con_abilive_livecamera .box_advantage>.box_inner{background:url("../../service/images/livecamera/bg_advantage.webp") no-repeat center center/cover}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner{padding-inline:clamp(calc(54 * 0.5 / var(--base) * 1em), calc(54 / 1920 * 100vw), calc(54 / var(--base) * 1em));padding-block:clamp(calc(65 * 0.5 / var(--base) * 1em), calc(65 / 1920 * 100vw), calc(65 / var(--base) * 1em)) clamp(calc(62 * 0.5 / var(--base) * 1em), calc(62 / 1920 * 100vw), calc(62 / var(--base) * 1em))}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner{padding:calc(30 / var(--base) * 1em) calc(20 / var(--base) * 1em)}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list{background:#fff;border-top-left-radius:calc(16 / var(--base) * 1em);border-top-right-radius:calc(16 / var(--base) * 1em);border-bottom-left-radius:calc(8 / var(--base) * 1em);border-bottom-right-radius:calc(8 / var(--base) * 1em);display:grid}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list{padding-block:calc(42 / var(--base) * 1em) calc(47 / var(--base) * 1em);padding-inline:calc(10 / var(--base) * 1em);grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list{grid-template-columns:100%;gap:calc(30 / var(--base) * 1em);padding:calc(30 / var(--base) * 1em) calc(20 / var(--base) * 1em)}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li:not(:last-child){border-right:1px solid #e3e3e3}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item{display:flex;flex-direction:column;height:100%}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item{padding-inline:clamp(calc(30 * 0.5 / var(--base) * 1em), calc(30 / 1920 * 100vw), calc(30 / var(--base) * 1em))}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title{display:flex;align-items:center}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title{gap:clamp(calc(22 * 0.5 / var(--base) * 1em), calc(22 / 1920 * 100vw), calc(22 / var(--base) * 1em))}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title{gap:calc(15 / var(--base) * 1em)}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_rank .txt{font-size:calc(var(--fsz) / var(--base) * 1em);font-weight:700;color:#fff;background:#003091;background:linear-gradient(90deg, #003091 0%,#1662f2 100%);display:block}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_rank .txt{--fsz:13;font-size:clamp(calc(var(--fsz) * 0.75 / var(--base) * 1em), calc(var(--fsz) / 1920 * 100vw), calc(var(--fsz) / var(--base) * 1em));padding:calc(5 / var(--fsz) * 1em) calc(12 / var(--fsz) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_rank .txt{--fsz:10;padding:calc(5 / var(--fsz) * 1em) calc(8 / var(--fsz) * 1em)}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_rank .txt_number{font-weight:700;display:block;text-align:center;padding-block:calc(11 / var(--fsz) * 1em) calc(9 / var(--fsz) * 1em);line-height:1;border:1px solid #b9bfcc;border-top:0;padding-inline:0.3em;font-family:"futura-pt", sans-serif;font-weight:600}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_rank .txt_number{--fsz:45;font-size:clamp(calc(var(--fsz) * 0.75 / var(--base) * 1em), calc(var(--fsz) / 1920 * 100vw), calc(var(--fsz) / var(--base) * 1em))}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_rank .txt_number{--fsz:30;font-size:calc(var(--fsz) / var(--base) * 1em)}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_title{font-size:calc(var(--fsz) / var(--base) * 1em);letter-spacing:0.025em;line-height:calc(29 / 23)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_title{--fsz:23;font-size:clamp(calc(var(--fsz) * 0.7 / var(--base) * 1em), calc(var(--fsz) / 1200 * 100vw), calc(var(--fsz) / var(--base) * 1em))}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item>.title .txt_title{--fsz:18}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item .txt_desc{line-height:calc(26 / 15);flex:1 1 auto;font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item .txt_desc{--fsz:15;margin-top:calc(36 / var(--fsz) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item .txt_desc{--fsz:14;margin-top:calc(12 / var(--fsz) * 1em)}}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item .img{margin-top:calc(12 / var(--base) * 1em);display:block}.con_abilive_livecamera .box_advantage>.box_inner>.box_list>li>.box_item .img img{width:100%}.con_abilive_livecamera .box_benefit{background:#fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);border-radius:calc(8 / var(--base) * 1em);position:relative;margin-top:calc(73 / var(--base) * 1em)}.con_abilive_livecamera .box_benefit>.title{font-size:calc(var(--fsz) / var(--base) * 1em);color:#fff;background:#000;border-top-left-radius:calc(8 / var(--fsz) * 1em);border-top-right-radius:calc(8 / var(--fsz) * 1em);text-align:center;letter-spacing:0.08em;position:relative}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_benefit>.title{--fsz:23;padding:calc(20 / var(--fsz) * 1em) calc(15 / var(--fsz) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_benefit>.title{--fsz:16;line-height:calc(27 / 19);padding-inline:calc(10 / var(--fsz) * 1em);padding-block:calc(20 / var(--fsz) * 1em) calc(12 / var(--fsz) * 1em)}}.con_abilive_livecamera .box_benefit>.title::after{content:"";width:calc(67 / var(--fsz) * 1em);height:calc(26 / var(--fsz) * 1em);background:#000;clip-path:polygon(0 0, 50% 100%, 100% 0);position:absolute;left:0;right:0;margin-inline:auto;top:calc(100% - 1 / var(--fsz) * 1em);z-index:2}.con_abilive_livecamera .box_benefit .box_list{display:grid}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_benefit .box_list{grid-template-columns:repeat(3, 1fr)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_benefit .box_list{grid-template-columns:100%}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_benefit .box_list>li{border-right:1px solid #d9d9d9}.con_abilive_livecamera .box_benefit .box_list>li:nth-child(3n){border-right:0}.con_abilive_livecamera .box_benefit .box_list>li:nth-child(1),.con_abilive_livecamera .box_benefit .box_list>li:nth-child(2),.con_abilive_livecamera .box_benefit .box_list>li:nth-child(3){border-bottom:1px solid #d9d9d9}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_benefit .box_list>li{border-bottom:1px solid #d9d9d9}}.con_abilive_livecamera .box_benefit .box_list>li .box_item{text-align:center;padding-block:calc(55 / var(--base) * 1em) calc(36 / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_benefit .box_list>li .box_item{padding-inline:10.70039%}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_benefit .box_list>li .box_item{padding-inline:calc(15 / var(--base) * 1em)}}.con_abilive_livecamera .box_benefit .box_list>li .box_item>.title{font-size:calc(var(--fsz) / var(--base) * 1em);margin-bottom:calc(15 / var(--fsz) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_benefit .box_list>li .box_item>.title{--fsz:21}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_benefit .box_list>li .box_item>.title{--fsz:18}}.con_abilive_livecamera .box_benefit .box_list>li .box_item>.title span{font-size:71.42857%;display:block;font-weight:400}.con_abilive_livecamera .box_benefit .box_list>li .box_item .box_desc{text-align:left;margin-top:calc(15 / var(--base) * 1em)}.con_abilive_livecamera .box_benefit .box_list>li .box_item .box_desc li{font-size:calc(var(--fsz) / var(--base) * 1em);line-height:calc(26 / 15);padding-left:calc(30 / var(--fsz) * 1em);position:relative}.con_abilive_livecamera .box_benefit .box_list>li .box_item .box_desc li+li{margin-top:calc(10 / var(--fsz) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_benefit .box_list>li .box_item .box_desc li{--fsz:15}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_benefit .box_list>li .box_item .box_desc li{--fsz:14}}.con_abilive_livecamera .box_benefit .box_list>li .box_item .box_desc li::before{content:"";width:calc(21 / var(--fsz) * 1em);height:calc(21 / var(--fsz) * 1em);background:url("../../service/images/livecamera/ic_check.png") no-repeat center center/contain;position:absolute;left:0}.con_abilive_livecamera .box_intro{margin-top:calc(73 / var(--base) * 1em)}.con_abilive_livecamera .box_intro>.title{text-align:center;font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.title{--fsz:23}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.title{--fsz:20}}.con_abilive_livecamera .box_intro>.box_list{background:#fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);border-radius:calc(8 / var(--base) * 1em);margin-top:calc(18 / var(--base) * 1em);position:relative;overflow:hidden}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list{padding:calc(14 / var(--base) * 1em) calc(17 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.box_list{padding:calc(10 / var(--base) * 1em);display:grid;grid-template-columns:repeat(2, 1fr);gap:calc(15 / var(--base) * 1em)}}.con_abilive_livecamera .box_intro>.box_list>li{position:relative;z-index:1}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list>li+li{margin-top:calc(15 / var(--base) * 1em)}}@media only screen and (min-width: 1200px){.con_abilive_livecamera .box_intro>.box_list>li.item_large{position:absolute;top:0;bottom:0;right:0;z-index:0;width:50%;margin:0}}@media print{.con_abilive_livecamera .box_intro>.box_list>li.item_large{position:absolute;top:0;bottom:0;right:0;z-index:0;width:50%;margin:0}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_abilive_livecamera .box_intro>.box_list>li.item_large{margin-inline:calc(-17 / var(--base) * 1em);margin-block:calc(30 / var(--base) * 1em) calc(-14 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.box_list>li.item_large{grid-column:1 / span 2;margin:calc(-10 / var(--base) * 1em);margin-top:calc(30 / var(--base) * 1em)}}.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item .box_text{position:relative;z-index:1}@media only screen and (min-width: 1200px){.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item .box_text{position:absolute;bottom:7%;left:24%}}@media print{.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item .box_text{position:absolute;bottom:7%;left:24%}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item .box_text{left:5%}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item .box_text{padding-block:calc(100 / var(--base) * 1em) calc(50 / var(--base) * 1em);padding-inline:5%}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item .box_text{padding-block:calc(150 / var(--base) * 1em) calc(50 / var(--base) * 1em);padding-inline:5%}}.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item>.img{position:absolute;top:0;bottom:0;right:0;left:auto;z-index:0}@media only screen and (min-width: 1200px){.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item>.img img{width:auto;max-width:none;max-height:100%;border-top-right-radius:calc(8 / var(--base) * 1em);border-bottom-right-radius:calc(8 / var(--base) * 1em)}}@media print{.con_abilive_livecamera .box_intro>.box_list>li.item_large .box_item>.img img{width:auto;max-width:none;max-height:100%;border-top-right-radius:calc(8 / var(--base) * 1em);border-bottom-right-radius:calc(8 / var(--base) * 1em)}}@media only screen and (min-width: 1200px){.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large){width:50%}}@media print{.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large){width:50%}}.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large) .box_item{display:flex}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large) .box_item{gap:calc(35 / var(--base) * 1em);align-items:center}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large) .box_item{flex-direction:column}}.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large) .box_item .img{display:block;border-radius:calc(8 / var(--base) * 1em);background:#fff;-webkit-box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);overflow:hidden;order:-1}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large) .box_item .img{flex:0 0 36.64021%;max-width:calc(277 / var(--base) * 1em)}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list>li:not(.item_large) .box_item .box_text{flex:1 1 auto}}.con_abilive_livecamera .box_intro>.box_list>li .box_text>.title{font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list>li .box_text>.title{--fsz:20}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_abilive_livecamera .box_intro>.box_list>li .box_text>.title{--fsz:18}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.box_list>li .box_text>.title{--fsz:16;margin-top:calc(10 / var(--fsz) * 1em)}}.con_abilive_livecamera .box_intro>.box_list>li .box_text .box_desc{margin-top:calc(13 / var(--base) * 1em)}.con_abilive_livecamera .box_intro>.box_list>li .box_text .box_desc li{font-size:calc(var(--fsz) / var(--base) * 1em);line-height:calc(26 / 15);padding-left:calc(15 / var(--fsz) * 1em);font-size:calc(var(--fsz) / var(--base) * 1em);position:relative}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_intro>.box_list>li .box_text .box_desc li{--fsz:15}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_abilive_livecamera .box_intro>.box_list>li .box_text .box_desc li{--fsz:14}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_intro>.box_list>li .box_text .box_desc li{--fsz:14}}.con_abilive_livecamera .box_intro>.box_list>li .box_text .box_desc li::before{content:"・";position:absolute;top:0;left:0}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system{margin-top:calc(115 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system{margin-top:calc(70 / var(--base) * 1em)}}.con_abilive_livecamera .box_system>.title{text-align:center;font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.title{--fsz:23}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.title{--fsz:20}}.con_abilive_livecamera .box_system>.box_list{background:#fff;border-radius:calc(8 / var(--base) * 1em);box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);position:relative}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list{margin-top:calc(20 / var(--base) * 1em);padding-block:calc(50 / var(--base) * 1em) calc(60 / var(--base) * 1em);padding-inline:calc(40 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list{margin-top:calc(18 / var(--base) * 1em);padding-block:calc(30 / var(--base) * 1em) calc(40 / var(--base) * 1em);padding-inline:calc(15 / var(--base) * 1em)}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li+li{padding-top:calc(70 / var(--base) * 1em);border-top:1px solid #d5d5d5;margin-top:calc(70 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li+li{margin-top:calc(50 / var(--base) * 1em)}}.con_abilive_livecamera .box_system>.box_list>li .box_item{display:flex}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item{gap:calc(60 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item{flex-direction:column}}.con_abilive_livecamera .box_system>.box_list>li .box_item>.img{order:-1}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item>.img{flex:0 0 calc(363 / var(--base) * 1em);max-width:35%}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text{flex:1 1 auto}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text{display:contents}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text>.title{font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text>.title{--fsz:20}}@media only screen and (min-width: 1200px) and (max-width: 1560px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text>.title{--fsz:18}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text>.title{--fsz:18;order:-3}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .txt{font-size:calc(var(--fsz) / var(--base) * 1em);margin-top:calc(11 / var(--base) * 1em);line-height:calc(26 / 15)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .txt{--fsz:15}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .txt{--fsz:14;order:-2;margin-bottom:calc(15 / var(--fsz) * 1em)}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .txt small{font-size:100%}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment{background:#c8e3fa;border-radius:calc(10 / var(--base) * 1em);text-align:center;position:relative}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment{padding:calc(38 / var(--base) * 1em) 5%;margin-top:calc(25 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment{padding:calc(15 / var(--base) * 1em) calc(10 / var(--base) * 1em);margin-top:calc(35 / var(--base) * 1em)}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment::before{content:"";position:absolute;background:#c8e3fa}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment::before{top:calc(40 / var(--base) * 1em);right:100%;width:calc(28 / var(--base) * 1em);height:calc(28 / var(--base) * 1em);clip-path:polygon(100% 0, 0 50%, 100% 100%)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment::before{left:0;right:0;width:calc(21 / var(--base) * 1em);height:calc(21 / var(--base) * 1em);bottom:calc(100% - calc(1 / var(--base) * 1em));margin-inline:auto;clip-path:polygon(50% 0, 0 100%, 100% 100%)}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc{display:inline-block;vertical-align:top;text-align:left;margin-top:calc(20 / var(--base) * 1em)}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_title{font-size:calc(var(--fsz) / var(--base) * 1em);font-weight:700;line-height:calc(26 / 17)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_title{--fsz:17}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_title{--fsz:15}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_note{font-size:calc(var(--fsz) / var(--base) * 1em);line-height:calc(26 / 15);margin-top:calc(11 / var(--fsz) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_note{--fsz:15}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_note{--fsz:14}}.con_abilive_livecamera .box_system>.box_list>li .box_item .box_text .box_comment .box_desc .txt_note small{font-size:100%}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li.item_large .box_item>.img{flex:0 0 55.47945%;max-width:none}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_system>.box_list>li.item_large .box_item .box_text{order:-2}}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_install{margin-top:calc(115 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_install{margin-top:calc(70 / var(--base) * 1em)}}.con_abilive_livecamera .box_install>.title{text-align:center;font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_install>.title{--fsz:23}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_install>.title{--fsz:20}}.con_abilive_livecamera .box_install>.box_content{background:#fff;border-radius:calc(8 / var(--base) * 1em);box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);position:relative;text-align:center}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_install>.box_content{margin-top:calc(20 / var(--base) * 1em);padding-block:calc(60 / var(--base) * 1em) calc(64 / var(--base) * 1em);padding-inline:calc(40 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_install>.box_content{margin-top:calc(18 / var(--base) * 1em);padding-block:calc(30 / var(--base) * 1em) calc(40 / var(--base) * 1em);padding-inline:calc(15 / var(--base) * 1em)}}.con_abilive_livecamera .box_install>.box_content .img{display:inline-block;vertical-align:top}.con_abilive_livecamera .box_install>.box_content .img .movie_video{display:block;text-decoration:none;position:relative}.con_abilive_livecamera .box_install>.box_content .img .movie_video::after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:calc(73 / var(--base) * 1em);max-height:calc(73 / var(--base) * 1em);width:16%;aspect-ratio:1;background:url("../images/home/ic_play2.png") center/contain no-repeat;content:""}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_example{margin-top:calc(115 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_example{margin-top:calc(70 / var(--base) * 1em)}}.con_abilive_livecamera .box_example>.title{text-align:center;font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_example>.title{--fsz:23}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_example>.title{--fsz:20}}.con_abilive_livecamera .box_example>.box_list{display:grid}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_example>.box_list{gap:calc(24 / var(--base) * 1em);grid-template-columns:repeat(4, 1fr);margin-top:calc(25 / var(--base) * 1em)}}@media only screen and (min-width: 768px) and (max-width: 1199px){.con_abilive_livecamera .box_example>.box_list{gap:calc(15 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_example>.box_list{grid-template-columns:100%;gap:calc(30 / var(--base) * 1em);margin-top:calc(18 / var(--base) * 1em)}}.con_abilive_livecamera .box_example>.box_list>li .img .movie_video{display:block;text-decoration:none;position:relative}.con_abilive_livecamera .box_example>.box_list>li .img .movie_video::after{display:block;position:absolute;top:0;left:0;right:0;bottom:0;margin:auto;max-width:calc(73 / var(--base) * 1em);max-height:calc(73 / var(--base) * 1em);width:16%;aspect-ratio:1;background:url("../images/home/ic_play2.png") center/contain no-repeat;content:""}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee{margin-top:calc(115 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee{margin-top:calc(70 / var(--base) * 1em)}}.con_abilive_livecamera .box_fee>.title{text-align:center;font-size:calc(var(--fsz) / var(--base) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee>.title{--fsz:23}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee>.title{--fsz:20}}.con_abilive_livecamera .box_fee>.box_price{text-align:center;background:#fff;padding-inline:5%;border-radius:calc(8 / var(--base) * 1em);box-shadow:0 1px 3px 0 rgba(0,0,0,0.25);position:relative}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee>.box_price{padding-block:calc(50 / var(--base) * 1em);margin-bottom:calc(90 / var(--base) * 1em);margin-top:calc(30 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee>.box_price{padding-block:calc(30 / var(--base) * 1em);margin-bottom:calc(50 / var(--base) * 1em);margin-top:calc(18 / var(--base) * 1em)}}.con_abilive_livecamera .box_fee>.box_price::after{content:"";position:absolute;left:0;right:0;margin-inline:auto;background:url("../../service/images/ai-photo_movie/img_arrow_down.png") no-repeat center center/contain;top:100%;aspect-ratio:223 / 28}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee>.box_price::after{width:calc(223 / var(--base) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee>.box_price::after{width:calc(111 / var(--base) * 1em)}}.con_abilive_livecamera .box_fee>.box_price .txt_title{font-size:calc(var(--fsz) / var(--base) * 1em);font-weight:700}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee>.box_price .txt_title{--fsz:25}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee>.box_price .txt_title{--fsz:20}}.con_abilive_livecamera .box_fee>.box_price .txt_price{font-size:calc(var(--fsz) / var(--base) * 1em);color:#eb1010;font-weight:700;margin-top:calc(10 / var(--fsz) * 1em)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee>.box_price .txt_price{--fsz:40}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee>.box_price .txt_price{--fsz:30}}.con_abilive_livecamera .box_fee>.box_price .txt_price span{font-size:50%}.con_abilive_livecamera .box_fee .box_button_contact{text-align:center}.con_abilive_livecamera .box_fee .box_button_contact .txt_title{font-size:calc(var(--fsz) / var(--base) * 1em);font-weight:700}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee .box_button_contact .txt_title{--fsz:30}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee .box_button_contact .txt_title{--fsz:18}}.con_abilive_livecamera .box_fee .box_button_contact .txt_title span{display:block;font-size:63.33333%}.con_abilive_livecamera .box_fee .box_button_contact .btn .button{font-size:calc(var(--fsz) / var(--base) * 1em);border-radius:calc(36 / var(--fsz) * 1em);background:#0098dd;color:#fff;font-weight:700;text-decoration:none;max-width:100%;display:inline-block;vertical-align:top;-webkit-box-shadow:1px 1px 15px 0 rgba(0,0,0,0.35);box-shadow:1px 1px 15px 0 rgba(0,0,0,0.35)}@media only screen and (min-width: 768px){.con_abilive_livecamera .box_fee .box_button_contact .btn .button{--fsz:17;padding:calc(24 / var(--fsz) * 1em) calc(35 / var(--fsz) * 1em);width:calc(332 / var(--fsz) * 1em);margin-top:calc(35 / var(--fsz) * 1em)}}@media only screen and (max-width: 767px){.con_abilive_livecamera .box_fee .box_button_contact .btn .button{--fsz:14;padding:calc(18 / var(--fsz) * 1em) calc(30 / var(--fsz) * 1em);width:calc(258 / var(--fsz) * 1em);margin-top:calc(25 / var(--fsz) * 1em)}}
