@charset "UTF-8";
/* CSS Document */
/* ===============================================
common
=============================================== */
body {
 color: #000;
 font-family: "Noto Sans JP", sans-serif;
 font-optical-sizing: auto;
 font-feature-settings: "palt";
 letter-spacing: 1px;
 margin: 0;
 padding: 0;
 font-size: 16px;
 font-weight: 500;
 line-height: 180%;
}
h1, h2, h3, h4, h5, b, strong {
 font-weight: 600;
}
ul, ol, p, figure {
 list-style: none;
 padding: 0;
 margin: 0;
}
a {
 text-decoration: none;
 color: #000;
}
img {
 max-width: 100%;
 width: 100%;
 height: auto;
}
.pc {
 display: none !important;
}

/* ボタン */
.btn {
 padding: 0;
 width: 100%;
}
.btn a {
 padding: 18px 15px;
 border-radius: 100px;
 text-align: center;
 box-sizing: border-box;
 display: block;
 font-size: 18px;
 width: 100%;
}
.btn.btn-pink a {
 background: #ec7aac url("../img/common/arrow-w.svg") 95% 50% no-repeat;
 background-size: 30px;
 color: #fff;
}
.btn.btn-pwhite a {
 background: #fff url("../img/common/arrow-p.svg") 95% 50% no-repeat;
 background-size: 30px;
 color: #ec7aac;
 border: 2px solid #ec7aac;
}
.btn.btn-blue a {
 background: #103882 url("../img/common/arrow-w.svg") 95% 50% no-repeat;
 background-size: 30px;
 color: #fff;
 border: 2px solid #fff;
 position: relative;
}
.btn.btn-blue a::before {
content: '';
display: inline-block;
width: 144px;
height: 39px;
background: url(../img/common/btn-kakebarai.png) no-repeat;
background-size: 100%;
top: -20px;
left: calc(50% - 72px);
position: absolute;
}
.btn.btn-rblue a {
 background: #00b0ec url("../img/common/arrow-w.svg") 95% 50% no-repeat;
 background-size: 30px;
 color: #fff;
 border: 2px solid #fff;
 position: relative;
}
.btn.btn-rblue a::before {
content: '';
display: inline-block;
width: 201px;
height: 39px;
background: url(../img/common/btn-b2b.png) no-repeat;
background-size: 100%;
top: -20px;
left: calc(50% - 100px);
position: absolute;
}

/* btn-line */
.btn-line {
 margin-top: 20px;
 display: flex;
 justify-content: flex-end;
}
.btn-line a {
 font-size: 18px;
 padding: 0 30px 3px 2px;
 background: url("../img/common/arrow-bk.svg") 100% 50% no-repeat;
 background-size: 20px;
 border-bottom: 1px solid;
 color: #000;
 font-weight: 500;
}
/* 見出し */
h2 {
 font-size: 36px;
 margin: 0 0 20px;
 line-height: 120%;
}
h2 small {
 font-size: 30px;
}
h3 {
 font-size: 28px;
 margin: 0 0 20px;
}
span.pink-txt {
color: #ec7aac;
}
span.blue-txt {
color: #003882;
}
span.rblue-txt {
color: #00b0ec;
}

/* ページ */
.inner {
 margin: 0 auto;
 width: 100%;
 text-align: center;
 padding: 0 5%;
 box-sizing: border-box;
}
.ttl-txt {
 font-size: 18px;
 font-weight: bold;
}
/* パンくず */
.breadcrumbList {
 list-style: none;
 display: flex;
margin: 5px 0 10px;
 padding: 0 10px;
 font-size: 12px;
 font-weight: normal;
flex-wrap: wrap;
}
.breadcrumbList li {
 margin: 0 5px;
}
.breadcrumbList li a {
 border-bottom: 1px solid;
}
/* ===============================================
ヘッダー
=============================================== */
.header {
 height: 60px;
 position: fixed;
 top: 0;
 left: 0;
 right: 0;
 background: #fff;
 z-index: 999;
}
.header__container {
 max-width: 100%;
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: inherit;
 padding: 0 15px;
 margin-right: auto;
 margin-left: auto;
}
.header__box .btn-wg {
 margin-right: 10px;
}
.header__box .btn-wg a {
 padding: 5px 10px;
}
.header__logo {
 width: 100px;
}
.header__box {
 display: flex;
 align-items: center;
}
/* header-ul */
.header_ul {
 display: none;
}
/* ハンバーガーボタン */
.hamburger {
 width: 35px;
 height: 35px;
 position: relative;
 appearance: none;
 border: 0;
 padding: 0;
 margin: 0;
 cursor: pointer;
 background: none;
}
.hamburger span, .hamburger span::after, .hamburger span::before {
 position: absolute;
 display: block;
 content: "";
 width: 35px;
 height: 3px;
 background: #003882;
 transition: all 0.5s;
}
.hamburger span::before {
 top: -12px;
}
.hamburger span::after {
 bottom: -12px;
}
.hamburger.open span {
 background-color: transparent;
}
.hamburger.open span::before {
 top: 0;
 transform: rotate(45deg);
}
.hamburger.open span::after {
 bottom: 0;
 transform: rotate(-45deg);
}
/* メニュー */
.nav {
 position: fixed;
 top: 60px;
 right: -100%;
 background: #003882;
 padding: 5% 8%;
 transition: all 0.5s;
 height: 100vh;
}
.nav__item a {
 display: block;
 font-size: 14px;
 color: #fff;
}
.nav__list {
 margin-bottom: 30px;
}
.nav__list li {
 margin-bottom: 10px;
 list-style: disc;
 margin-left: 1em;
 color: #fff;
}
.nav__list li:first-child {
 margin-bottom: 10px;
 margin-left: 0;
 list-style: none;
}
.nav__list li:first-child a {
 font-weight: 500;
 border-bottom: 1px solid #fff;
 padding-bottom: 10px;
 text-align: center;
 margin: 0 auto;
}
.nav__list li a img {
 width: 120px;
}
.nav.open {
 right: 0;
}


/* ===============================================
main/section
=============================================== */
main.toppage {
 margin-top: 10px;
}
main.contents_page {
 margin-top: 70px;
}
section {
padding: 50px 0;
margin: 0 auto;
}

