<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
html {
scroll-behavior: smooth;
font-size: 62.5%; /* ルート要素のフォントサイズを1rem=10pxと定義する */
}
body {
font-family:'Roboto',"Hiragino Kaku Gothic ProN",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-size: 1.8rem;/* 1.4rem=14px */
}
*:focus {
outline: none !important;
box-shadow: none !important;
}
a {color:/*#000*/#434343;}
a:hover {text-decoration:none !important;}

a.btn-primary:hover {
color:#fff;
background-color: #006cb9;
border-color: #006cb9;
}
a:hover img,
a:hover i {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
ul {
list-style: none;
padding-left: 0;
}

table {background: #FFF;}
table th,table td {
text-align: center;
vertical-align: middle !important;
}
.table .thead-light th {
color: #FFF;
background-color: #5f5f5f;
border-color: #dee2e6;
border-bottom: none;
}


/*------------------------------------
text common
--------------------------------------*/
.text-s {font-size:0.8rem}
.text-sm {font-size:1rem !important}
.text-m {font-size:1.2rem !important}
.text-m2 {font-size: 1.3rem}
.text-c {font-size:1.4rem}
.text-c2 {font-size: 1.5rem}
.text-l,
.text-l-l2,
.text-l-xl {font-size:1.6rem}
.text-sxl {font-size:1.8rem}
.text-xl,
.text-xl-xxl,
.text-xl-xxls  {font-size:2rem}
.text-xs2l-xxl {font-size:2.3rem}
.text-x2l {font-size: 2.4rem !important;}
.text-xxl,
.text-xxl-3x {font-size:/*2.6rem*/2.55rem !important;}
.text-3x,
.text-3x-4x {font-size:3rem}
.text-35x-45x {font-size:3.5rem}
.text-4x,
.text-4x-6x {font-size:4rem}
.text-5x,
.text-5x-8x,
.text-5x-9x {font-size:5rem}
.text-6x {font-size:6rem}
.text-7x {font-size:7rem}
.text-8x {font-size:8rem}
/*↓ キャンペーン専用*/
.text-sm-xl-xxl {font-size: 2rem}

h1,h2,h3,h4,h5,.strong {font-weight:bold;}
h3 {font-size: /*1.6*/2rem;}
.text-gray {color:#888888;}
.text-orange {color:#e34f28;}
.text-yellow {color: #fcff57;}
.text-blue {color:#1f8ede;}
.text-dblue {color:#1d2087;}
.text-titleblue {color:#006BB9;}
.text-titleorange {color:#B99A2E;}
.line-1 {line-height: 1;}
.line-12 {line-height: 1.2 !important;}
.line-13 {line-height: 1.3 !important;}
.line-14 {line-height: 1.4 !important;}
.line-normal {line-height: 1.5 !important;}
.line-16 {line-height: 1.6 !important;}
.line-18 {line-height: 1.8 !important;}
.line-24 {line-height: 2.4 !important;}


.text-indent1 {text-indent:1rem;}

.underline {
/*text-decoration: underline !important;*/
border-bottom: 1px solid #000;
/*padding-bottom: 1px;*/
}
.underline:hover {
border-bottom:1px solid #0056b3;
}

.b-underline {
border-bottom: 1px solid #1f8ede;
}


h1.title {
margin-bottom: 3rem;
padding:2rem 0 3rem;
border-bottom: 3px solid #c2c2c2;
text-align: center;
}
h1.title span {font-size: 2rem;}

/*カッコつきの番号*/
ol.list_parentheses{
/*padding:0 0 0 2em;*/
padding-left: 0;
/*margin:0;*/
}
ol.list_parentheses li{
list-style-type:none;
list-style-position:inside;
counter-increment: cnt;
list-style-position:inside;
text-indent: -1.45rem;
padding-left: 2rem;
}
ol.list_parentheses li:before{
display: marker;
content: "(" counter(cnt) ") ";
}
/*黒丸*/
ol.list-disc,
ul.list-disc {
list-style: disc;
padding-left: 0;
}
ol.list-disc li,
ul.list-disc li {
list-style-position:inside;
text-indent: -1.8rem;
padding-left: 2rem;
margin-bottom: 0.5rem;
}

/*マーク付きリスト*/
ul.list-mark {padding-left: 0;}
ul.list-mark li {
list-style-position:inside;
padding-left: 2rem;
text-indent: -1.45rem;
margin-bottom: 0.5rem;
}
ul.list-mark li:before,
p.list-mark:before {
font-family: 'icomoon';
content: '\ea6f';
font-size: 1rem;
color: #c5c5c5;
margin-right: 0.5rem;
}
/*※付きリスト*/
ul.bikou {padding-left: 0;}
ul.bikou li {
list-style-position:inside;
text-indent: -1.45rem;
padding-left: 2rem;
}
ul.bikou li:before {content: "※";}
/*マークなし*/
li.non-dec,li.non-dec:before {
list-style:none !important;
content: none !important;
}



/*------------------------------------
btn,icon
--------------------------------------*/
.btn {
transition: all 0.2s ease-in-out;
}
.btn.link,
.accordion a.btn {
position: relative;
padding: 0.8rem /*4rem*/;
margin: 1rem auto;
}

.btn-outline-dark {border-color:#a5a5a5;}
#app_renewal .btn-outline-dark {
border-color:#6e6e6e;
background:#6e6e6e;
color: #fff;
}

.btn-outline-dark:hover {
background-color: #8a8a8a;
border-color: #8a8a8a;
color: #fff;
}
#app_renewal .btn-outline-dark:hover {
background-color: #828282;
border-color: #828282;
color: #fff;
}

.btn-outline-dark:not(:disabled):not(.disabled):active, 
.btn-outline-dark:not(:disabled):not(.disabled).active,
.show &gt; .btn-outline-dark.dropdown-toggle {
background-color: #8a8a8a;
border-color: #8a8a8a;
color: #fff;
}

.btn-box-text {
padding: 0.6rem 1rem;
background: #FFF;
line-height: 1.2;
font-weight: bold;
color:#e34f28;
}
.blue-btn {
position: relative;
margin: 0.5rem 1.5rem;
padding: 1.6rem 1.2rem;
border: 3px solid #1f8ede;
border-radius: 5rem;
text-align: center;
color: #1f8ede;
transition: all 0.8s ease 0s;
}
.blue-btn:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
top: 1.6rem;
right: 1.3rem;
}




 /*icomoon*/
.icon_arrow:after,
.accordion a[data-toggle="collapse"]::after,
#page-top a:before{
position:absolute;
font-family: 'icomoon';
font-size:1.6rem;
}
.accordion a[data-toggle="collapse"]:hover::after {
color: #FFF;
}
.accordion a[aria-expanded=false]::after {
content: "\e918";
color: #727171;
top:0.6rem;
right:1.5rem;
transform: rotate(90deg);
transition: all 0.3s ease-in-out;
}
.accordion a[aria-expanded=true]::after {
content: "\e916";
color: #727171;
top:0.6rem;
right:1.5rem;
transition: all 0.3s ease-in-out;
}
.btn.arrow-right:after {
position:absolute;
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size:2rem ;
color: #727171;
top:0.4rem;
right:1.3rem;
transition: 0.2s;
}
#app_renewal .btn.arrow-right:after {
position:absolute;
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size:2rem ;
color: #fff;
top:0.4rem;
right:1.3rem;
transition: 0.2s;
}

.btn.arrow-right:hover:after,
.btn.arrow-right:focus:after,
.btn.arrow-right-w:hover:after,
.btn.arrow-right-w:focus:after {
color: #FFF;
right: 0.6rem;
}
#app_renewal .btn.arrow-right:hover:after,
#app_renewal .btn.arrow-right:focus:after {
right: 0.6rem;
}


#btn-register .btn.arrow-right:after {
top: 2.0rem;
color: #FFF;
font-weight: normal;
}
#btn-register2 .btn.arrow-right:after {
top: 2.48rem;
color: #FFF;
font-weight: normal;
}


.icon-spread:before,
.icon-devices:before,
.icon-money:before {font-size: 8rem;}


.icon-fukidashi:before {
content: "\eb0d";
position: relative;
top: 0.7rem;
}
.icon-note:before,
.icon-graph:before,
.icon-change:before,
.icon-ryoudate:before {
content: "\eb0d";
position: relative;
top: 1rem;
font-size:3.7rem;
}



li.link-mark {
text-indent: 0rem !important;
padding-left: 0rem !important;
}
/*.link-mark a:visited {color: #995599;}　　とりあえずコメントアウト　*/
.link-mark a:before {
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size: 1.2rem;
color: #389ae1;
margin-right: 0.5rem;
}
.link-mark a {
color: #389ae1;
}
.link-after:after {
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
font-size: inherit;
color: #b8b8b8;;
}
.link-bottom:after {
display: inline-block;
font-family: 'icomoon';
content: "\e913";
font-size: inherit;
color: #727171;
margin-left: 0.4rem;
}

.icon-letter:before {
font-size: 3rem;
color: #1f8ede;
}
.icon-checkin:before {
font-size: 5.8rem;
color: #1f8ede;
}
.icon-chart:before {
font-size: 6.5rem;
color: #1f8ede;
}
.icon-pdf {color: #da694b;}
.icon-new-tab {color: #808080;}
.icon-sp_btn_login:before {color: #f5d946 !important;}
.icon-sp_btn_new:before {color: #e34f28 !important;}
.icon-word:before {
font-family: 'icomoon' !important;
content: "\eb07";
line-height: 1;
color: #616de0;
}
.icon_arrow:after {
position:relative;
content: "\eb0a";
font-size: 4.5rem;
color: /*#1f8ede*/#57b1f3;
}


button.arrow-down {
position: relative;
}
button.arrow-down[aria-expanded="false"]:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content: '\e913';
/*margin-right: 0.5rem;*/
right: 2rem;
transition: all 0.2s ease-in-out;
}

button.arrow-down[aria-expanded="true"]:after {
display: inline-block;
position: absolute;
font-family: 'icomoon';
content: '\e913';
/*margin-right: 0.5rem;*/
right: 2rem;
transform: rotate(-180deg);
transition: all 0.2s ease-in-out;
}

/*.icon.icon-angle-down {font-size:5rem;}*/

/*------------------------------------
header nav
--------------------------------------*/
.logo {
width: 45%;
max-width: 270px;
}
.navbar-brand {padding: 0;}
.lp-header {
background-color:/*#e9e98b*/#FFF;
}


/*1200px以上*/
@media (min-width: 1200px)  {
.lp-header {
background:url( "../img/top-iphone.png" ) top 180px center no-repeat  #fff;
/*background-size: cover;*/
border-top: 15px solid #00a040;
}
}

/*992px以上　～ 1199px以下*/
@media (min-width: 992px) and (max-width: 1199.98px) {
.lp-header {
background:url( "../img/top-iphone.png" ) top 160px center no-repeat  #fff;
/*background-size: cover;*/
border-top: 15px solid #00a040;
}
}

/*768px以上　～ 991px以下*/
@media (min-width: 768px) and (max-width: 991.98px) {
.lp-header {
background:url( "../img/top-iphone.png" ) top 140px center no-repeat  #fff;
/*background-size: cover;*/
/*background-size: 130%;*/
border-top: 15px solid #00a040;
}
.ml-md-m5 { margin-left: -3rem }
}

/*------------------------------------
footer
--------------------------------------*/
footer .f-nav li {
margin-bottom: 0.5rem;
line-height:1.4;
}
footer ul.f-link li a {padding-left: 1rem;}
footer ul.f-link li:before {content: "|"}
.border-top {border-top: 1px solid #dcdcdc;}
.border-btm {border-bottom: 1px solid #dcdcdc;}

#page-top {
position: fixed;
right: 7%;
}
#page-top a:before {
content: '\e911';
font-size: 3.8rem;
color:#959595;
bottom: 2%;
opacity: 0.9;
}
#page-top a:hover {
color: #959595;
opacity: 0.7;
}



/*------------------------------------
Contents
--------------------------------------*/
/*共通*/
.accordion {
width: 100%;
text-align: center;
}
.position-re {position: relative;}

.bg-blue {background: #1f8ede !important;}
.bg-blue2 {background: #d4ecff !important;}
.bg-lightblue {background: #ecf6fe !important;}
.bg-pink {background:#fee7e1 !important;}
.bg-dpink {background:#e76e63 !important;}
.bg-orange {background:#e34f28 !important;}
a .bg-orange:hover {background: #f0643e !important;}
.bg-blue2 {background:#373c9f !important;}
a .bg-blue2:hover {background: #4a50c0 !important;}
.bg-purple {background:#7a64a9 !important;}
.bg-lgray {background: #f4f4f4 !important;}
.bg-gray {background: #dbdbdb !important;}
.bg-dgray {background: #5f5f5f !important;}
.bg-dgray p, .bg-dgray a{color: #FFF;}
.bg-gray2 {background: #f2f5f8 !important;}
.bg-dgray2 {background: #e9ecef !important;}
.border-1-white {border:1px solid #fff;}
.border-2-white {border:2px solid #fff;}
.border-1-lgray {border:1px solid #dbdbdb;}
.border-2-lgray {border:2px solid #dbdbdb;}
.border-1-dgray {border:1px solid #5f5f5f;}
.border-1-gray3 {border:1px solid #898989;}
.border-2-blue {border:2px solid #1f8ede !important}
.border-1-orange {border:1px solid #fb410f;}
.border-b1-lgray {border-bottom:1px solid #dbdbdb;}
.border-b2-lgray {border-bottom:2px solid #dbdbdb;}
.border-t1-black {border-top:1px solid #212529;}
.border-t1-lgray {border-top:1px solid #dbdbdb;}
.border-left-lgray {border-left:10px solid #dbdbdb;}
.border-left-gray {border-left:10px solid #8c8c8c;}

.m0-auto {margin:0 auto;}
.ml-19 {margin-left: 1.9rem;}
.ml-23 {margin-left: 2.3rem;}
.w-18 {width: 18% !important;}
.pb-5-7 {padding-bottom: 3rem;}

.rounded-xl {
  border-radius: 0.5rem !important;
}
.rounded-3r {
  border-radius: 3rem !important;
}

.badge-danger {
display: inline-block;
margin-right: 1rem;
padding: 0.1rem 1rem 0 1rem;
background-color: #dc3545;
border-radius: 2rem;
font-size: 1.4rem;
color: #fff;
}
h2 .badge-danger {font-size: 1.6rem;}
.badge-common {
display: inline-block;
padding:0 1.5rem;
background-color: #959595;
border-radius: 3rem;
color: #fff;
}
.frame-gray {
padding:0.5rem 1rem;
border:1px solid #5f5f5f; 
}

.zoom-pict {
display:inline-block;
position: relative;
border:2px solid #969696;
}
.zoom-pict span.icon-plus-search {
position: absolute; 
bottom:-1px; 
right: -1px; 
z-index: 10; 
font-size: 2rem;
color: #FFF; 
background: #969696; 
padding:0.7rem;
border-radius: 0.5rem 0 0 0;
}
.modal-header button.close {
font-size: 3rem;
font-weight: normal;
}
.modal-title {
margin: auto 0;
display: none;}

/*共通*/
.card {border:none;}
.rounded-xl{border-radius: 2rem;}

/*埋め込みアドレス*/
.iframe-wrap {
overflow:auto; 
padding: 2rem 0;
border:1px solid #ccc; 
width: 100%;
height: 26.5rem;
}
.iframe-wrap iframe {
display:block;
margin:0;
padding: 0;
top:0;
left:0;
width:100%;
height:100%;
}
.contact-title {
font-size: 1.6rem;
font-weight: bold;
}
.icon-free-tel:after {
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
content: "\0ae";
font-size: 1.6rem;
}
.icon-phsok:before {
margin-left: 0.5rem;
font-size: 3.5rem;
}
.contact-tel {
position: relative; 
font-size: 4.5rem;
font-weight: bold;
}
.toiawase {
display: inline-block;
padding: 0.1rem 2rem;
background: #055b99;
border-radius: 2rem;
color: #FFF;
}
.toiawase:after {
display: inline-block;
font-family: 'icomoon';
content: "\e912";
transform: rotate(90deg);
margin-left: 0.5rem;
}
.toiawase:hover {
color: #FFF !important;
opacity: 0.6;
}

/*CP専用*/
.bg-fukidashi{
position: relative;
background:#f6f4ed;
}
.bg-fukidashi:before {
content: "";
position: absolute;
top: 100%;
right: calc(50% - 8rem);
border:8rem solid transparent;
border-top: 5rem solid #f6f4ed;
}

.wappen-box {
position: relative;
/*padding-left: 20px;*/
/*margin-left: 4rem;*/
margin: auto;
margin-top:40px;
box-sizing:border-box; 
width: 245px;
/*overflow: hidden;*/
}
.wappen	{
display: inline-block;
position: absolute;
top:0; 
left:0;
height: 90px; 
width: 90px;
border-radius: 50%;
margin-left:-30px; 
margin-top: -40px; 
text-align: center; 
background: /*#61acd4*//*#a68622*/#06c; 
box-shadow: -3px 8px 3px -4px rgba(0,0,0,0.2);
font-size: 16px; 
color:#fff; 
padding-top:20px;
z-index: 2;
box-sizing:border-box;
}
.bg-wappen2 {
background: #5c189c !important; 
}
.bg-wappen3 {
background: #9a2a2a !important; 
padding-top:24px !important;
}
.bg-wappen4 {
background: #213d9e !important; 
padding-top:24px !important;
}
.bg-wappen5 {
background: #bb1783 !important; 
}



/*------------------------------------
1200px以上
--------------------------------------*/
/*-- Extra large devices (large desktops, 1200px and up) --*/
@media (min-width: 1200px) {
.w-xl-93 {width: 93% !important;}


}
/*------------------------------------
992px以上
--------------------------------------*/
@media (min-width: 992px) {
.text-l-l2 {font-size:1.8rem}
.text-l-xl {font-size: 2rem;}
.text-xl-xxls {font-size: 2.3rem;}
.text-xs2l-xxl {font-size:2.55rem}
.text-xl-xxl {font-size: 2.55rem}
.text-xxl-3x {font-size:3rem !important;}
.text-3x-4x {font-size:4rem}
.text-35x-45x {font-size:4.5rem}
.text-4x-6x {font-size:6rem}
.text-5x-8x {font-size:8rem}
.text-5x-9x {font-size:9rem}
.border-r {border-right:1px solid #ccc;}

.w-lg-25 {width: 25%;}
.w-lg-90 {width: 90% !important;}
.pb-5-7 {padding-bottom: 5rem;}
.ml-lg-7 {margin-left: 7rem;}

#page-top{right: 5.5%;}
#page-top a:before {font-size: 4.2rem;}

.navbar-light {padding: 1rem;}
.navbar-light .navbar-nav {z-index: 10;}

.sitecontent-area {padding: 0 1.5rem 3rem;}

.icon_arrow:after {
position: absolute;
content: "\eb0a";
transform: rotate(-90deg);
font-size: 4rem;
color:/* #1f8ede*/#57b1f3;
bottom: 43%;
right: -20px;
}

/*見出しの二重線*/
.lead-line,.lead-lines,.lead-line2 {position: relative;}
.lead-line span:before,
.lead-line span:after {
position: absolute;
top: calc(50% - 3px);
width: 34%;
height: 6px;
content: '';
border-top: solid 1px #878787;
border-bottom: solid 1px #878787;
}
.lead-line span:before {left: 66%;}
.lead-line span:after {right: 66%;}

.lead-line2 span:before,
.lead-line2 span:after {
position: absolute;
top: calc(50% - 3px);
width: 23.5%;
height: 6px;
content: '';
border-top: solid 1px #878787;
border-bottom: solid 1px #878787;
}

.lead-line2 span:before {left: 77%;}
.lead-line2 span:after {right: 77%;}

.lead-lines span:before,
.lead-lines span:after {
position: absolute;
top: calc(50% - 3px);
width: 27%;
height: 6px;
content: '';
border-top: solid 1px #a3c9e7;
border-bottom: solid 1px #a3c9e7;
}
.lead-lines span:before {left: 73%;}
.lead-lines span:after {right: 73%;}

.iframe-wrap {
margin: 0 auto;
width: 70%;
}


} /*992px以上 end*/
/*------------------------------------
991px以下
--------------------------------------*/
@media (max-width: 991px) {

.w-mdsm-85 {width: 85% !important;}


} /*991px以下 end*/
/*------------------------------------
768px以上
--------------------------------------*/
/*-- Medium devices (tablets, 768px and up) 768px以上 --*/
@media (min-width: 768px) {
.text-sm-xl-xxl {font-size: 2.55rem}
.border-l1dot-md-lgray {border-left:1px dotted #dbdbdb;}

.rowbox-2:after {
display: block;
content:"";
width:50%;
}
.rowbox-3:after {
display: block;
content:"";
width:33.33333333%;
}
.rowbox-4:after {
display: block;
content:"";
width:25%;
}

.mr-md-6, .mx-md-6 {
margin-right: 4rem!important;
}
.mr-md-7, .mx-md-7 {
margin-right: rem!important;
}

.w-md-8 {width: 8% !important;}
.w-md-9 {width: 9% !important;}



}
/*------------------------------------
767px以下
--------------------------------------*/
@media (max-width: 767px) {

.rowbox-4:after {
display: block;
content:"";
width:50%;
}
.w-sm-67 {width: 67% !important;}

.btn.arrow-right-sm-2l {
line-height: 1.2;
}
.btn.arrow-right-sm-2l:after {
font-size: 2.8rem;
top:2.35rem !important;
right:1rem;
}

}
/*------------------------------------
576px以下
--------------------------------------*/
/*-- Extra small devices (portrait phones, less than 576px) --*/
@media (max-width: 575.98px) {
.w-xs-20 {width: 20%}
.w-xs-27 {width: 27%}
#page-top {
right: 15%;
}
table th,table td {
padding: 0.75rem /*0.2*/0.5rem !important;
}

.contact-tel {
position: relative;
display: inline-block;
font-size: 2.8rem;
font-weight: bold;
}
.icon-phsok:before{
font-size: 2rem;
margin-left: 0.2rem;
}
.icon-free-tel:before {font-size: 2rem;}
/*.icon-free-tel:after {font-size: 0.5rem;}*/

.gray-xs-frame {
border:1px solid #dbdbdb;
padding: 1rem 0.35rem;
}
.bg-fukidashi;before {
right: calc(50% - 5rem);
border:5rem solid transparent;
border-top:3.5rem solid #fefce9;
}

}
/*------------------------------------
576px以上　～ 767px以下
--------------------------------------*/
/*-- Small devices (landscape phones, 576px and up) --*/
@media (min-width: 576px) and (max-width: 767.98px) {
.rowbox-3:after {
display: block;
content:"";
width:50%;
}

.w-sm-13 {width: 13% !important;}


}
/*------------------------------------
768px以上　～ 991px以下
--------------------------------------*/
/*-- Medium devices (tablets, 768px and up) --*/
@media (min-width: 768px) and (max-width: 991.98px) {
.w-md-70 {max-width: 70%}
.w-sm-13 {width: 13% !important;}
.w-md-85 {width: 85% !important;}

/*見出しの二重線*/
.lead-line,.lead-lines,.lead-line2 {position: relative;}
.lead-line span:before,
.lead-line span:after {
position: absolute;
top: calc(50% - 3px);
width: 30%;
height: 6px;
content: '';
border-top: solid 1px #878787;
border-bottom: solid 1px #878787;
}
.lead-line span:before {left: 70%;}
.lead-line span:after {right: 70%;}

.lead-line2 span:before,
.lead-line2 span:after {
position: absolute;
top: calc(50% - 3px);
width: 19.5%;
height: 6px;
content: '';
border-top: solid 1px #878787;
border-bottom: solid 1px #878787;
}
.lead-line2 span:before {left: 81%;}
.lead-line2 span:after {right: 81%;}

.lead-lines span:before,
.lead-lines span:after {
position: absolute;
top: calc(50% - 3px);
width: 17%;
height: 6px;
content: '';
border-top: solid 1px #a3c9e7;
border-bottom: solid 1px #a3c9e7;
}
.lead-lines span:before {left: 83%;}
.lead-lines span:after {right: 83%;}


}
/*------------------------------------
992px以上　～ 1199px以下
--------------------------------------*/
/*-- Large devices (desktops, 992px and up) --*/
@media (min-width: 992px) and (max-width: 1199.98px) {


}





</pre></body></html>