/* ===============================================
mv
=============================================== */
.mv {
 width: 100%;
 background: #f6f6f6;
 padding: 0;
}
.mv_inner {
 display: flex;
 flex-direction: column;
 align-items: center;
 margin: 0 auto;
 padding: 50px 5%;
 text-align: center;
}
.mv_inner .txt {
 padding: 0;
}
.mv_inner .txt .copy {
 font-size: 20px;
 margin: 0 0 5px 0;
}
.mv_inner .txt .copy-min  {
 margin: 30px 0 0 0;
}
.toppage .mv_inner .txt h1 {
 font-size: 40px;
 letter-spacing: normal;
 font-weight: bold;
 margin: 0 0 10px 0;
 line-height: 140%;
}
.toppage .mv_inner .txt h1 rt {
font-size:12px;
}
.toppage .mv_inner .txt ul {
    display: flex;
    justify-content: space-between;
}
.toppage .mv_inner .txt ul li {
    margin-right: 10px;
}
.toppage .mv_inner .txt ul li:last-child {
    margin-right: 0;
}
.mv_inner .txt h1 span {
 color: #f98329;
}
.mv_inner .btn {
 margin-top: 10px;
}

/* ===============================================
worries
=============================================== */
.worries {
background: url("../img/common/bg-b.jpg") repeat 0 0;
background-size: 9px;
}
.worries h2 {
margin-bottom: 30px;
color: #fff;
}
.worries .inner {
 position: relative;
}
.worries .inner:after {
 position: absolute;
 content: "";
 background: url("../img/top/illust-worries.png") no-repeat;
 background-size: 100%;
 bottom: -70px;
 right: 0;
width: 130px;
height: 155px;
}
.worries ul {
}
.worries ul li {
background: #fff;
border-radius: 20px;
font-size: 20px;
padding: 5% 5% 5% 15%;
margin-bottom: 20px;
position: relative;
text-align: left;
}
.worries ul li:before {
 position: absolute;
 content: "";
 background: url("../img/common/icon-check.png") no-repeat;
 background-size: 100%;
 top: calc(50% - 10px);
 left: 5%;
 width: 20px;
 height: 20px;
}
.worries ul li:last-child {
margin-bottom: 0;
padding: 5% 25% 5% 15%;
}

/* ===============================================
about
=============================================== */
.about p {
text-align: left;
}
.about .btn a {
display: inline-block;
}
.about picture {
margin: 30px auto 0;
display: block;
}
.about span.pink-txt {
 font-size: 20px;
}

/* ===============================================
features
=============================================== */
.features {
padding: 0 0 50px 0;
background: #eefbff;
}
.features .inner {
}
.features h3 {
 font-size: 30px;
 margin: 0 0 10px;
 line-height: 140%;
 text-align: center;
}
.features .fukidashi-big {
  position: relative;
  margin: 0 0 30px 0;
  padding: 30px;
  background: #003882;
  color: #fff;
}
.features .fukidashi-big:before {
  content: "";
  position: absolute;
  top: 100%;
  left: calc(50% - 7.5px);
  margin-left: -7.5px;
  border: 15px solid transparent;
  border-top: 15px solid #003882;
}
.features .fukidashi-big h2 {
margin: 0;
padding: 0;
text-align: center;
}
.toppage .features ul {
}
.features ul li {
display: flex;
flex-wrap: wrap;
text-align: left;
justify-content: space-between;
align-items: center;
margin-bottom: 50px;
}
.features ul li:last-child {
margin-bottom: 0;
}
.features ul li figure {
}
.features ul li span.merit-txt {
background: #003882;
font-size: 16px;
color: #fff;
border-radius: 5px;
padding: 5px;
width: 150px;
box-sizing: border-box;
line-height: 100%;
display: block;
text-align: center;
margin: 0 auto 10px;
}
.fukidashi-small {
text-align: center;
}
.fukidashi-small h3 {
position: relative;
font-size: 24px;
line-height: 120%;
display: inline-block;
color: #003882;
}
.fukidashi-small h3 small {
font-size: 18px;
}
.fukidashi-small h3::before,
.fukidashi-small h3::after {
    position: absolute;
    content: '';
    width: 18px;
    height: 28px;
    background: url("../img/top/fukidashi-b.png")no-repeat;
}
.fukidashi-small h3::before {
    bottom: 3px;
    left: -30px;
}
.fukidashi-small h3::after {
    transform: scale(-1, 1);
    bottom: 3px;
    right: -15px;
}
table.cost-list {
    margin: 10px auto 50px;
}
.toppage table.cost-list {
    margin: 10px auto;
}

/* ===============================================
表
=============================================== */
table.cost-list {
 border: 0;
 width: 100%;
 border-spacing: 0;
 margin-top: 20px;
}
table.cost-list th {
 background: #eee;
 padding: 10px;
 border: 1px solid #666;
 width: 35%;
 font-weight: 500;
line-height: 120%;
}
table.cost-list thead {
 clip: rect(0 0 0 0);
 position: absolute;
}
table.cost-list tr {}
table.cost-list td {
 display: block;
 position: relative;
 text-align: right;
 padding: 20px 10px;
 border: 1px solid #666;
 font-size: 20px;
 line-height: 100%;
}
table.cost-list td small {
 font-size: 12px;
}
table.cost-list td::before {
 content: attr(data-label);
 position: absolute;
 left: 10px;
 font-size: 14px;
 color: #666;
}
table.cost-list td.cost::before {
position: absolute;
left: 10px;
top: 15px;
font-size: 14px;
color: #666;
content: "システム\A月額利用料";
white-space: pre;
display: block;
text-align: left;
line-height: 120%;
}
table.cost-list td.saiken::before {
position: absolute;
left: 10px;
top: 15px;
font-size: 14px;
color: #666;
content: "入金消込・債権管理\Aサービス";
white-space: pre;
display: block;
text-align: left;
line-height: 120%;
}
table.cost-list .risk-free th {
 color: #2a83dd;
}
table.cost-list .standard th {
 color: #103882;
}
table.cost-list .expert th {
 color: #f13636;
}
table.cost-list .special th {
 color: #9d8100;
}
table.cost-list .txt,
table.cost-list .cost {
 background: #fff;
}
table.cost-list tbody th small {
 font-size: 14px;
 color: #000;
 font-weight: normal;
 display: block;
 line-height: 120%;
 margin-top: 5px;
}
table.cost-list .txt, table.cost-list .cost {
 font-size: 24px;
 font-weight: 500;
}
table.cost-list .txt small, table.cost-list .cost small {
 font-size: 18px;
 font-weight: 500;
}
table.cost-list td.commission {
 background: #fff7d4;
}
table.cost-list td.commission:before {
    font-weight: 500;
    font-size: 16px;
}
table.cost-list td.commission img {
width: 21px;
}
#cost table.cost-list .min-txt {
    font-size: 16px;
    font-weight: normal;
}
#cost table.cost-list .mid-txt {
    font-size: 18px;
    margin-right: 10px;
}
#cost table.cost-list .commission {
}
#cost table.cost-list .commission ul li {
    background: #fff;
    margin-bottom: 0;
    margin-top: 0;
    margin-top: 14px;
    padding: 10px;
    border-radius: 10px;
}
#cost table.cost-list td.commission::before {
    left: 10px;
    top: 10px;
}

/* ===============================================
cost
=============================================== */
.toppage #cost {
padding: 50px 0 0;
} 
#cost p {
    text-align: center;
    margin-top: 30px;
}
#cost table.cost-list thead td {
    font-size: 18px;
}
#cost table.cost-list th {
    background: #fff;
}
#cost table.cost-list th .th-logo {
    width: 160px;
}
#cost table.cost-list {
    font-size: 18px;
}
#cost table.cost-list b {
    font-size: 24px;
}
#cost table.cost-list .min-txt {
    font-size: 12px;
    font-weight: normal;
}
#cost table.cost-list .mid-txt {
    font-size: 14px;
}
#cost table.cost-list li {
    line-height: 100%;
    margin-bottom: 10px;
}
#cost table.cost-list li:last-child {
    margin-bottom: 0;
}

/* ===============================================
case
=============================================== */
.case {
    background: #f6f6f6;
}
/* ===============================================
cta
=============================================== */
.cta {
padding: 5%;
background: url("../img/common/bg-p.jpg") repeat 0 0;
background-size: 9px;
text-align: center;
margin: 50px 5%;
border-radius: 20px;
}
.cta h2 {
font-size: 18px;
line-height: 140%;
color: #fff;
margin: 0 0 10px 0;
}
.cta .btn {
margin: 0 auto;
text-align: center;
}
.cta .btn a {
display: inline-block;
}
.cta-service .flex-box {
margin: 30px auto 0;
}
.cta-service .btn.btn-blue {
margin-bottom: 30px;
}

/* ===============================================
cta-b2b
=============================================== */
.cta-b2b {
padding: 5%;
background: url("../img/common/bg-w.jpg")repeat;
background-size: 10px;
border-radius: 20px;
margin: 50px 5%;
}
.cta-b2b h4 {
color: #00b0ec;
font-size: 18px;
margin: 0 0 10px 0;
text-align: center;
}
.cta-b2b .flex-box {
text-align: center;
}
.cta-b2b picture img {
width: 180px;
margin: 10px 0;
}
.cta-b2b p {
margin: 0;
line-height: 160%;
text-align: left;
font-size: 15px;
}

/* ===============================================
service_page
=============================================== */
#service_page .features {
background: #eefbff;
padding: 50px 0;
}
#service_page .features ul li .txt-box {
margin-top: 20px;
}
#service_page .features ul li:last-child {
margin-bottom: 0;
}
#service_page .flow {
background: #103882;
}
#service_page .flow .inner {
}
#service_page .flow h2 {
color: #fff;
margin-bottom: 30px;
}
#service_page .flow h3 {
color: #103882;
}
#service_page .flow h4 {
color: #00b0ec;
font-size: 24px;
margin: 0 0 10px 0;
}
#service_page .flow h5 {
font-size: 18px;
margin: 0 0 5px 0;
}
#service_page .flow .flow-container li {
background: #fff;
border-radius: 20px;
margin-bottom: 30px;
padding: 5%;
position: relative;
}
#service_page .flow .flow-container li p {
text-align: left;
}
#service_page .flow .flow-container li:last-child {
margin-bottom: 0;
}
#service_page .flow .flow-container li.min-box {
background: url("../img/common/bg-w.jpg")repeat;
background-size: 10px;
padding: 5%;
}
#service_page .flow .flow-container li.min-box picture {
}
#service_page .flow .flow-container li.min-box .txt-box {
line-height: 160%;
text-align: left;
margin-top: 10px;
}
#service_page .flow .flow-container li.min-box p {
font-size: 16px;
font-weight: normal;
margin: 0;
}
#service_page .flow p {
margin-bottom: 30px;
}
#service_page .flow .txt-position {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
#service_page .flow .txt-position li {
margin-right: 20px;
padding: 0;
margin: 0 10px 0 0;
display: flex;
flex-wrap: wrap;
align-items: center;
background: none;
}
#service_page .flow .txt-position li:last-child {
margin: 0;
}
#service_page .flow .txt-position li p {
font-size: 14px;
font-weight: normal;
margin: 0;
}
#service_page .flow .txt-position li img {
width: 15px;
margin-right: 5px;
}
.type {
text-align: center;
background: #f6f6f6;
}
.type p {
text-align: left;
}
.type .inner {
}
.type ul.type-container {
}
.type ul.type-container {
margin-top: 30px;
}
.type ul.type-container li {
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
padding: 5%;
box-sizing: border-box;
margin-bottom: 30px;
}
.type ul.type-container li:last-child {
margin-bottom: 0;
}
#service_page .type ul.type-container dl {
display: flex;
flex-wrap: wrap;
margin-top: 10px;
}
#service_page .type ul.type-container dl dt {
width: 30%;
background: #eee;
margin-bottom: 10px;
}
#service_page .type ul.type-container dl dd {
width: 67%;
margin: 0 0 0 3%;
text-align: left;
}


/* ===============================================
b2b_page
=============================================== */
#service_page.b2b_page .flow .flow-container li.min-box {
display: block;
}
#service_page.b2b_page .flow .flow-container li.min-box picture {
width: 100%;
}
#service_page.b2b_page .type ul.type-container {
display: block;
}
#service_page.b2b_page .type ul.type-container li.type-full {
width: 100%;
display: block;
}
#service_page.b2b_page .type ul.type-container li.type-full dl {
width: 100%;
}
#service_page.b2b_page table.cost-list td {
display: block;
position: relative;
text-align: left;
padding: 40px 10px 20px 10px;
border: 1px solid #666;
font-size: 16px;
line-height: 140%;
}
#service_page.b2b_page table.cost-list td::before {
content: attr(data-label);
position: absolute;
left: 10px;
font-size: 14px;
color: #666;
top: 15px;
}
#service_page.b2b_page table.cost-list .min-txt {
font-size: 14px;
}
#service_page.b2b_page .difference {
padding: 0;
}
#service_page.b2b_page .difference h2 {
line-height: 140%;
}


/* ===============================================
price_page
=============================================== */
#service_page.price_page #cost {
margin: 50px 0 0;
padding: 50px 0 0;
}
#service_page.price_page .cost-box {
margin-bottom: 50px;
}
#service_page.price_page .cost-box p {
margin: 0;
}
#service_page.price_page .cost-box li {
border-radius: 50px;
padding: 15px 20px;
position: relative;
border: 3px dotted #103882;
margin: 5px 0;
font-size: 18px;
font-weight: 600;
margin-bottom: 20px;
}
#service_page.price_page .cost-box li:after {
position: absolute;
display: inline-block;
content: "";
background: url(../img/common/plus-b.svg);
background-size: 100%;
height: 40px;
width: 40px;
right: calc(50% - 20px);
bottom: calc(0% - 35px);
}
#service_page.price_page .cost-box li:last-child:after {
 content: none;
}
#service_page.price_page .notes-box {
background: #f6f6f6;
padding: 5%;
margin-top: 30px;
}
#service_page.price_page .notes-box p {
font-size: 16px;
font-weight: normal;
line-height: 160%;
margin: 20px 0;
text-align: left;
}



/* ===============================================
introduce
=============================================== */
#service_page.introduce_page .about picture {
margin: 0 auto;
}
#service_page #web_application {
padding: 0;
}
#service_page .application-box li {
 background: #fff;
 border-radius: 20px;
 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 padding: 30px;
 margin-bottom: 15px;
 position: relative;
}
#service_page .application-box li::before {
 position: absolute;
 display: inline-block;
 content: '';
 background: url("../img/common/arrow-bk.svg") 50% 50% no-repeat;
 background-size: 100%;
 width: 35px;
 height: 35px;
 top: calc(0% - 25px);
 left: calc(50% - 17.5px);
 transform: rotate(90deg);
}
#service_page .application-box li:first-child::before {
 content: none;
}
#service_page .application-box li:last-child {
 margin-bottom: 0;
}
#service_page .application-box li h3 {
 margin: 0 0 20px 0;
}
#service_page .application-box li:last-child h3 {
 margin: 0;
}
#service_page .document-box {
 margin: 20px auto 0;
}
#service_page .document-box h4 {
margin: 0 0 5px 0;
}
#service_page .document-box ul {
 list-style: disc;
}
#service_page .document-box ul li {
 box-shadow: none;
 padding: 0;
 margin-bottom: 0;
 margin-left: 1em;
 font-size: 16px;
 font-weight: normal;
line-height: 160%;
}
#service_page .document-box ul li::before {
 content: none;
}
#service_page .document-box-b, #service_page .document-box-p {
 border-radius: 20px;
 text-align: left;
 padding: 30px;
 box-sizing: border-box;
}
#service_page .document-box-b {
 border: 2px solid #103882;
 margin-bottom: 15px;
}
#service_page .document-box-p {
 border: 2px solid #ec79ac;
}
#service_page .document-box-or p {
 margin-bottom: 5px;
}
#service_page .document-box-g h4, #service_page .document-box-or h4 {
 font-size: 16px;
 margin: 0 0 5px 0;
}
#service_page.introduce_page .flex-box {
}
#service_page.introduce_page .flex-box .btn {
width: 100%;
margin-top: 10px;
}
#service_page.introduce_page .flex-box .btn a {
font-size: 16px;
line-height: 120%;
padding: 10px 15px;
}
#service_page.introduce_page .flex-box .btn a::before {
content: none;
}



/* ===============================================
faq
=============================================== */
#faq {
padding: 70px 0 0;
}
#faq h3 {
 text-align: center;
}

/*アコーディオン*/
#faq .toggle {
 display: none;
}
#faq .Label { /*タイトル*/
 padding: 30px 0;
 display: block;
 background: #f6f6f6;
 border-radius: 30px;
 font-size: 16px;
}
#faq-service-b2b .Label { /*タイトル*/
 background: #fff;
}
#faq .Label p {
 padding: 20px 20px 20px 0;
 text-indent: -2em;
 margin-left: 2em;
}
#faq .Label p::before {
 content: 'Q.';
 color: #103882;
 font-size: 20px;
 margin-right: 5px;
}
#faq .Label::before { /*タイトル横の矢印*/
 content: "";
 width: 10px;
 height: 10px;
 border-top: 2px solid #103882;
 border-right: 2px solid #103882;
 -webkit-transform: rotate(45deg);
 position: absolute;
 top: calc(50% - 5px);
 right: 5%;
 transform: rotate(135deg);
}
#faq .Label, #faq .content {
 -webkit-backface-visibility: hidden;
 backface-visibility: hidden;
 transform: translateZ(0);
 transition: all 0.3s;
 border-radius: 30px;
 text-align: left;
 padding: 0 5%;
}
#faq .content { /*本文*/
 height: 0;
 margin-bottom: 15px;
 overflow: hidden;
}
#faq .content p {
 padding: 20px 0;
 margin-left: 2em;
 font-size: 16px;
 font-weight: normal;
}
#faq .toggle:checked + .Label { /*開閉時*/
 border-radius: 30px 30px 0 0;
 transition: all .3s;
}
#faq .toggle:checked + .Label p { /*開閉時*/
 border-bottom: 1px solid #cccccc;
}
#faq .toggle:checked + .Label + .content { /*開閉時*/
 height: auto;
 padding: 0 5%;
 transition: all .3s;
 background: #f6f6f6;
 border-radius: 0 0 30px 30px;
 position: relative;
}
#faq-service-b2b .toggle:checked + .Label + .content { /*開閉時*/
 background: #fff;
}
#faq .toggle:checked + .Label + .content::before {
 content: 'A.';
 color: #ec79ac;
 font-size: 20px;
 margin-right: 5px;
 top: 20px;
 position: absolute;
}
#faq .toggle:checked + .Label::before {
 transform: rotate(-45deg) !important;
}
#faq-service-b2b {
 background: #f6f6f6;
 padding: 50px 0;
}
#faq-service-b2b .inner {
 margin: 0 auto;
}
#faq p a {
 color: #103882;
 border-bottom: 1px solid;
}
#faq .notes-box {
background: #e6e6e6;
margin-bottom: 30px;
}
#faq .notes-box {
background: #e6e6e6;
margin-bottom: 20px;
padding: 5%;
}
#faq .notes-box p {
padding: 0;
margin: 0;
font-size: 14px;
}
#faq .notes-box p small {
font-size: 12px;
}
#faq .logo-box {
margin: 0 2em;
padding: 20px 0 0 0;
}
#faq .logo-box.flex-box {
display: flex;
justify-content: space-between;
align-items: center;
}
#faq .logo-box img {
width: 48%;
}



/* ===============================================
news
=============================================== */
/* archive */
#news {
margin-bottom: 50px;
}
#news h3 {
text-align: center;
}
#news.archive .cat_list,
#case_page .cat_list {
    display: flex;
    justify-content: space-between;
    /*margin-bottom: 30px;*/
    flex-wrap: wrap;
    margin-top: -100px;
    padding-top: 100px;
}
#news.archive .cat_list li,
#case_page .cat_list li {
width: 48%;
text-align: center;
padding: 0;
margin: 0 0 10px 0;
}
#news.archive .cat_list li a,
#case_page .cat_list li a {
    display: block;
    background: #f6f6f6;
    color: #103882;
    border-radius: 5px;
    text-decoration: none;
    font-size: 14px;
    line-height: 160%;
    padding: 10px;
    font-weight: bold;
}
#news.archive .container_contents_post li {
    border-bottom: 1px solid #F0F1E6;
    padding: 20px;
    font-size: 15px;
    line-height: 160%;
    display: flex;
    flex-wrap: wrap;
}
#news.archive .container_contents_post li .info {
    margin-bottom: 10px;
    font-weight: 600;
    display: flex;
    align-items: center;
    width: 100%;
}
#news.archive .container_contents_post li .info .cat,
#top #news .contents_box .cat {
    font-feature-settings: "palt";
    font-size: 12px;
    line-height: 130%;
    display: flex;
    flex-wrap: nowrap;
}
#news.archive .container_contents_post li .info .cat a,
#top #news .contents_box .cat a {
    background: #F0F1E6;
    width: 120px;
    text-align: center;
    display: inline-block;
    border-radius: 3px;
    letter-spacing: 0;
    margin-left: 10px;
    padding: 5px;
}
#news.archive .container_contents_post li .ttl {
text-align: left;
}
#news.post .container_contents_side_latest .cat {
    display: flex;
    width: 100%;
    font-feature-settings: "palt";
    margin-bottom: 5px;
}
#news.post .container_contents_side_latest .cat span {
    background: #F0F1E6;
    width: auto;
    text-align: center;
    display: inline-block;
    border-radius: 50px;
    letter-spacing: 0;
    padding: 2px 10px;
    font-size: 11px !important;
    line-height: 130% !important;
}
#news.post .container_contents_side_latest .cat a:not(last-child) {
    margin-right: 5px;
}
#news.archive .container_contents_post li .info .cat .notice,
#news.post .container_contents_side_latest .cat .notice,
#top #news .contents_box .cat .notice {
    background: #00b0ec;
    color: #FFF;
}
#news.archive .container_contents_post li .info .cat .event,
#news.post .container_contents_side_latest .cat .event,
#top #news .contents_box .cat .event {
    background: #A892C9;
    color: #FFF;
}
#news.archive .container_contents_post li .info .cat .press,
#news.post .container_contents_side_latest .cat .press,
#top #news .contents_box .cat .press {
    background: #103882;
    color: #FFF;
}
#news.archive .container_contents_post li .info .cat .publication,
#news.post .container_contents_side_latest .cat .publication,
#top #news .contents_box .cat .publication {
    background: #ec79ac;
    color: #FFF;
}
#news.archive .container_contents_post li .info .cat .product-service,
#news.post .container_contents_side_latest .cat .product-service,
#top #news .contents_box .cat .product-service {
    background: #E2942D;
    color: #FFF;
}
#news.archive .container_contents_post li .info .cat .\%e3\%82\%a4\%e3\%83\%99\%e3\%83\%b3\%e3\%83\%88\%e3\%83\%bb\%e3\%82\%bb\%e3\%83\%9f\%e3\%83\%8a\%e3\%83\%bc,
#news.post .container_contents_side_latest .cat .\%e3\%82\%a4\%e3\%83\%99\%e3\%83\%b3\%e3\%83\%88\%e3\%83\%bb\%e3\%82\%bb\%e3\%83\%9f\%e3\%83\%8a\%e3\%83\%bc,
#top #news .contents_box .cat .\%e3\%82\%a4\%e3\%83\%99\%e3\%83\%b3\%e3\%83\%88\%e3\%83\%bb\%e3\%82\%bb\%e3\%83\%9f\%e3\%83\%8a\%e3\%83\%bc {
    background: #006da1;
    color: #FFF;
}
#news.archive .container_contents_post li .info .date {
    line-height: 130%;
    font-weight: normal;
}
#news.archive .container_contents_post li a {
    text-decoration: none;
}
#news.archive .box-post-paging {
    margin-top: 50px;
    display: flex;
    justify-content: center;
}
#news.archive .box-post-paging span a,
#news.archive .box-post-paging span.is-active {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    border-radius: 5px;
    margin: 0 5px;
}
#news.archive .box-post-paging span a {
    background: #F0F1E6;
    text-decoration: none;
}
#news.archive .box-post-paging span a:hover,
#news.archive .box-post-paging span.is-active {
    background: #00A3A7;
    color: #FFF;
}

/*ページャ*/
#news .nav-links {
    margin: 30px auto 50px;
    display: flex;
    justify-content: center;
}
#case .nav-links {
    margin: 0 auto 50px;
    display: flex;
    justify-content: center;
}
span.page-numbers, 
a.page-numbers {
    padding: 5px 15px;
    border: 1px solid #103882;
    display: inline-block;
    border-radius: 5px;
    margin: 0 3px;
}
span.page-numbers.current {
    background: #103882;
    color: #fff;
}
span.page-numbers.dots {
    background: #fff;
}

/* ===============================================
news_page
=============================================== */
#news_page .inner {
text-align: left;
margin: 0 0 50px 0;
}
#news_page .inner h2 {
font-size: 24px;
line-height: 140%;
}
#news_page .inner h3 {
font-size: 20px;
margin: 0 0 10px;
}
#news_page .inner p,
#news_page .inner table,
#news_page .main_area .date {
font-size: 16px;
font-weight: normal;
}
#news_page #side h3 {
font-size: 16px;
margin: 0 0 10px;
background: #f6f6f6;
padding: 5px;
color: #103882;
}
#news_page #side h4 {
font-size: 14px;
margin: 0;
padding: 0;
color: #103882;
}
#news_page .inner .post a {
color: #103882;
text-decoration: underline;
word-break: break-word;
}
#news_page .main_area {
margin: 0 0 50px 0;
}
#news_page #side form.form-serch {
display: flex;
margin-bottom: 15px;
}
#news_page #side button.mouseover.form-serch_btn {
    background: #103882;
    border: none;
    border-radius: 0;
}
#news_page #side i.fa.fa-search.coWhite {
margin-bottom: 0!important;
}
#news_page #side i.fa.fa-search.coWhite::before {
content: "\f002";
display: inline-block;
font: normal normal normal 14px / 1 FontAwesome;
font-size: inherit;
text-rendering: auto;
-webkit-font-smoothing: antialiased;
padding: 5px;
color: #fff;
} 
#news_page #side input#s {
border: 1px solid #ccc;
border-radius: 0;
padding: 5px 10px;
}
#news_page #side li.list_item {
margin-bottom: 5px;
}
#news_page #side li.list_item:last-child {
margin-bottom: 15px;
}
#news_page #side li.list_item p,
#news_page #side li.list_item a {
font-size: 14px;
line-height: 140%;
font-weight: normal;
}
#news_page #side li.list_item span {
color: #fff;
width: auto;
text-align: center;
display: inline-block;
border-radius: 50px;
letter-spacing: 0;
padding: 2px 10px;
font-size: 11px !important;
line-height: 130% !important;
margin-bottom: 5px;
}
#news_page #side li.list_item span.notice {
background: #00b0ec;
}
#news_page #side li.list_item span.event {
background: #A892C9;
}
#news_page #side li.list_item span.press {
background: #103882;
}
#news_page #side li.list_item span.publication {
background: #ec79ac;
}
#news_page #side li.list_item span.product-service {
background: #E2942D;
}
#news_page #side li.list_item span.\%e3\%82\%a4\%e3\%83\%99\%e3\%83\%b3\%e3\%83\%88\%e3\%83\%bb\%e3\%82\%bb\%e3\%83\%9f\%e3\%83\%8a\%e3\%83\%bc {
background: #006da1;
}

/* event_page */
#news_page.event_page h2 {    
margin: 15px 0;
font-size: 24px;
line-height: 140%;
text-align: center;
padding: 30px 5%;
background: #f6f6f6;
}
#news_page.event_page .inner {
justify-content:center;
margin: 15px auto 50px;
}
#news_page.event_page .main_area {
}
#news_page.event_page .mainImg {
text-align: center;
margin: 20px auto;
}
#news_page.event_page p {
margin-bottom: 20px;
}
#news_page.event_page .mod-btn {
    text-align: center;
    margin: 30px auto;
}
#news_page.event_page .mod-btn a {
text-decoration: none !important;
display: block;
width: 100%;
margin: 0 auto;
padding: 20px 15px;
font-size: 16px;
font-weight: 500;
background: #f98329 url(../img/common/arrow-w.svg) 95% 50% no-repeat;
background-size: 20px;
border: 2px solid #f98329;
color: #fff;
border-radius: 100px;
text-align: center;
box-sizing: border-box;
}
#news_page.event_page i.fa.fa-angle-right.ml10 {
margin-left:10px;
}

/*dl*/
#news_page.event_page .table dl {
margin: 0;
}
#news_page.event_page .table dt,
#news_page.event_page .table dd {
padding: 10px 0;
margin: 0;
box-sizing: border-box;
}
#news_page.event_page .table dt:last-of-type,
#news_page.event_page .table dd:last-of-type {
}
#news_page.event_page .table dt {
background: #eee;
text-align: center;
}
#news_page.event_page .table dd {
padding: 20px 0;
margin-bottom: 10px;
}
#news_page.event_page .table dd table {
width: 100%!important;
border-collapse: collapse;
}
#news_page.event_page .table dd table tr {
border-right: none;
border-left: none;
border-top: 1px solid #666;
border-bottom: 1px solid #666;
}
#news_page.event_page .table dd table td {
border: none;
padding: 10px;
}
#news_page.event_page dl.instructor {
background: #f6f6f6;
padding: 30px;
color: #666;
}
#news_page.event_page dl.instructor dt {
}
#news_page.event_page dl.instructor dd {
margin: 0;
}
h2.screen-reader-text {
display: none;
}


/* ===============================================
case
=============================================== */
#case {
 background: #f6f6f6;
 padding: 50px 0;
}
#case .inner {
 margin: 0 auto;
}
#case .case-container {
 margin: 30px auto 0;
}
#case .case-container .slick-track {}
#case .case-container .slick-slide {
 margin: 0 10px;
}
#case .case-container .case-box {
 border-radius: 20px;
 background: #fff;
 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
 margin-bottom: 20px;
}
#case .case-container .case-box:last-child {
margin-bottom: 0;
}
#case .case-container .case-box a {
 max-width: 100%;
 width: max-content;
}
#case .case-container .case-box .txt-box {
 padding: 10px 10%;
 text-align: left;
}
#case .case-container .case-box h4 {
 font-size: 18px;
 margin: 0 0 10px 0;
}
#case .case-container .case-box p {
 font-weight: normal;
 line-height: 160%;
}
#case .case-container .case-box .btn-line {
 padding: 0 30px 30px;
 margin-top: auto;
}
#case .case-container .case-box figure {
 margin: 0;
 padding: 0;
}
#case .case-container .case-box img {
 border-radius: 20px 20px 0 0;
}



/* ===============================================
case_page
=============================================== */
#case_page #case {
background: #fff;
padding: 0;
}
#case_page .case_inner {
background: #f6f6f6;
padding: 50px 5%;
}
#case_page #case .inner {
 margin:  30px auto 50px;
}

/*カテゴリ一覧*/
#case_page #case ul.blog_list {
display: flex;
flex-wrap: wrap;
}
#case_page #case ul.blog_list li {
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
margin-top:30px;
text-align: left;
}
#case_page #case ul.blog_list h3 {
font-size: 18px;
}
#case_page #case ul.blog_list .icatch {
}
#case_page #case ul.blog_list .icatch img {
border-radius: 20px 20px 0 0;
}
#case_page #case ul.blog_list .cat {
color: #aaa;
}
#case_page #case ul.blog_list .txt-box {
margin: 10px 30px;
}
#case_page #case ul.blog_list h3,
#case_page #case ul.blog_list .cat,
#case_page #case ul.blog_list .excerpt {
line-height: 140%;
margin: 0 0 5px;
}
#case_page #case ul.blog_list .excerpt {
margin-top: 10px;
font-weight: normal;
font-size: 16px;
}
#case_page #case ul.blog_list .term-names {
display: inline-block;
font-size: 16px;
}
#case_page #case ul.blog_list .case-tags {
font-size: 16px;
color: #aaa;
line-height: 140%;
font-weight: normal;
}
#case_page #case ul.blog_list .btn-line {
padding: 0;
background: none;
width: auto;
border-radius: 0;
display: flex;
margin: auto 30px 30px;
justify-content: flex-end;
}

/*スライド*/
#case_page h2 {
 text-align: center;
 margin: 0 0 30px 0;
}
.case-container-big {
padding: 0;
margin: 0;
}
.case-container-big .slick-slide {
 margin: 0 10px;
}
.case-container-big .case-box {
 background: #fff;
 border-radius: 20px;
 box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
}
.case-container-big .case-box a {
 padding-top: 30px;
}
.case-container-big .case-box figure img {
border-radius: 20px 20px 0 0;
width: 100%;
height: auto;
}
.case-container-big .case-box .txt-box {
 padding: 30px;
text-align: left;
}
.case-container-big .case-box .txt-box h4 {
 font-size: 24px;
 line-height: 140%;
 font-weight: 500;
 margin: 0 0 10px 0;
}
.case-container-big .company-data-box {
margin: 0!important;
}
.case-container-big p.company-name {
font-weight: 500;
}
.case-container-big .case-box .txt-box p.industry {
 color: #aaa;
}
.case-container-big .btn-line {
 display: inline-block;
 width: 100%;
 color: #fff;
 padding: 10px 0;
 font-size: 18px;
 background: #103882 url("../img/common/arrow-w.svg") 95% 50% no-repeat;
 background-size: 20px;
 border-radius: 0 0 20px 20px;
 text-align: center;
 font-weight: 500;
}
/* 次へボタン */
.slick-prev:before, .slick-next:before {
 opacity: 1 !important;
 color: #000 !important;
 content: "" !important;
 width: 100% !important;
 height: 100% !important;
}
.slick-prev:before {
 background: url(../img/common/arrow-bk.svg) !important;
 background-size: 100% !important;
 display: inline-block;
 width: 30px !important;
 height: 30px !important;
 transform: scale(-1, 1);
position: absolute;
top: calc(50% - 15px);
left: 100%;
}
.slick-next:before {
 background: url(../img/common/arrow-bk.svg) !important;
 background-size: 100% !important;
 display: inline-block;
 width: 30px !important;
 height: 30px !important;
position: absolute;
top: calc(50% - 15px);
right: 100%;
}
.slick-next, .slick-prev {
 width: 30px;
 height: 30px;
 z-index: 1;
}
.slick-next {
 right: 5%;
}
.slick-prev {
 left: 5%;
}
.slick-dots {
bottom: 0px!important;
}
#case .slick-dots {
bottom: 0!important;
}


/* ===============================================
case_page_detail
=============================================== */
#case_page.case_page_detail .mv {
 height: auto;
 padding: 0;
}
#case_page.case_page_detail .mv_inner {
 display: contents;
}
#case_page.case_page_detail .mv_inner .txt {
 width: 100%;
}
#case_page.case_page_detail .inner {
 margin: 30px auto 50px;
 text-align: left;
}
#case_page.case_page_detail h2 {
 margin: 0;
 padding: 30px 0;
}
#case_page.case_page_detail p {
font-size: 16px;
font-weight: normal;
line-height: 180%;
}
#case_page.case_page_detail #intro {
 margin-bottom: 50px;
 padding: 0;
}
#case_page.case_page_detail h2.ttl-copy {
 text-align: left;
 line-height: 120%;
 padding: 0;
 margin: 5px 0 20px;
 font-size: 28px;
 color: #103882;
}
#case_page.case_page_detail h2.ttl-copy small {
 line-height: 140%;
 margin: 15px 0 20px;
 font-size: 16px;
display: block;
}
#case_page.case_page_detail p.company-name {
 font-weight: 500;
 font-size: 20px;
 border-left: solid 5px #103882;
 padding: 0 0 0 10px;
}
#case_page.case_page_detail #intro picture {
 display: flex;
 margin-bottom: 30px;
}
#case_page.case_page_detail .company-data {
 padding: 5%;
 color: #103882;
 background: #f3f5f9;
}
#case_page.case_page_detail .information {
}
#case_page.case_page_detail .information p {
 margin-bottom: 5px;
}
#case_page.case_page_detail .information b {
 font-size: 18px;
}
#case_page.case_page_detail .activities {
margin-bottom: 20px;
}
#case_page.case_page_detail .activities p {
margin-bottom: 5px;
}
#case_page.case_page_detail .activities span {
 border-radius: 5px;
 padding: 3px 3px 5px;
 background: #103882;
 color: #fff;
 display: inline-block;
 line-height: 100%;
 width: 150px;
text-align: center;
}
#case_page.case_page_detail .company-data a,
#case_page.case_page_detail .interview-txt a {
 color: #103882;
 border-bottom: 1px solid;
}
#case_page.case_page_detail .interview-box {
 border: 5px solid #f6f6f6;
 margin-bottom: 30px;
 padding: 0;
}
#case_page.case_page_detail .interview-box-float .interview-txt {
margin: 0;
}
#case_page.case_page_detail .interview-ttl {
 background: #f6f6f6;
 padding: 5%;
}
#case_page.case_page_detail .interview-ttl h3 {
 font-size: 18px;
 margin: 0;
}
#case_page.case_page_detail .interview-ttl h3 span {
 color: #103882;
 font-size: 24px;
}
#case_page.case_page_detail .interview-flex {
 margin: 30px 5% 0;
}
#case_page.case_page_detail .interview-flex.h-none {
margin: 30px 5% 0;
}
#case_page.case_page_detail .interview-txt {
 margin: 0 5%;
}
#case_page.case_page_detail .interview-txt {
 margin: 0 5%;
}
#case_page.case_page_detail .interview-flex .interview-txt {
 margin: 0;
}
#case_page.case_page_detail .interview-flex .interview-txt h4 {
 margin: 0 0 10px 0;
}
#case_page.case_page_detail .interview-flex p {}
#case_page.case_page_detail .interview-flex figure {
 display: flex;
 margin: 0 0 30px 0;
 flex-direction: column;
}
#case_page.case_page_detail .interview-txt h4 {
 font-size: 18px;
 margin: 30px 0 10px 0;
}
#case_page.case_page_detail .interview-txt p {
 margin: 0 0 30px 0;
}
#case_page.case_page_detail .interview-txt p strong {
 color: #103882;
}
#case_page.case_page_detail .interview-txt p.h-none {
 margin: 30px 0;
}
#case_page.case_page_detail .interview-txt span.txt-accent {
font-size: 24px;
font-weight: bold;
color: #f98301;
background: linear-gradient(transparent 60%, #ff6 60%);
}
/*float*/
#case_page.case_page_detail .interview-float {
padding: 30px 30px 0;
}
#case_page.case_page_detail .interview-float p {
margin: 0 0 30px 0;
}
#case_page.case_page_detail .interview-float figure {
margin: 0 0 15px 0;
}
#case_page.case_page_detail .inner .btn {
margin: 50px auto 0;
}
#case_page.case_page_detail .inner .btn.btn-rblue a::before {
content: '';
display: inline-block;
width: 201px;
height: 39px;
background: url(../img/case/btn-b2b.png) no-repeat;
background-size: 100%;
top: -20px;
left: calc(50% - 100px);
position: absolute;
}
#case_page.case_page_detail .inner .btn.btn-blue a::before {
content: '';
display: inline-block;
width: 144px;
height: 39px;
background: url(../img/case/btn-kakebarai.png) no-repeat;
background-size: 100%;
top: -20px;
left: calc(50% - 72px);
position: absolute;
}



/* ===============================================
customer_page
=============================================== */
.customer_page .about {
padding: 5%;
background: #eefbff;
border-radius: 20px;
margin: 30px 5% 50px;
}
.customer_page .about .flex-box {
}
.customer_page .about .flex-box picture {
margin: 0 auto 20px;
width: 60%;
}
.customer_page #payment {
padding: 0 0 50px 0;
}
.customer_page #payment .payment-box {
position: relative;
}
.customer_page #payment .payment-box li {
background: #fff;
border-radius: 20px;
box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1);
padding: 30px;
position: relative;
text-align: center;
margin-bottom: 20px;
}
.customer_page #payment .payment-box li:last-child {
margin-bottom: 0;
}
.customer_page #payment .payment-box::after {
position: absolute;
display: inline-block;
content: '';
background: url("../img/common/arrow-rb.svg") 50% 50% no-repeat;
background-size: 100%;
width: 35px;
height: 35px;
top: calc(50% - 17.5px);
left: calc(50% - 17.5px);
transform: rotate(90deg);
}
.customer_page #payment span.step-txt {
background: #003882;
font-size: 16px;
color: #fff;
border-radius: 5px;
padding: 5px;
width: 150px;
box-sizing: border-box;
line-height: 100%;
display: block;
text-align: center;
margin: 0 auto 20px;
}
.customer_page #faq h2 {
margin: 0 auto 30px;
text-align: center;
}
.customer_page #faq-service {
padding: 0;
}
.customer_page .customer-contact {
background: #f6f6f6;
padding: 50px 0 30px;
margin-top: 50px;
}
.customer_page .customer-contact .flex-box {
margin: 0 auto;
}
.customer_page .customer-contact .flex-box picture img {
width: 60%;
margin: 0 0 20px 0;
}
.customer_page .customer-contact .flex-box .txt-box p {
font-size: 14px;
line-height: 160%;
text-align: left;
border-top: 1px solid #ccc;
padding: 15px 0;
}
.customer_page .customer-contact .flex-box .txt-box p.tel {
text-align: center;
}
.customer_page .customer-contact .flex-box .txt-box p.tel a {
font-size: 30px;
}
.customer_page .customer-contact .flex-box .txt-box p.tel a span.blue-txt {
display: block;
}
.customer_page .customer-contact .flex-box .txt-box p.tel small {
font-size: 12px;
}
.customer_page #faq .content p {
padding: 20px 0;
}


/* ===============================================
contact-b2b
=============================================== */
.contact-b2b .btn-rblue {
margin: 30px auto 0;
}
.contact-b2b .btn.btn-rblue a::before {
content: '';
display: inline-block;
width: 201px;
height: 39px;
background: url(../img/common/btn-b2b.png) no-repeat;
background-size: 100%;
top: -20px;
left: calc(50% - 100px);
position: absolute;
}


/* ===============================================
footer
=============================================== */
footer {
 background: #003882;
}
.footer__container {
padding: 50px 5%;
margin: 0 auto;
display: flex;
flex-direction: column;
}
.footer__box {
}
.footer__logo {
 width: 150px;
 margin-bottom: 20px;
 text-align: center;
}
.footer_ul {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
align-items: center;
}
.footer_ul li {
margin: 0 0 10px 0;
width: 50%;
}
.footer_ul a {
 color: #fff;
 font-size: 16px;
 background: url("../img/common/arrow-w.svg") 0 50% no-repeat;
 background-size: 15px;
 padding-left: 20px;
}
footer .mark-img {
 display: flex;
 justify-content: flex-end;
 padding: 10px 10px;
 background: #fff;
 border-radius: 10px;
 place-self: flex-end;
}
footer .mark-img li {
 margin: 0 5px;
display: flex;
}
footer .mark-img li.privacy-img {
 width: 60px;
}
footer .mark-img li.pci-img {
 width: 100px;
}
.copylight {
 text-align: center;
 font-size: 12px;
 background: #fff;
 padding: 5px;
}

/* ===============================================
cookie
=============================================== */
#cookie-notice {
position: fixed;
height: fit-content !important;
z-index: 100000;
letter-spacing: 0;
line-height: 20px;
left: 0% !important;
width: 0% !important;
bottom: 0% !important;
min-width: 100% !important;
right: 0px !important;
background: rgba(255, 255, 255, 0.8) !important;
}
#cookie-notice p {
marmgin: 0;
color: #666 !important;
}
#cookie-notice p.link_privacy {
color: #666 !important;
margin: 5px 10px;
}
#cookie-notice p.link_privacy a {
text-decoration: underline;
color: #666 !important;
}
#cookie-notice span {
margin: 0;
}
#cookie-notice .cookie-notice-container {
padding: 5px 25px 5px 0;
color: #666 !important;
border: none;
}
#cookie-notice .btn_cookie {
background: #103882;
padding: 3px 15px;
border-radius: 30px;
text-decoration: none;
color: #fff;
margin: 3px 0 0 0 !important;
}
span#cn-close-notice {
top: 3px;
right: 5px;
}
#cookie-notice .cn-close-icon {
opacity: 1!important;
}
.cn-close-icon:after, .cn-close-icon:before {
background-color: #666 !important;
height: 20px!important;
}