@charset "UTF-8";
/* a{display: contents;} */
#container { margin:0; padding:0; line-height:1.7; font-family:sans-serif; font-size:15px; box-sizing:border-box; }
sup { position:relative; top:-0.0em; font-size:0.8em; }

.spacer40 { margin:0 0 20px; padding:0; border:0; }
.spacer80 { margin:0 0 40px; padding:0; border:0; }
.m-tb64 { margin:32px 0; padding:0; border:0; border-top:#ddd 1px solid; }

@media screen and (min-width: 1024px) {
.spacer40 { margin:0 0 40px; padding:0; border:0; }
.spacer80 { margin:0 0 80px; padding:0; border:0; }
.max420 { max-width:420px; }
.m-tb64 { margin:64px 0; padding:0; border:0; border-top:#ddd 1px solid; }
}

/*----- KV -----*/
.bg_gray{background: linear-gradient(0deg, rgb(242 242 242) 0%, rgba(255, 255, 255, 1) 70%);
padding: 20px 0;}
.KV { position:relative; margin:0; padding:0 0 116px; }
.KVInner { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; position:relative; z-index:3; width:100%; max-width:1120px; margin:0 auto -64px; padding:24px 5% 0; background:#002e72; }
.KVHeadline { width:100%; color:#fff; }
.KVHeadline h1 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; line-height:1; font-weight:bold; }
.KVHeadline h1 small { display:block; width:100%; padding:0 0 12px; font-size:12px; }
.KVHeadline h1 img { width:calc(50.0% - 20px); height:auto; margin-right:20px; }
.KVHeadline h1 span { display:block; position:relative; top:-10px; width:50.0%; margin-bottom:-10px; }
.KVHeadline h1 span img { width:100%; height:auto; }
.KVHeadline h2 { color:#fff; line-height:1.0; font-size:12px; font-weight:bold; }
.KVHeadline h2 b { display:block; font-size:24px; margin-top: 20px;
}
.KVHeadline h2 span { color:#FFFF1C; font-size:12px; }

.header_banner img {
  max-width: 280px;
  margin-top: 30px;
  filter: brightness(95%) contrast(100%); 
}
.KVpos { position:relative; top:24px; width:60.0%; margin:0 auto; }
.KVpos img { width:100%; height:auto; }

.KVPointInner { position:relative; bottom:-100px; }
.KVPointInner ul { display:flex; flex-flow:row wrap; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:0; list-style:none; justify-content: space-between;}
.KVPointInner li { align-self:stretch; position:relative; width:calc(100%/2 - 10px); margin:0; padding:0 0 16px; }
.KVPointInnerBox {  display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0 0 16px; padding:16px 24px; border-radius:4px; background:#fff; box-shadow:0 4px 12px 0 rgba(0,0,0,0.15); }
.KVPointInner figure { order:2; position:relative; width:40%; margin: auto;}
.KVPointInner figure img { width:100%; height:100%; object-fit:cover; }
.KVPointInner h4 { order:1;  color:#080d5e;
  ; font-size:15px; font-weight:bold;text-align: center;
    width: 100%; }
.KVPointInner p { font-size: 1.5rem;
    padding:0 10px; }

.KVLineup { margin:144px 0 0; padding:0 0 24px; border-bottom:#aaa 1px solid; }
.KVLineupInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:0; }
.KVLineupText { width:340px; padding:0; }
.KVLineupText figure { margin:0; padding:0 0 16px; text-align:center; }
.KVLineupText figure img { width:60%; height:auto; object-fit:cover; }
.KVLineupText a { display:block; margin:0; padding:0 1em; border:0; color:#fff; line-height:60px; font-size:18px; text-align:center; background:#01A63E; }
.KVLineupText a::after { content:''; display:inline-block; position:relative; top:-2px; width:6px; height:6px; margin:0 0 0 4px; padding:0; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(45deg); }
.KVLineupItems { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:calc(100% - 380px); margin:0; padding:0; list-style:none; }
.KVLineupItems li { width:48.5%; padding:0; }
.KVLineupItems figure { display:block; position:relative; text-align:right; }
.KVLineupItems figure img { width:64%; height:auto; }
.KVLineupItems figcaption { position:absolute; top:24px; left:0; font-size:12px; }
.KVLineupItems figcaption b { display:block; color:#d9534f; line-height:1; font-family:'Roboto', sans-serif; font-size:20px; font-weight:bold; }
.KVLineupItems figcaption b small { font-size:14px; }

@media screen and (min-width: 767px) {
.KV { position:relative; margin:0; padding:12px 0 0; background:#002e72 url('../img/bg_kv01.png') no-repeat right bottom; background-size:auto 240px; }
.KV .breadcrumbs { max-width:1120px !important; padding:0 0 24px !important; color:#fff !important; }
.KV .breadcrumbs a { color:#fff !important; }
.KVInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; z-index:3; width:90%; max-width:1120px;         margin: 0 auto -84px; padding:0; background:transparent; }
.KVHeadline { width:65%; color:#fff; }

.KVPointInner li {  width:calc(100%/4 - 85px)!important; }

.KVHeadline h1 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; line-height:1; font-weight:bold; }
.KVHeadline h1 small { display:block; width:100%; padding:0 0 12px; font-size:12px; }
.KVHeadline h1 img {width: calc(20% - 20px); height:auto; margin-right:40px; }
.KVHeadline h1 span { display:block; position:relative; top:-10px; width:50.0%; margin-bottom:-10px; }
.KVHeadline h1 span img { width: 45%;; height:auto; }
.KVHeadline h2 { color:#fff; line-height:1.0; font-size:24px; font-weight:bold;margin-top: 20px; }
.KVHeadline h2 b { display:block; font-size:52px; }
.KVHeadline p { margin-top:20px;#ffffff; font-size:22px;font-weight:bold; }
.KVHeadline p span { color:#e4d92b;  }
.KVpos { position:relative; top:64px; width:27.5%; margin:0; }
.KVpos img { width:100%; height:auto; }

.KVPointInner { position:relative; bottom:-100px; }
.KVPointInner ul { display:flex; flex-flow:row wrap; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:0; list-style:none; justify-content: left;}
.KVPointInner li { align-self:stretch; position:relative; width:18%; margin:0; padding:0;        margin-right: 20px; }
.KVPointInnerBox {flex-direction: column; display:flex; justify-content:space-between; align-items:center; margin:0 0 16px; padding:16px 10px; border-radius:4px; background:#fff; box-shadow:0 4px 12px 0 rgba(0,0,0,0.15); }
.KVPointInner figure { order:2; position:relative; width:40%; }
.KVPointInner figure img { width:100%; height:100%; object-fit:cover; }
.KVPointInner h4 { order:1; color:#080d5e; font-size:18px; font-weight:bold; text-align:center; }
.KVPointInner p {  }

.KVLineup { margin:144px 0 0; padding:0 0 24px; border-bottom:#aaa 1px solid; }
.KVLineupInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:0; }
.KVLineupText { width:340px; padding:0; }
.KVLineupText figure { margin:0; padding:0 0 16px; text-align:center; }
.KVLineupText figure img { width:60%; height:auto; object-fit:cover; }
.KVLineupText a { display:block; margin:0; padding:0 1em; border:0; color:#fff; line-height:60px; font-size:18px; text-align:center; background:#01A63E; }
.KVLineupText a::after { content:''; display:inline-block; position:relative; top:-2px; width:6px; height:6px; margin:0 0 0 4px; padding:0; border-top:#fff 2px solid; border-right:#fff 2px solid; transform:rotate(45deg); }
.KVLineupItems { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:calc(100% - 380px); margin:0; padding:0; list-style:none; }
.KVLineupItems li { width:48.5%; padding:0; }
.KVLineupItems figure { display:block; position:relative; text-align:right; }
.KVLineupItems figure img { width:64%; height:auto; }
.KVLineupItems figcaption { position:absolute; top:24px; left:0; font-size:12px; }
.KVLineupItems figcaption b { display:block; color:#d9534f; line-height:1; font-family:'Roboto', sans-serif; font-size:20px; font-weight:bold; }
.KVLineupItems figcaption b small { font-size:14px; }
}

@media screen and (max-width:1024px) and (min-width:768px) {
.KV .breadcrumbs { max-width:90% !important; padding:0 0 24px !important; color:#fff !important; }
}


/**/
.headline { padding:0 0 32px; color:#4A7CDB; line-height:1.2; font-size:24px; font-weight:bold; text-align:center; }

@media screen and (min-width: 767px) {
.headline { padding:0 0 40px; color:#000000; line-height:1.2; font-size:40px; font-weight:bold; text-align:center; }
}


/*----- Intro -----*/
.banner_box{gap:30px;}
.banner_box a{width: auto;    display: contents;}
.Intro { margin:0; padding:40px 0 0; background:linear-gradient(180deg, rgba(239,255,214,1) 0%, rgba(255,255,255,1) 20%); }
.IntroInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.IntroHead {  }
.IntroInner h2 { padding-bottom:8px; }
.IntroInner h2 + small { display:block; padding:0 0 24px; font-size:13px; text-align:center; }
.IntroCheck { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:16px; width:70%; margin:0 auto; list-style:none; }
.IntroCheck li { width:calc(25% - 16px); margin:0; padding:0; }
.IntroCheck li img { width:100%; height:auto; }
.IntroSolutionRe { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; list-style:none; margin:0; padding:0 0 32px; }
.IntroSolutionRe li { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; width:49%; margin:0 0 16px; padding:0; border:#cdd8ee 2px solid; border-radius:4px; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.05); }
.IntroSolutionReNum { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-self:stretch; width:60px; margin:0; padding:0 4px; color:#4A7CDB; font-size:18px; font-weight:bold; background:#cdd8ee; }
.IntroSolutionReLabel { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; width:calc(100% - 60px); margin:0; padding:16px 0 16px 16px; }
.IntroSolutionCatch { margin:0; padding:0 0 8px; border:0; color:#F16181; font-size:24px; font-weight:bold; text-align:center; }

.IntroSolution { position:relative; margin:24px 0; padding:24px; border-radius:8px; border:#91B0F5 2px solid; background:#FFFFF7; box-shadow:0 6px 0 0 rgba(191,213,253,0.7); }
.IntroSolution::before { content:''; position:absolute; top:-15px; left:50%; border:transparent 60px solid; border-top:#91B0F5 30px solid; transform:translate(-50%,0); }
.IntroSolution h3 { margin:0; padding:0 0 16px; color:#5788E6; font-size:18px; text-align:center; }
.IntroSolutionList { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; list-style:none; }
.IntroSolutionList figure { width:100%; }
.IntroSolutionList figure img { width:100%; height:auto; }
.IntroSolutionList p { width:calc(100% - 0px); padding:0 0 16px 0; color:#F16181; font-weight:bold; text-align:center; }
.IntroSolutionList figure + p { padding:16px 0 0 0; text-align:center; }

.IntroSolutionListRe { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin:0; padding:24px 0 0; list-style:none; }
.IntroSolutionListRe li { align-self:stretch; width:31%; margin:0 2% 24px 0; padding:0 24px 24px 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; box-sizing:border-box; }
.IntroSolutionListRe li:nth-child(even) { margin-right:2%; }
.IntroSolutionListRe li:nth-child(3) { margin-right:0; }
.IntroSolutionListRe figure { width:100%; margin:0; padding:0 0 24px; }
.IntroSolutionListRe figure img { width:100%; height:auto; }
.IntroSolutionListReText { width:100%; margin:0; padding:0; }

.IntroSolutionRe2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; list-style:none; margin:0; padding:0 0 32px; }
.IntroSolutionRe2 li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; margin:0 0 16px; padding:0; border:#cdd8ee 2px solid; border-radius:4px; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.05); }
.IntroSolutionReHead { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; margin:0; padding:0; background:#cdd8ee; }
.IntroSolutionReHead span { margin:0; padding:0; border-radius:3px 0 0 0; color:#fff; line-height:40px; font-size:16px; background:#5788E6; }
.IntroSolutionReHead h3 { width:calc(100% - 60px); margin:0; padding:0 0 0 16px; color:#000; line-height:40px; font-size:16px; }
.IntroSolutionReText { position:relative; overflow:hidden; width:100%; height:0; padding:0; transition:0.2s; }
.IntroSolutionReText.active { width:100%; height:auto; padding:16px; transition:0.2s; }
.IntroSolutionReText h4 { padding:0 0 8px; color:#5788E6; font-size:16px; font-weight:bold; }
.IntroSolutionReText p { line-height:1.3; font-size:14px; font-weight:normal; }

@media screen and (min-width: 767px) {
.Intro { margin:0; padding:180px 0 0;         background: linear-gradient(180deg, rgb(239 245 255) 0%, rgba(255, 255, 255, 1) 20%);}
.IntroInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.IntroHead {  }
.IntroInner h2 { padding-top:40px; padding-bottom:8px; }
.IntroInner h2 + small { display:block; padding:0 0 24px; text-align:center; }
.IntroCheck { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:16px; width:70%; margin:0 auto; list-style:none; }
.IntroCheck li { width:calc(25% - 16px); margin:0; padding:0; }
.IntroCheck li img { width:100%; height:auto; }
.IntroSolutionRe { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; list-style:none; margin:0; padding:0 0 32px; }
.IntroSolutionRe li { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; width:49%; margin:0 0 16px; padding:0; border:#cdd8ee 2px solid; border-radius:4px; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.05); }
.IntroSolutionReNum { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; align-self:stretch; width:60px; margin:0; padding:0 4px; color:#4A7CDB; font-size:18px; font-weight:bold; background:#cdd8ee; }
.IntroSolutionReLabel { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; width:calc(100% - 60px); margin:0; padding:16px 0 16px 16px; }
.IntroSolutionCatch { margin:0; padding:0 0 8px; border:0; color:#F16181; font-size:24px; font-weight:bold; text-align:center; }

.IntroSolution { position:relative; margin:24px 0; padding:40px; border-radius:8px; border:#91B0F5 2px solid; background:#FFFFF7; box-shadow:0 6px 0 0 rgba(191,213,253,0.7); }
.IntroSolution::before { content:''; position:absolute; top:-15px; left:50%; border:transparent 60px solid; border-top:#91B0F5 30px solid; transform:translate(-50%,0); }
.IntroSolution h3 { margin:0; padding:0 0 16px; color:#5788E6; font-size:27px; text-align:center; }
.IntroSolutionList { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; list-style:none; }
.IntroSolutionList figure { width:40%; }
.IntroSolutionList figure img { width:100%; height:auto; }
.IntroSolutionList p { width:calc(30% - 24px); padding:0 24px 0 0; color:#F16181; font-weight:bold; text-align:right; }
.IntroSolutionList figure + p { padding:0 0 0 24px; text-align:left; }

.IntroSolutionListRe { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin:0; padding:24px 0 0; list-style:none; }
.IntroSolutionListRe li { align-self:stretch; width:31%; margin:0 2% 24px 0; padding:0 24px 24px 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; box-sizing:border-box; }
.IntroSolutionListRe li:nth-child(even) { margin-right:2%; }
.IntroSolutionListRe li:nth-child(3) { margin-right:0; }
.IntroSolutionListRe figure { width:100%; margin:0; padding:0 0 24px; }
.IntroSolutionListRe figure img { width:100%; height:auto; }
.IntroSolutionListReText { width:100%; margin:0; padding:0; }

.IntroSolutionRe2 { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; list-style:none; margin:0; padding:0 0 32px; }
.IntroSolutionRe2 li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:49%; margin:0 0 16px; padding:0; border:#cdd8ee 2px solid; border-radius:4px; background:#fff; box-shadow:0 3px 0 0 rgba(0,0,0,0.05); }
.IntroSolutionReHead { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; margin:0; padding:0; background:#dde6f8;         cursor: pointer;}
.IntroSolutionReHead span { margin:0; padding:0; border-radius:3px 0 0 0; color:#fff; line-height:48px; font-size:18px; background:#5788E6; }
.IntroSolutionReHead h3 { width:calc(100% - 60px); margin:0; padding:0 0 0 16px; color:#080d5e; line-height:48px; font-size:19px; }
.IntroSolutionReText { position:relative; overflow:hidden; width:100%; height:0; padding:0; transition:0.2s; }
.IntroSolutionReText.active { width:100%; height:auto; padding:24px; transition:0.2s; }
.IntroSolutionReText h4 { padding:0 0 8px; color:#1c5fdf; font-size:18px; font-weight:bold; }
.IntroSolutionReText p { line-height:1.3; font-size:13px; font-weight:normal; }
}

@media screen and (max-width:1024px) and (min-width:768px) {
.IntroHead h2 { padding-top:2.5em; line-height:1.4; font-size:18px; }
.IntroSolutionReHead h3 { padding:10px 0 10px 16px; line-height:1.5; font-size:15px; }
}


/*----- ReasonRe -----*/
.ReasonRe { padding:40px 0 0; }
.ReasonReInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.ReasonRe .headline { padding-bottom:24px; }
.ReasonReCatch { padding:0 0 40px 0; line-height:1.5; font-size:16px; text-align:center; }
.ReasonReCatch br { display:none; }
.ReasonReList { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.ReasonReList > li { align-self:stretch; width:100%; margin:0 0 24px; padding:24px ; border-right:#5788E6 1xp solid; border-bottom:#5788E6 1xp solid; background:#fff; box-shadow:4px 4px 0 0 rgba(0,0,0,0.1); }
.ReasonReList h3 { padding:0 0 24px; color:#024f99; line-height:1.4; font-size:24px; font-weight:bold; }
.ReasonReList h3 small { display:block; padding:0 0 8px; color:#999; font-family:'Roboto', sans-serif; font-size:13px; }
.ReasonReBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; margin:0; padding:0; }
.ReasonReBox ul { width:calc(100% - 100px); padding:0 0 0 1.25em; }
.ReasonReBox ul > li { margin:0 0 4px; padding:0; font-size:12px; list-style:disc; }
.ReasonReBox figure { width:80px; }

@media screen and (min-width: 767px) {
.ReasonRe { padding:40px 0 40px; }
.ReasonReInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.ReasonRe .headline { padding-bottom:24px; }
.ReasonReCatch { padding:0 0 40px 0; line-height:1.5;font-size: 16px;
    text-align:center; }
.ReasonReCatch br { display:inline; }
.ReasonReList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.ReasonReList > li { align-self:stretch;padding:24px;  width: 33%;
  margin: 0; border-right:#5788E6 1xp solid; border-bottom:#5788E6 1xp solid; background:#fff; box-shadow:4px 4px 0 0 rgba(0,0,0,0.1); }
.ReasonReList h3 { padding:0 0 15px; color:#024f99; line-height:1.4; font-size:27px; font-weight:bold; }
.ReasonReList h3 small { display:block; padding:0 0 8px; color:#999; font-family:'Roboto', sans-serif; font-size:13px; }
.ReasonReBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; margin:0; padding:0;flex-direction: column; }
.ReasonReBox ul { width:calc(100% - 50px); padding:0 0 0 1.25em; }
.ReasonReBox ul > li { margin:0 0 4px; padding:0; font-size:12px; list-style:disc; }
.ReasonReBox figure { width:80px; margin: auto;}
}

/* cashless */
.banner2 img {
  max-width: 350px;
  margin-top: 30px;
  filter: brightness(95%) contrast(100%);
}
.cashless { padding:40px 0 ; }
.cashlessInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.cashless .headline { padding-bottom:24px; }
.cashlessCatch { padding:0 0 40px 0; line-height:1.5; font-size:16px; text-align:center; }
.cashlessCatch br { display:none; }
.cashlessList { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.cashlessList > li { align-self:stretch; width:100%; margin:0 0 24px; padding:24px 24px 0; border-right:#5788E6 1xp solid; border-bottom:#5788E6 1xp solid; background:#fff; box-shadow:4px 4px 0 0 rgba(0,0,0,0.1); }
.cashlessList h3 { padding:0 0 24px; color:#F03C60; line-height:1.4; font-size:24px; font-weight:bold; }
.cashlessList h3 small { display:block; padding:0 0 8px; color:#999; font-family:'Roboto', sans-serif; font-size:13px; }
.cashlessBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; margin:0; padding:0; }
.cashlessBox ul { width:calc(100% - 100px); padding:0 0 0 1.25em; }
.cashlessBox ul > li { margin:0 0 4px; padding:0; font-size:12px; list-style:disc; }
.cashlessBox figure { width:80px; }

@media screen and (min-width: 767px) {
.cashless { padding:40px 0 40px; }
.cashlessInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.cashless .headline { padding-bottom:24px; }
.cashlessCatch { padding:0 0 0px 0; line-height:1.5;font-size: 16px;
    text-align:center; }
.cashlessCatch br { display:inline; }
.cashlessList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.cashlessList > li { align-self:stretch; width:31%; margin:0; padding:0 24px 24px 0; border-right:#5788E6 1xp solid; border-bottom:#5788E6 1xp solid; background:#fff; box-shadow:4px 4px 0 0 rgba(0,0,0,0.1); }
.cashlessList h3 { padding:0 0 15px; color:#024f99; line-height:1.4; font-size:27px; font-weight:bold; }
.cashlessList h3 small { display:block; padding:0 0 8px; color:#999; font-family:'Roboto', sans-serif; font-size:13px; }
.cashlessBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-end; margin:0; padding:0;flex-direction: column; }
.cashlessBox ul { width:calc(100% - 50px); padding:0 0 0 1.25em; }
.cashlessBox ul > li { margin:0 0 4px; padding:0; font-size:12px; list-style:disc; }
.cashlessBox figure { width:80px; margin: auto;}
}



/* ------ スライダー ここから----- */

.slideInner {
	display: flex;
}

.slideInner li {
	background-color: #fff;
	border-radius: 10px;
	text-align: center;
}

.slideInner li h5 {
	font-size: 1rem;
	color: #666;
}

.slideInner li h3 {
	font-size: 1.8rem;
	font-weight: bold;
}

.swiper-container {
	padding: 0 10px;
}

.swiper-slide {
	height: auto;
	display: flex;
	flex-flow: column;
	justify-content: center;
	align-items: center;
	font-size: 1.6rem;
	text-align: center;
	background: #fff;
	border-radius: 5px;
	box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.15);
	padding: 10px;
}

.swiper-slide img {
	max-width: 130px;
	height: 80px;
	object-fit: contain;
}

.swiper-slide p {
	line-height: 1.5;
}

/*----スライダー_多彩な決済に対応したPOSレジ！_ここから-----*/

.pos_box {
	max-width: 100%;
	display: block;
	padding: 0 30px;
	margin: 0 auto;
}

.slick-list {
	overflow: visible !important;
	z-index: 2;
}

.slick-prev {
	left: 0px !important;
	background: rgba(0, 0, 0, 0.1) url(/assets/img/common/foot_icon_arrow-left.png) no-repeat center center !important;
	z-index: 3;
	width: 25px !important;
	height: 25px !important;
	margin: 0 0 0 20px;
}

.slick-next {
	right: 0px !important;
	background: rgba(0, 0, 0, 0.1) url(/assets/img/common/foot_icon_arrow-right.png) no-repeat center center !important;
	z-index: 3;
	width: 25px !important;
	height: 25px !important;
	margin: 0 20px 0 0;
}

/*  */
/*----- Case -----*/
.Case { margin:0px 0 0; padding:0; }
.CaseInner { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; padding:40px 0; background:#FAFAFA; }
.CaseCatch { width:90%; max-width:1120px; margin:0 auto; padding:24px 0 0; font-size:16px; }
.CasePhoto { align-self:inherit; width:calc(100.0% - 0px); padding:0 0 24px 0; }
.CasePhoto img { width:100%; height:auto; object-fit:cover; }
.CaseText { width:90%; max-width:1120px; margin:0 auto; }
.Case h2.headline { width:100%; max-width:1120px; margin:0 auto; padding:0 0 40px; line-height:1; }
.CaseBox { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; padding:0; }
.CaseBox figure { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; width:100%; }
.CaseBox figure img { width:50%; height:auto; object-fit:cover; }
.CaseBoxText { width:calc(100% - 0px); padding:16px 0 0; }
.CaseText h3 { margin:0; padding:0; line-height:1; font-size:16px; }
.CaseText h3 span { font-size:1.3em; }
.CaseStore { margin:0; padding:0 0 16px; line-height:1; font-size:15px; }
.CaseStore b { font-size:1.3em; font-weight:bold; }
.CaseAddress { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:16px; padding:0; font-size:12px; }
.CaseAddress dt {  }
.CaseAddress dt svg { position:relative; top:1px; width:auto; height:13px; margin:0 4px 0 0; }
.CaseAddress dd {  }
.CaseType { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:16px; padding:4px 0 0; }
.CaseType dt { margin:0; padding:0 1em; border:#ccc 1px solid; border-radius:2px; color:#666; line-height:22px; font-size:12px; background:#fff; }
.CaseType dd {  }
.CaseSummary { margin:32px 0 0; padding:16px; border-radius:8px; border:#126DD8 1px solid; background:#fff; }
.CaseSummary h3 { margin:0; padding:8px 0 16px; color:#126DD8; line-height:1.5; font-size:16px; text-align:center; }
.CaseSummary figure {  }
.CaseSummary img { width:100%; height:auto; }

@media screen and (min-width: 767px) {
.Case { margin:0px 0 0; padding:0; }
.CaseInner { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; padding:80px 0; background:#FAFAFA; }
.CaseCatch { width:90%; max-width:1120px; margin:0 auto; padding:24px 20px 0; font-size:16px; }
.CasePhoto { align-self:stretch; width:calc(45.0% - 80px); padding:0 80px 0 0; }
.CasePhoto img { width:100%; height:100%; object-fit:cover; }
.CaseText { width:90%; max-width:1120px; margin:0 auto; }
.Case h2.headline { width:100%; max-width:1120px; margin:0 auto; padding:0 0 40px; line-height:1; }
.CaseBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; padding:0; }
.CaseBox figure { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; align-self:stretch; width:60%; }
.CaseBox figure img { width:50%; height:100%; object-fit:cover; }
.CaseBoxText { width:calc(40% - 24px); padding:0; }
.CaseText h3 { margin:0; padding:0; line-height:1; font-size:21px; margin-bottom: 10px; color: #126DD8;}
.CaseText h3 span { font-size:1.3em; }
.CaseStore { margin:0; padding:0 0 16px; line-height:1; font-size:15px; }
.CaseStore b { font-size:1.3em; font-weight:bold; }
.CaseAddress { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:16px; padding:0; font-size:12px; }
.CaseAddress dt {  }
.CaseAddress dt svg { position:relative; top:1px; width:auto; height:13px; margin:0 4px 0 0; }
.CaseAddress dd {  }
.CaseType { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:16px; padding:4px 0 0; }
.CaseType dt { margin:0; padding:0 1em; border:#ccc 1px solid; border-radius:2px; color:#666; line-height:22px; font-size:12px; background:#fff; }
.CaseType dd {  }
.CaseSummary { margin:32px 0 0; padding:24px; border-radius:8px; border:#126DD8 1px solid; background:#fff; }
.CaseSummary h3 { margin:0; padding:8px 0 32px; color:#126DD8; font-size:24px; text-align:center; }
.CaseSummary figure {  }
.CaseSummary img { width:100%; height:auto; }
}


/*----- Zaiko - 1 -----*/
.ZaikoNote { margin:0 0 0; padding:0; }
.ZaikoNoteInner { width:100%; max-width:1120px; margin:0 auto; padding:0; }
.ZaikoNotePrice { padding:0 0 0; }
.ZaikoNotePrice h3 { margin:0; padding:12px 16px; border-radius:4px; border:#fff 1px solid; color:#fff; line-height:1; font-size:21px; background:rgba(255,255,255,0.15); }
.ZaikoNotePrice > ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; margin:0; padding:24px 0 0; border:0; list-style:none; }
.ZaikoNotePrice > ul > li { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; width:100%; margin:0; padding:0 0 16px; border:0; }
.ZaikoNotePrice h4 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; margin:0; padding:0; border:0; background:transparent; }
.ZaikoNotePrice h4 img { width:70%; max-width:160px; height:auto; }
.ZaikoNotePrice h4 small { display:block; margin:8px 0 0; padding:0; border:0; font-size:14px; }
.ZaikoNotePriceBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; margin:16px 0 0; padding:8px 0; border-top:rgba(255,255,255,0.5) 1px solid; }
.ZaikoNotePriceBox dl { padding:8px 0 0; }
.ZaikoNotePriceBox dt { display:inline-block; padding:0 16px 0 0; }
.ZaikoNotePriceBox dd { display:inline-block; font-size:14px; font-weight:bold; }
.ZaikoNotePriceBox dd + dt { padding:8px 0 0; }
.ZaikoNotePriceBox dd b { line-height:1; font-family:'Roboto', sans-serif; font-size:20px; }
.ZaikoNotePriceNote { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; margin:0; padding:0; border:0; }
.ZaikoNotePriceNote ul { display:block; width:100%; margin:0; padding:0 0 16px; border:0; }
.ZaikoNotePriceNote ul li { margin:0; padding:0; border:0; font-size:12px; list-style:none; }
.ZaikoNotePriceNote li .material-symbols-outlined { position:relative; top:0.175em; font-size:1.2em; }
.ZaikoNoteInner {  }
.ZaikoNoteHard {  }
.ZaikoNoteHard h4 { margin:0; padding:8px 16px; border-radius:4px; color:#fff; line-height:1; font-size:21px; background:#FEC82A; }
.ZaikoNoteHardItems { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:16px 0 0; list-style:none; }
.ZaikoNoteHard li { width:48.5%; padding:0; }
.ZaikoNoteHard figure { display:block; position:relative; text-align:center; }
.ZaikoNoteHard figure img { width:64%; height:auto; }
.ZaikoNoteHard figcaption { position:relative; top:auto; left:auto; font-size:12px; }
.ZaikoNoteHard figcaption b { display:block; color:#d9534f; line-height:1; font-family:'Roboto', sans-serif; font-size:20px; font-weight:bold; }
.ZaikoNoteHard figcaption b small { font-size:14px; }
.ZaikoHard { padding:16px 0 0; }
.ZaikoHard h3 { margin:0; padding:10px 18px; border-radius:4px; border:#fff 1px solid; color:#fff; line-height:1; font-size:24px; background:rgba(255,255,255,0.15); }
.ZaikoHardLineup { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:32px 0 0; list-style:none; }
.ZaikoHardLineup li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:48%; margin:0; }
.ZaikoHardLineup figure { align-self:stretch; display:block; position:relative; margin:0; padding:0 0 24px; text-align:center; }
.ZaikoHardLineup figcaption { display:block; position:relative; top:auto; left:auto; z-index:2; font-size:13px; text-align:left; }
.ZaikoHardLineup figcaption b { font-size:20px; font-family:'Roboto', sans-serif; }
.ZaikoHardLineup figcaption span { display:block; }
.ZaikoHardLineup img { width:100%; height:auto; max-height:320px; }
.ZaikoHardLineupTextBox {  }
.ZaikoHardLineupTextBox dt { font-weight:bold; }
.ZaikoHardLineupTextBox dd {  }
.ZaikoHardLineupText { display:block; width:100%; margin:0; padding:0; border:0; }
.ZaikoHardLineupText li { display:inline-block; margin:0 12px 0 0; padding:0; border:0; font-size:14px; list-style:none; }
.ZaikoHardLineupText li .material-symbols-outlined { position:relative; top:0.175em; font-size:1.2em; }
.ZaikoHardText { line-height:1.5; font-size:11px; }
.ZaikoHardButton { width:100%; margin:0; padding:40px 0 0; text-align:center; }
.ZaikoHardButton a { display:inline-block; min-width:270px; margin:0; padding:0 1em; color:#126DD8; line-height:60px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; }
.ZaikoHardButton svg { position:relative; top:1px; margin:0 0 0 8px; }

@media screen and (min-width: 767px) {
.ZaikoNote { margin:0; padding:0; }
.ZaikoNoteInner { width:100%; margin:0; padding:0; }
.ZaikoNotePrice { padding:0; }
.ZaikoNotePrice h3 { margin:0; padding:10px 18px; border-radius:4px; border:#fff 1px solid; color:#fff; line-height:1; font-size:24px; background:rgba(255,255,255,0.15); }
.ZaikoNotePrice > ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:24px 0 0; border:0; list-style:none; }
.ZaikoNotePrice > ul > li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:48%; margin:0; padding:0; border:0; }
.ZaikoNotePrice h4 { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100.0%; margin:0; padding:0 0 16px; border:0; background:transparent; }
.ZaikoNotePrice h4 img { width:100%; max-width:180px; height:auto; }
.ZaikoNotePrice h4 small { display:block; margin:24px 0 0; padding:0; border:0; font-size:18px; }
.ZaikoNotePriceBox { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100.0%; margin:0; padding:16px 0; border-top:rgba(255,255,255,0.5) 1px solid; }
.ZaikoNotePriceBox dl { padding:0 24px 0 0; }
.ZaikoNotePriceBox dt {  }
.ZaikoNotePriceBox dd { font-size:14px; font-weight:bold; }
.ZaikoNotePriceBox dd + dt { padding:8px 0 0; }
.ZaikoNotePriceBox dd b { color:; line-height:1; font-family:'Roboto', sans-serif; font-size:20px; }
.ZaikoNotePriceNote { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:100%; margin:0; padding:0; border:0; }
.ZaikoNotePriceNote ul { display:block; width:100%; margin:0; padding:0; border:0; }
.ZaikoNotePriceNote ul li { display:inline-block; margin:0 12px 0 0; padding:0; border:0; font-size:14px; list-style:none; }
.ZaikoNotePriceNote li .material-symbols-outlined { position:relative; top:0.175em; font-size:1.2em; }
.ZaikoNoteInner {  }
.ZaikoNoteHard {  }
.ZaikoNoteHard h4 { margin:0; padding:8px 16px; border-radius:4px; color:#fff; line-height:1; font-size:21px; background:#FEC82A; }
.ZaikoNoteHardItems { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:16px 0 0; list-style:none; }
.ZaikoNoteHard li { width:48.5%; padding:0; }
.ZaikoNoteHard figure { display:block; position:relative; text-align:right; }
.ZaikoNoteHard figure img { width:64%; height:auto; }
.ZaikoNoteHard figcaption { position:absolute; top:calc(50% - 1.8em); left:0; font-size:12px; }
.ZaikoNoteHard figcaption b { display:block; color:#d9534f; line-height:1; font-family:'Roboto', sans-serif; font-size:20px; font-weight:bold; }
.ZaikoNoteHard figcaption b small { font-size:14px; }
.ZaikoHard { padding:32px 0 0; }
.ZaikoHard h3 { margin:0; padding:10px 18px; border-radius:4px; border:#fff 1px solid; color:#fff; line-height:1; font-size:24px; background:rgba(255,255,255,0.15); }
.ZaikoHardLineup { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:32px 0 0; list-style:none; }
.ZaikoHardLineup li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:48%; margin:0; }
.ZaikoHardLineup figure { align-self:stretch; display:block; position:relative; margin:0; padding:0 0 24px; text-align:right; }
.ZaikoHardLineup figcaption { display:block; position:absolute; top:0; left:0; z-index:2; font-size:16px; text-align:left; }
.ZaikoHardLineup figcaption b { font-size:24px; font-family:'Roboto', sans-serif; }
.ZaikoHardLineup figcaption span { display:block; }
.ZaikoHardLineup img { width:82%; height:auto; max-height:320px; }
.ZaikoHardLineupTextBox {  }
.ZaikoHardLineupTextBox dt { font-weight:bold; }
.ZaikoHardLineupTextBox dd {  }
.ZaikoHardLineupText { display:block; width:100%; margin:0; padding:0; border:0; }
.ZaikoHardLineupText li { display:inline-block; margin:0 12px 0 0; padding:0; border:0; font-size:14px; list-style:none; }
.ZaikoHardLineupText li .material-symbols-outlined { position:relative; top:0.175em; font-size:1.2em; }
.ZaikoHardText { line-height:1.5; font-size:11px; }
.ZaikoHardButton { width:100%; margin:0; padding:40px 0 0; text-align:center; }
.ZaikoHardButton a { display:inline-block; min-width:420px; margin:0; padding:0 1em; color:#126DD8; line-height:60px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; }
.ZaikoHardButton svg { position:relative; top:1px; margin:0 0 0 8px; }
}


/*----- Zaiko -----*/
.Zaiko { margin:0; padding:40px 0 0; }
.ZaikoInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.Zaiko h2 { padding:0 0 16px; color:#126DD8; font-size:20px; text-align:center; }
.ZaikoCatch { padding:0 0 24px; color:#d9534f; font-size:18px; font-weight:bold; text-align:center; }
.ZaikoList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin:0; padding:24px 0 0; list-style:none; }
.ZaikoList li { align-self:stretch; width:48%; margin:0 4% 24px 0; padding:0 24px 24px 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; box-sizing:border-box; }
.ZaikoList li:nth-child(even) { margin-right:0; }
.ZaikoList figure { width:100%; margin:0; padding:0 0 24px; }
.ZaikoList figure img { width:100%; height:auto; }
.ZaikoText { width:100%; margin:0; padding:0; }
.ZaikoText h3 { color:#126DD8; font-size:18px; }

@media screen and (min-width: 767px) {
.Zaiko { margin:0; padding:64px 0 0; }
.ZaikoInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.Zaiko h2 { padding:0 0 16px; color:#126DD8; font-size:32px; text-align:center; }
.ZaikoCatch { padding:0 0 24px; color:#d9534f; font-size:18px; font-weight:bold; text-align:center; }
.ZaikoList { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; margin:0; padding:24px 0 0; list-style:none; }
.ZaikoList li { align-self:stretch; width:31%; margin:0 2% 24px 0; padding:0 24px 24px 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; box-sizing:border-box; }
.ZaikoList li:nth-child(even) { margin-right:2%; }
.ZaikoList figure { width:100%; margin:0; padding:0 0 24px; }
.ZaikoList figure img { width:100%; height:auto; }
.ZaikoText { width:100%; margin:0; padding:0; }
.ZaikoText h3 { color:#126DD8; font-size:18px; }
}


/*----- Point -----*/
.Point { margin:0; padding:40px 0 0; background:#F3FAFF linear-gradient(180deg, rgba(243,250,255,1) 0%, rgba(255,255,255,1) 20%); }
.PointInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.PointInner h2.headline { padding:0 0 8px; }
.PointCatch { padding:0 0 24px; font-size:16px; font-weight:bold; text-align:center; }
.PointInner ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; list-style:none; }
.PointInner li { align-self:stretch; position:relative; width:100.0%; margin:0 0 16px; padding:16px; border-radius:6px; color:#fff; background:#42C0C0; box-shadow:0 4px 12px 0 rgba(0,0,0,0.1); }
.PointListNum { display:block; position:absolute; z-index:3; top:12px; left:12px; width:50px; height:50px; border-radius:50px; border:#42C0C0 3px solid; color:#42C0C0; line-height:46px; font-family:'Roboto', sans-serif; font-size:21px; font-weight:bold; text-align:center; background:#fff; }
.PointInner li figure { margin:0; padding:0 0 8px; }
.PointInner li figure img { width:100%; height:auto; }
.PointText {  }
.PointText h3 { margin:0; padding:0 0 8px; font-size:18px; }
.PointText h3 br { display:none; }
.PointText p { font-size:13px; line-height:1.4; }
.PointNote { margin:24px 0 0; padding:24px; border:#ccc 1px solid; border-radius:4px; background:#fcfcfc; }
.PointNote b { display:block; margin:0; padding:0 0 8px; font-size:1.1em; }

@media screen and (min-width: 767px) {
.Point { margin:0; padding:80px 0 0; background:#F3FAFF linear-gradient(180deg, rgba(243,250,255,1) 0%, rgba(255,255,255,1) 20%); }
.PointInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.PointInner h2.headline { padding:0 0 8px; }
.PointCatch { padding:0 0 40px; font-size:21px; font-weight:bold; text-align:center; }
.PointInner ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; list-style:none; }
.PointInner li { align-self:stretch; position:relative; width:24.0%; margin:0; padding:24px; border-radius:6px; color:#fff; background:#42C0C0; box-shadow:0 4px 12px 0 rgba(0,0,0,0.1); }
.PointListNum { display:block; position:absolute; z-index:3; top:12px; left:12px; width:50px; height:50px; border-radius:50px; border:#42C0C0 3px solid; color:#42C0C0; line-height:46px; font-family:'Roboto', sans-serif; font-size:21px; font-weight:bold; text-align:center; background:#fff; }
.PointInner li figure { margin:0; padding:0 0 24px; }
.PointInner li figure img { width:100%; height:auto; }
.PointText {  }
.PointText h3 { margin:0; padding:0 0 8px; font-size:18px; }
.PointText h3 br { display:inline; }
.PointText p { font-size:13px; line-height:1.4; }
.PointNote { margin:24px 0 0; padding:24px; border:#ccc 1px solid; border-radius:4px; background:#fcfcfc; }
.PointNote b { display:block; margin:0; padding:0 0 8px; font-size:1.1em; }
}

/*----- Point -----*/
.PointOption { margin:0; padding:40px 0 40px; }
.PointOption  .headline {
    padding-bottom: 24px;
}
.PointOptionButton { text-align:center; }
.PointOptionToggle { display:inline-block; min-width:270px; margin:0; padding:0; border:#ccc 1px solid; border-radius:48px; color:#6B6B6B; line-height:48px; text-align:center; }
.PointOptionOuter { position:relative; overflow:hidden; height:0; transition:0.4s; }
.PointOptionOuter.active { height:fit-content; transition:0.4s; }
.PointOptionInner { width:90%; max-width:1120px; margin:0 auto; padding:24px 0 0; }
.PointOptionInner h3 { margin:0; padding:0 0 20px;  font-size: 35px;color: #024f99;}
.PointOptionInner h4 { margin:0; padding:0 0 32px; font-size:27px; text-align:center; }
.PointOptionInner ul { margin:0; padding:0; list-style:none; }
.PointOptionInner ul > li { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; margin:0 0 16px; padding:0 0 16px; border-bottom:#aaa 1px solid; border-radius:0; /*background:#fff; box-shadow:0 6px 0 0 rgba(191,213,253,0.7);*/ }
.PointOptionInner h5 { position:relative; width:100%; margin:0; padding:0; border:0 !important; border-radius:0; color:#000; line-height:1.4; font-size:15px; font-weight:bold; text-align:left; }
.PointOptionInner h5::before { content:''; display:block; position:absolute; top:50%; right:16px; width:17px; height:2px; background:#ccc; transform:translate(0,-50%); }
.PointOptionInner h5::after { content:''; display:block; position:absolute; top:50%; right:16px; width:17px; height:2px; background:#ccc; transform:rotate(90deg) translate(0,-50%); transition:0.2s; }
.PointOptionInner h5.none::before { content:none; }
.PointOptionInner h5.none::after { content:none; }
.PointOptionInner h5.active::after { content:''; display:block; position:absolute; top:50%; right:16px; width:17px; height:2px; background:#ccc; transform:rotate(0deg) translate(0,-50%); transition:0.2s; }
.PointOptionInner h5 .material-symbols-outlined { position:relative; top:0.15em; margin:0 4px 0 0; color:#00873C; font-size:1.2em; }
.PointOptionInner h5 br { display:inline; }
.PointOptionBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; overflow:hidden; height:0; padding:0 0 0; border-radius:0; transition:0.2s; }
.PointOptionBox.active { position:relative; overflow:hidden; height:auto; padding:8px 0 8px; border-radius:0; transition:0.2s; }
.PointOptionBox figure { order:1; width:100%; padding:0 0 24px; }
.PointOptionBox figure img { width:100%; }
.PointOptionBox .PointOptionText { order:2; width:calc(100% - 0px); }
.PointOptionText h5 { margin:0; padding:0 0 24px; line-height:1.4; font-size:21px; font-weight:bold; }
.PointOptionText h6 { margin:0; padding:0 0 8px; color:#29355E; line-height:1; font-size:16px; }
.PointOptionText p { margin:0; padding:0 0 16px; line-height:1.5; font-size:13px; }
.PointOptionText p b { display:block; margin:0; padding:0 0 8px; color:#E26380; line-height:1.4; font-size:16px; }
.PointOptionText ol { margin:0; padding:0; list-style:none; font-size:13px; }
.PointOptionText ol > li { margin:0; padding:0 0 2px; }
.PointOptionText ol > li svg { position:relative; top:2px; margin:0 4px 0 0; width:auto; height:1em; }
.PointOptionCatch { order:3; width:100%; margin:8px 0 0; padding:0; color:#003F98; line-height:1.4; font-size:16px; font-weight:bold; text-align:center; }

.PointOptionList { margin:0; padding:0 0 0 1.25em; border:0; list-style:none; }
.PointOptionList li { display:block !important; margin:0 !important; padding:0!important; border:0!important; font-size:12px; background:none !important; box-shadow:none !important; }
.PointOptionList li h6 { padding:0 0 8px; }
.PointOptionList li svg { position:relative; top:0.15em; width:auto; height:1.0em; margin-right:4px; fill:#C2CA33; }

.PointTenpoVisor { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.PointTenpoVisor h5 { width:100%; margin:0; padding:0 0 24px; font-size:20px; text-align:center; }
.PointTenpoVisor h5.none::before { content:none; }
.PointTenpoVisor h5.none::after { content:none; }
.PointTenpoVisor-bcpos { align-self:inherit; width:100%; margin:0 0 16px; padding:24px; border-radius:6px; border:#00873C 1px solid; background:#F7FAFF; }
.PointTenpoVisor-bcpos h6 { padding:0 0 8px; color:#00873C; line-height:1.4; font-size:18px; text-align:center; }
.PointTenpoVisor-bcpos h6 b { display:block; margin:0; padding:0 0 8px; }
.PointTenpoVisor-bcpos h6 b img { width:36%; height:auto; }
.PointTenpoVisor-bcpos h6 small { display:block; font-size:14px; }
.PointTenpoVisor-bcpos figure {  }
.PointTenpoVisor-bcpos figure img { width:100%; height:auto; }
.PointTenpoVisor-tenpovisor { align-self:inherit; width:100%; padding:24px; border-radius:6px; border:#003F98 1px solid; background:#fcfcfc; }
.PointTenpoVisor-tenpovisor h6 { padding:0 0 24px; color:#003F98; line-height:1.4; font-size:18px; text-align:center; }
.PointTenpoVisor-tenpovisor h6 b { display:block; margin:0; padding:0 0 8px; }
.PointTenpoVisor-tenpovisor h6 b img { width:36%; height:auto; }
.PointTenpoVisor-tenpovisor h6 small { display:block; font-size:12px; }
.PointTenpoVisor-tenpovisor-inner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.PointTenpoVisor-tenpovisor-inner figure { width:25%; }
.PointTenpoVisor-tenpovisor-inner figure img { width:100%; height:auto; }
.PointTenpoVisor-tenpovisor-inner dl { width:70%; }
.PointTenpoVisor-tenpovisor-inner dt { margin:16px 0 0; padding:0 0 4px; color:#003F98; line-height:1.5; font-size:16px; font-weight:bold; }
.PointTenpoVisor-tenpovisor-inner dd { line-height:1.5; font-size:13px; }

@media screen and (min-width: 767px) {
.PointOption { margin:0; }
.PointOptionButton { text-align:center; }
.PointOptionToggle { display:inline-block; min-width:270px; margin:0; padding:0; border:#ccc 1px solid; border-radius:48px; color:#6B6B6B; line-height:48px; text-align:center; }
.PointOptionOuter { position:relative; overflow:hidden; height:0; transition:0.4s; }
.PointOptionOuter.active { height:fit-content; transition:0.4s; }
.PointOptionInner { width:90%; max-width:1120px; margin:0 auto; padding:24px 0 0; }
.PointOptionInner h4 { margin:0; padding:0 0 32px; font-size:27px; text-align:center; }
.PointOptionInner ul { margin:0; padding:0; list-style:none; }
.PointOptionInner ul > li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0 0 24px; padding:0; border-bottom:#aaa 1px solid; border-radius:0; /*background:#fff; box-shadow:0 6px 0 0 rgba(191,213,253,0.7);*/
 }
.PointOptionInner h5 { position:relative; width:100%; margin:0; padding:0; border:0; color:#000; line-height:1.4; font-size:18px; font-weight:bold; text-align:left; cursor: pointer;}
.PointOptionInner h5::before { content:''; display:block; position:absolute; top:50%; right:16px; width:17px; height:2px; background:#ccc; transform:translate(0,-50%); }
.PointOptionInner h5::after { content:''; display:block; position:absolute; top:50%; right:16px; width:17px; height:2px; background:#ccc; transform:rotate(90deg) translate(0,-50%); transition:0.2s; }
.PointOptionInner h5.active::after { content:''; display:block; position:absolute; top:50%; right:16px; width:17px; height:2px; background:#ccc; transform:rotate(0deg) translate(0,-50%); transition:0.2s; }
.PointOptionInner h5 .material-symbols-outlined { position:relative; top:0.15em; margin:0 4px 0 0; color:#024f99; font-size:1.2em; }
.PointOptionInner h5 br { display:none; }
.PointOptionBox { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; position:relative; overflow:hidden; height:0; padding:16px 0 0; border-radius:0; transition:0.2s; }
.PointOptionBox.active { position:relative; overflow:hidden; height:auto; padding:24px 0 32px; border-radius:0; transition:0.2s; width: 100%;
}
.PointOptionBox figure { order:2; width:475px; padding:0; }
.PointOptionBox figure img { width:100%; }
.PointOptionBox .PointOptionText { order:1; width:calc(100% - 495px); }
.PointOptionText h6 { margin:0; padding:0 0 8px; color:#29355E; line-height:1; font-size:16px; }
.PointOptionText p { margin:0; padding:0 0 16px; line-height:1.5;         font-size: 15px; margin-bottom: 10px;}
.PointOptionText h4 { display:block; margin:0; padding:0 0 8px; color:#E26380; line-height:1.5; font-size:20px; text-align: left;margin-bottom: 5px;}
.PointOptionText ol { margin:0; padding:0; list-style:none; font-size:13px; }
.PointOptionText ol > li { margin:0; padding:0 0 2px; }
.PointOptionText ol > li svg { position:relative; top:2px; margin:0 4px 0 0; width:auto; height:1em; }
.PointOptionCatch { order:3; width:100%; margin:16px 0 0; padding:0; color:#003F98; line-height:1.4; font-size:18px; font-weight:bold; text-align:center; }

.PointOptionList { margin:0; padding:0 0 0 1.25em; border:0; list-style:none; }
.PointOptionList li { display:block !important; margin:0 !important; padding:0!important; border:0!important; font-size:12px; background:none !important; box-shadow:none !important; }
.PointOptionList li h6 { padding:0 0 8px; }
.PointOptionList li svg { position:relative; top:0.15em; width:auto; height:1.0em; margin-right:4px; fill:#C2CA33; }

.PointTenpoVisor { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.PointTenpoVisor h5 { width:100%; margin:0; padding:0 0 24px; font-size:32px; text-align:center; }
.PointTenpoVisor h5.none::before { content:none; }
.PointTenpoVisor h5.none::after { content:none; }
.PointTenpoVisor-bcpos { align-self:stretch; width:48%; margin:0; padding:24px; border-radius:6px; border:#00873C 1px solid; background:#F7FAFF; }
.PointTenpoVisor-bcpos h6 { padding:0 0 8px; color:#00873C; line-height:1.4; font-size:27px; text-align:center; }
.PointTenpoVisor-bcpos h6 b { display:block; margin:0; padding:0 0 8px; }
.PointTenpoVisor-bcpos h6 b img { width:36%; height:auto; }
.PointTenpoVisor-bcpos h6 small { display:block; font-size:16px; }
.PointTenpoVisor-bcpos figure {  }
.PointTenpoVisor-bcpos figure img { width:100%; height:auto; }
.PointTenpoVisor-tenpovisor { align-self:stretch; width:48%; padding:24px; border-radius:6px; border:#003F98 1px solid; background:#fcfcfc; }
.PointTenpoVisor-tenpovisor h6 { padding:0 0 24px; color:#003F98; line-height:1.4; font-size:27px; text-align:center; }
.PointTenpoVisor-tenpovisor h6 b { display:block; margin:0; padding:0 0 8px; }
.PointTenpoVisor-tenpovisor h6 b img { width:36%; height:auto; }
.PointTenpoVisor-tenpovisor h6 small { display:block; font-size:16px; }
.PointTenpoVisor-tenpovisor-inner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.PointTenpoVisor-tenpovisor-inner figure { width:35%; }
.PointTenpoVisor-tenpovisor-inner figure img { width:100%; height:auto; }
.PointTenpoVisor-tenpovisor-inner dl { width:60%; }
.PointTenpoVisor-tenpovisor-inner dt { margin:16px 0 0; padding:0 0 4px; color:#003F98; line-height:1.5; font-size:18px; font-weight:bold; }
.PointTenpoVisor-tenpovisor-inner dd { line-height:1.5; font-size:13px; }
}

@media screen and (max-width:1024px) and (min-width:768px) {
.PointOptionInner ul > li { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; }
.PointOptionInner ul > li > figure { order:1; width:50%; padding:0 0 24px; }
.PointOptionText { order:2; width:100%; }
.PointOptionText figure { width:100%; }
}


/*----- Point Alignment -----*/
.PointAlignment { width:90%; max-width:1120px; margin:0 auto; padding:40px 0 0; }
.PointAlignment h2 { padding:0 0 24px; color:#126DD8; font-size:20px; text-align:center; }
.PointAlignment h2 + p { padding:0 0 24px; font-size:16px; text-align:center; }
.PointAlignment ol {  }
.PointAlignment ol li {  }
.PointAlignment svg { position:relative; top:0.3em; margin-right:8px; fill:#42C0C0; }
.PointAlignment ul { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; margin:0; padding:24px 0 0; list-style:none; }
.PointAlignment ul li { align-self:stretch; position:relative; width:100%; margin:0 0 16px; padding:56px 24px 24px; border:#126DD8 1px solid; background:#fff; box-sizing:border-box; }
.PointAlignmentNum { display:block; position:absolute; top:0; left:0; width:100%; margin:0; padding:8px 16px; color:#fff; line-height:1; font-family:'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:center; background:#126DD8; }
.PointAlignment figure { width:100%; margin:0; padding:0 0 16px; }
.PointAlignment figure img { width:100%; height:auto; }
.PointAlignment li p {  }
.PointAlignment li p small { font-size:0.8em; }

@media screen and (min-width:767px) {
.PointAlignment { width:90%; max-width:1120px; margin:0 auto; padding:80px 0 0; }
.PointAlignment h2 { padding:0 0 24px; color:#126DD8; font-size:32px; text-align:center; }
.PointAlignment h2 + p { padding:0 0 24px; font-size:18px; text-align:center; }
.PointAlignment ol {  }
.PointAlignment ol li {  }
.PointAlignment svg { position:relative; top:0.3em; margin-right:8px; fill:#42C0C0; }
.PointAlignment ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; margin:0; padding:24px 0 0; list-style:none; }
.PointAlignment ul li { align-self:stretch; position:relative; width:31%; margin:0; padding:56px 32px 32px; border:#126DD8 1px solid; background:#fff; box-sizing:border-box; }
.PointAlignmentNum { display:block; position:absolute; top:0; left:0; width:100%; margin:0; padding:8px 16px; color:#fff; line-height:1; font-family:'Roboto', sans-serif; font-size:24px; font-weight:bold; text-align:center; background:#126DD8; }
.PointAlignment figure { width:100%; margin:0; padding:0 0 16px; }
.PointAlignment figure img { width:100%; height:auto; }
.PointAlignment li p {  }
.PointAlignment li p small { font-size:0.8em; }
}


/*----- Case -----*/
.CaseMore { margin:0; padding:0; }
.CaseMoreOuter { position:relative; overflow:hidden; height:0; transition:0.4s; }
.CaseMoreOuter.active { height:fit-content; transition:0.4s; }
.CaseMoreInner { width:100%; max-width:1120px; margin:0 auto; padding:24px 0 40px; }
.CaseMoreInner dl { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.CaseMoreInner dt { align-self:stretch; width:100%; margin:0 0 0; padding:0 0 4px; border-bottom:#ccc 0px solid; }
.CaseMoreInner dt:nth-child(1) { display:none; }
.CaseMoreInner dd:nth-child(2) { display:none; }
.CaseMoreInner dd { align-self:stretch; width:100%; margin:0 0 8px; padding:0 0 8px; border-bottom:#ccc 1px solid; }
.CaseMoreButton { text-align:center; }
.CaseMoreToggle { display:inline-block; min-width:270px; margin:0; padding:0; border:#ccc 1px solid; border-radius:48px; color:#6B6B6B; line-height:48px; text-align:center; }

@media screen and (min-width: 767px) {
.CaseMore { margin:0; padding:0; }
.CaseMoreOuter { position:relative; overflow:hidden; height:0; transition:0.4s; }
.CaseMoreOuter.active { height:fit-content; transition:0.4s; }
.CaseMoreInner { width:100%; max-width:1120px; margin:0 auto; padding:24px 0 40px; }
.CaseMoreInner dl { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.CaseMoreInner dt { align-self:stretch; width:40%; margin:0 0 8px; padding:0 0 8px; border-bottom:#ccc 1px solid; }
.CaseMoreInner dd { align-self:stretch; width:60%; margin:0 0 8px; padding:0 0 8px; border-bottom:#ccc 1px solid; }
.CaseMoreInner dt:nth-child(1) { display:block; font-weight:bold; }
.CaseMoreInner dd:nth-child(2) { display:block; font-weight:bold; }
.CaseMoreButton { text-align:center; }
.CaseMoreToggle { display:inline-block; min-width:270px; margin:0; padding:0; border:#ccc 1px solid; border-radius:48px; color:#6B6B6B; line-height:48px; text-align:center; }
}


/* Lineup */
.Lineup { margin:0; padding:40px 0 0; }
.LineupInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.LineupInner h2 { margin:0; pading:0 0 24px; }
.LineupInner h3 { margin:0; padding:0 0 16px; }
.LineupInner ul { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0 0 16px; list-style:none; }
.LineupInner li { width:46%; margin:0 4% 24px 0; }
.LineupInner li:nth-child(even) { margin-right:0; }
.LineupInner li:last-child { margin-right:0; }
.LineupInner figure { margin:0 0 16px; padding:12px; border:#ddd 1px solid; background:#fff; }
.LineupInner img { width:100%; }
.LineupPrice { color:#F16181; font-size:1.2em; }
@media screen and (min-width: 767px) {
.Lineup { margin:0; padding:80px 0 0; }
.LineupInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.LineupInner h2 { margin:0; pading:0 0 24px; }
.LineupInner h3 { margin:0; padding:0 0 16px; }
.LineupInner ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; margin:0; padding:0 0 40px; list-style:none; }
.LineupInner li { width:22%; margin:0 4% 0 0; }
.LineupInner li:nth-child(even) { margin-right:4%; }
.LineupInner li:last-child { margin-right:0; }
.LineupInner figure { margin:0 0 16px; padding:12px; border:#ddd 1px solid; background:#fff; }
.LineupInner img { width:100%; }
.LineupPrice { color:#F16181; font-size:1.2em; }
}


/*----- CTA -----*/
.CTA { margin:0px 0 0; padding:40px 0; color:#fff; background:#24406E/*url('../images/bg_cta.png') no-repeat; background-size:cover*/; }
.CTAInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.CTAInner h2 { padding:0; line-height:1; font-size:22px; text-align:center; }
.CTAInner h2 small { display:block; padding:8px 0 0 0; font-size:0.7em; font-weight:normal; }
.CTALineup { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.CTALineup li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; margin:32px 0 0; }
.CTALineup figure { align-self:stretch; display:block; position:relative; margin:0; padding:0 0 8px; text-align:right; }
.CTALineup figcaption { display:block; position:absolute; top:0; left:0; z-index:2; text-align:left; }
.CTALineup figcaption b { font-size:1.3em; font-family:'Roboto', sans-serif; }
.CTALineup figcaption span { display:block; }
.CTALineup img { width:82%; height:auto; max-height:320px; }
.CTALineupText { line-height:1.5; font-size:11px; }
.CTALineupButton { width:100%; margin:0; padding:24px 0 0; text-align:center; }
.CTALineupButton a { display:inline-block; min-width:270px; margin:0; padding:0 1em; color:#126DD8; line-height:60px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; }
.CTALineupButton svg { position:relative; top:1px; margin:0 0 0 8px; }

.pricing-container {
  max-width: 1200px;
  margin: 0 auto;
  /* padding: 60px 20px; */
  background: #24406E;
  color: #ffffff;
}

.pricing-header {
  text-align: center;
  margin-bottom: 40px;
}

.pricing-header h2 {
  font-size: 32px;
  margin-bottom: 16px;
}



.pricing-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
  gap: 30px 60px;
  margin: 0 auto;

}

.pricing-card {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  padding:25px 32px;
  transition: transform 0.2s;
}

.pricing-card:hover {
  transform: translateY(-4px);
}

.pricing-card-header {
  display: flex;
  align-items: center;
  margin-bottom: 0px;
}



.pricing-card-header img {
  max-height: 40px;
  margin-right: 16px;
  object-fit: contain;
  width: auto;
}

.pricing-card-header h4 {
  font-size: 24px;
  margin: 0;
  line-height: 20px;
}

.pricing-card-header small {
  display: block;
  font-size: 14px;
  opacity: 0.8;
  margin-top: 4px;

}

.pricing-options {
  position: relative;
  margin-bottom: 10px;
  width: 100%;
  display: flex;
  justify-content:space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  gap: 10px;
}
.pricing-options::after {
  content: " ";
  position: absolute;
  top: 30%;
  left: 46%;
  width: 0;
  height: 30px;
  border-width: 0 0 5px 10px;
  border-style: solid;
  border-color: transparent;
  border-right: 1px solid rgba(255, 255, 255, 0.1);
}


.pricing-options2 {
  position: relative;
  margin-bottom: 24px;
  width: 100%;
  display: flex;
  justify-content:space-between;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  gap: 10px;
}

.price-row {
  display: flex;

  align-items: center;
  padding:12px 10px;
  width: calc(100%/2 - 10px);
  gap:10px
}


.price-row2 {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 12px 0;

  width: 60%;
}

.price-row:last-child {
  border-bottom: none;
}

.price-label {
  font-size: 16px;
}

.price-amount {
  font-size: 24px;
  font-weight: bold;
}

.price-amount small {
  font-size: 14px;
  opacity: 0.8;
}

.feature-list {
  list-style: none;
  padding: 0;
  margin: 0;
gap: 5px 0;
display: grid
;
}

.feature-list li {
  display: flex;
  align-items: center;
  /* margin-bottom: 12px; */
  font-size: 14px;
}

.feature-list li span {
  color: #4CAF50;
  margin-right: 8px;
}
/*  */
.hardware-section {
  padding: 60px 0;
}

.hardware-section h3 {
  font-size: 28px;
  text-align: center;
  margin-bottom: 40px;
  color: #fff;
}

.hardware-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  gap: 32px;
  margin-bottom: 40px;
}

.hardware-card {
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  overflow: hidden;
  transition: transform 0.2s;
}

.hardware-card:hover {
  transform: translateY(-4px);
}

.hardware-image {
  position: relative;
  padding: 20px;
  background: rgba(255, 255, 255, 0.02);
}

.hardware-image img {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 8px;
}

.hardware-info {
  padding: 24px;
}

.hardware-title {
  font-size: 20px;
  color: #fff;
  margin: 0 0 12px 0;
}

.hardware-price {
  font-size: 32px;
  font-weight: bold;
  color: #fff;
  margin: 0;
}

.hardware-price small {
  font-size: 16px;
  font-weight: normal;
  margin-left: 4px;
}

.set-contents {
  margin-top: 40px;
  background: rgba(255, 255, 255, 0.05);
  border-radius: 16px;
  padding: 32px;
}

.set-contents h4 {
  font-size: 20px;
  color: #fff;
  margin: 0 0 24px 0;
}

.contents-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
  gap: 16px 5px;  
}

.content-item {
  display: flex;
  align-items: center;
  gap: 2px;
  color: #fff;
}

.content-item span {
  color: #4CAF50;
}

.botton_wrap{
  text-align: right;
  margin: 0px 0 50px;
}
.botton {
  display: inline-flex;
  align-items: center;
  padding: 12px 24px;
  background: #fff;
  color: #126DD8;
  text-decoration: none;
  border-radius: 4px;
  font-size: 16px;
  transition: opacity 0.2s;
  color: aliceblue;
  background: #285781;
}

.cta-button {
  text-align: center;
  margin-top: 40px;
}

.cta-button a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #fff;
  color: #126DD8;
  padding: 0 48px;
  height: 60px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.2s;
}
/*  */


.cta-button2 {
  text-align: center;
  margin-top: 40px;
}

.cta-button2 a {
  display: inline-flex;
  align-items: center;
  gap: 12px;
  background: #126DD8;
  color: #fff;
  padding: 0 48px;
  height: 60px;
  border-radius: 30px;
  font-size: 18px;
  font-weight: bold;
  text-decoration: none;
  transition: opacity 0.2s;
}

/*  */
.cta-button a,.cta-button2 a:hover {
  opacity: 0.9;
}

/*  */


@media screen and (max-width: 767px) {
.CTA { margin:0px 0 0; padding:20px 0; color:#fff; background:#24406E/*url('../images/bg_cta.png') no-repeat; background-size:cover*/; }
.CTAInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.CTAInner h2 { padding:0 0 24px; line-height:1; font-size:32px; text-align:center; }
.CTAInner h2 small { display:inline; padding:0 0 0 16px; font-size:0.7em; font-weight:normal; }
.CTALineup { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0; padding:0; list-style:none; }
.CTALineup li { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:48%; margin:0; }
.CTALineup figure { align-self:stretch; display:block; position:relative; margin:0; padding:0 0 24px; text-align:right; }
.CTALineup figcaption { display:block; position:absolute; top:0; left:0; z-index:2; text-align:left; }
.CTALineup figcaption b { font-size:1.3em; font-family:'Roboto', sans-serif; }
.CTALineup figcaption span { display:block; }
.CTALineup img { width:82%; height:auto; max-height:320px; }
.CTALineupText { line-height:1.5; font-size:11px; }
.CTALineupButton { width:100%; margin:0; padding:24px 0 0; text-align:center; }
.CTALineupButton a { display:inline-block; min-width:360px; margin:0; padding:0 1em; color:#126DD8; line-height:60px; font-size:18px; font-weight:bold; text-align:center; text-decoration:none; background:#fff; }
.CTALineupButton svg { position:relative; top:1px; margin:0 0 0 8px; }

/*  */
.pricing-header {
  margin-bottom: 20px;
}
.pricing-card-header img {
  margin-bottom: 10px;
}
.pricing-grid {
  display: block;
}

.pricing-card {
  padding: 15px 25px;
}

.pricing-card:nth-child(1){
margin-bottom: 10px;
}

.pricing-card-header {
  display: block;
}

.pricing-options {
  display: block;
margin-top: 15px;}

.pricing-options::after {display: none;}

.price-row,.price-row2 {
width: 100%;
padding: 5px 10px;
}

}



/*----- Reason -----*/
.Reason { margin:0; padding:40px 0 0; background:linear-gradient(180deg, rgba(243,250,255,1) 50%, rgba(255,255,255,1) 100%); }
.ReasonInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.ReasonInner h2 { padding:0 0 24px; line-height:1; text-align:center; }
.ReasonInner h2 + p { padding:0; text-align:center; }
.ReasonList { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; margin:32px 0 0; padding:0; list-style:none; }
.ReasonList li { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:100%; margin:0 0 24px; padding:24px; border-right:#F16181 1px solid; border-bottom:#F16181 1px solid; background:#fff; box-shadow:6px 6px 0 0 rgba(0,0,0,0.1); }
.ReasonList figure { order:2; display:block; position:relative; width:60px; margin:0; padding:0; }
.ReasonList img { width:100%; height:auto; }
.ReasonText { position:relative; width:calc(100% - 80px); padding:32px 0 0; }
.ReasonText h3 { font-size:16px; font-weight:normal; }
.ReasonText h3 small { position:absolute; top:0px; color:#126DD8; line-height:1; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; }
.ReasonText h3 span { font-size:0.8em; }
.ReasonText h3 b { color:#4A7CDB; }

@media screen and (min-width: 767px) {
.Reason { margin:80px 0 0; padding:80px 0 0; background:linear-gradient(180deg, rgba(243,250,255,1) 50%, rgba(255,255,255,1) 100%); }
.ReasonInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.ReasonInner h2 { padding:0 0 24px; line-height:1; font-size:40px; text-align:center; }
.ReasonInner h2 + p { padding:0; text-align:center; }
.ReasonList { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:32px 0 0; padding:0; list-style:none; }
.ReasonList li { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; align-self:stretch; width:31.5%; margin:0 0 24px; padding:24px; border-right:#F16181 1px solid; border-bottom:#F16181 1px solid; background:#fff; box-shadow:6px 6px 0 0 rgba(0,0,0,0.1); }
.ReasonList figure { order:2; display:block; position:relative; width:60px; margin:0; padding:0; }
.ReasonList img { width:100%; height:auto; }
.ReasonText { position:relative; width:calc(100% - 80px); padding:32px 0 0; }
.ReasonText h3 { font-size:16px; font-weight:normal; }
.ReasonText h3 small { position:absolute; top:0px; color:#126DD8; line-height:1; font-family:'Roboto', sans-serif; font-size:12px; font-weight:bold; text-transform:uppercase; }
.ReasonText h3 span { font-size:0.8em; }
.ReasonText h3 b { color:#4A7CDB; }
}


/*----- Support -----*/
.Support { margin:0; padding:40px 0 0; }
.SupportOuter { width:90%; max-width:1120px; margin:0 auto; padding:24px; border:#5788E6 2px solid; border-radius:8px; background:#fff; }
.SupportOuter h2 { padding:0 0 24px; color:#5788E6; line-height:1; font-size:20px; text-align:center; }
.SupportInner { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:flex-start; }
.SupportList { width:100%; margin:0; padding:0 0 24px; list-style:none; }
.SupportList li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0 0 16px; padding:0 0 16px; border-bottom:#ccc 1px solid; }
.SupportList li:last-child { margin-bottom:0; padding-bottom:0; border:none; }
.SupportList figure { display:block; position:relative; width:70px; margin:0; padding:0; }
.SupportList img { width:100%; height:auto; }
.SupportListText { width:calc(100% - 90px); padding:0; }
.SupportListText h3 { font-size:15px; font-weight:normal; }
.SupportListText h3 b { color:#5788E6; }
.SupportListText h3 strong { color:#F16181; }
.SupportListText p { line-height:1.5; font-size:12px; }

.SupportOption { width:calc(100% - 0px); }
.SupportOption h3 { font-size:18px; }
.SupportOption ul { list-style:none; }
.SupportOption li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding:28px 0 0; }
.SupportOption figure { width:100%; padding:0 0 16px; text-align:center; }
.SupportOption figure img { width:70%; height:auto; }
.SupportOptionText { width:calc(100% - 0px); }
.SupportOptionText p { line-height:1.5; font-size:12px; }

@media screen and (min-width: 767px) {
.Support { margin:0; padding:80px 0 0; }
.SupportOuter { width:90%; max-width:1120px; margin:0 auto; padding:40px; border:#5788E6 2px solid; border-radius:8px; background:#fff; }
.SupportOuter h2 { padding:0 0 24px; color:#5788E6; line-height:1; font-size:24px; text-align:center; }
.SupportInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; }
.SupportList { width:40%; margin:0; padding:0; list-style:none; }
.SupportList li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start; margin:0 0 16px; padding:0 0 16px; border-bottom:#ccc 1px solid; }
.SupportList li:last-child { margin-bottom:0; padding-bottom:0; border:none; }
.SupportList figure { display:block; position:relative; width:90px; margin:0; padding:0; }
.SupportList img { width:100%; height:auto; }
.SupportListText { width:calc(100% - 110px); padding:0; }
.SupportListText h3 { font-size:16px; font-weight:normal; }
.SupportListText h3 b { color:#5788E6; }
.SupportListText h3 strong { color:#F16181; }
.SupportListText p { line-height:1.5; font-size:12px; }

.SupportOption { width:calc(60% - 20px); }
.SupportOption h3 { font-size:21px; }
.SupportOption ul { list-style:none; }
.SupportOption li { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; padding:28px 0 0; }
.SupportOption figure { width:150px; padding:0; }
.SupportOption figure img { width:100%; height:auto; }
.SupportOptionText { width:calc(100% - 170px); }
.SupportOptionText p { line-height:1.5; font-size:12px; }
}


/*----- Genelic -----*/
.Genelic { margin:0; padding:0; }
.GenelicToggle { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.GenelicToggleButton { display:block; padding:0; border-radius:8px; border:#5788E6 1px solid; color:#5788E6; line-height:64px; font-size:21px; font-weight:bold; text-align:center; background:#fff; cursor:pointer; }
.GenelicWrap { position:relative; overflow:hidden; height:0; padding:0; transition:0.2s; }
.GenelicWrap.active { position:relative; overflow:hidden; height:auto; padding:0; transition:0.2s; }
.Genelic h2.headline { padding:0 5% 8px; color:#202020; font-size:16px; }
.Genelic h2.headline span { color:#F16181; }
.GenelicInner { display:flex; flex-flow:column wrap; justify-content:space-between; align-items:center; width:90%; margin:0 auto; padding:24px; border-radius:8px; border:#F16181 2px solid; background:#FFFFF7; box-shadow:0 6px 0 0 rgba(241,97,129,0.4); }
.GenelicText { width:calc(100% - 0px); }
.GenelicText h3 { margin:0; padding:0 0 16px; color:#F16181; font-size:18px; font-weight:bold; }
.GenelicText dl { margin:0; padding:0; }
.GenelicText dt { width:100%; margin:0; padding:0 0 16px; }
.GenelicText dt img { width:50%; height:auto; }
.GenelicText dd {  }
.GenelicNotice { margin:0; padding:8px 0 0; color:#808080; font-size:11px; }
.GenelicInner figure { width:100%; padding:16px 0 0; text-align:center; }
.GenelicInner figure img { width:100%; height:auto; }

@media screen and (min-width: 767px) {
.Genelic { margin:0; padding:0 0 24px; }
.GenelicToggle { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.GenelicToggleButton { display:block; padding:0; border-radius:8px; border:#5788E6 1px solid; color:#5788E6; line-height:64px; font-size:21px; font-weight:bold; text-align:center; background:#fff; cursor:pointer; }
.GenelicWrap { position:relative; overflow:hidden; height:0; padding:0; transition:0.2s; }
.GenelicWrap.active { position:relative; overflow:hidden; height:auto; padding:0; transition:0.2s; }
.Genelic h2.headline { padding:0 0 15px; color:#202020; font-size:27px; }
.Genelic h2.headline span { color:#F16181; font-size:32px; }
.GenelicInner { display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:24px 32px; border-radius:8px; border:#F16181 2px solid; background:#FFFFF7; box-shadow:0 6px 0 0 rgba(241,97,129,0.4); }
.GenelicText { width:calc(50% - 24px); }
.GenelicText h3 { margin:0; padding:0 0 16px; color:#F16181; font-size:21px; font-weight:bold; }
.GenelicText dl { margin:0; padding:0; }
.GenelicText dt { width:180px; margin:0; padding:0 0 16px; }
.GenelicText dt img { width:100%; height:auto; }
.GenelicText dd {  }
.GenelicNotice { margin:0; padding:8px 0 0; color:#808080; font-size:11px; }
.GenelicInner figure { width:50%; padding:0; text-align:center; }
.GenelicInner figure img { width:100%;         height: 220px;
    object-fit: cover; }
}

@media screen and (max-width:1024px) and (min-width:768px) {
.Genelic h2 { font-size:28px; text-align:center; }
}


/**/
.FunctionRe { padding:24px 0 0; }
.FunctionReWrapper { position:relative; overflow:hidden; height:0; margin:0; padding:0; transition:0.2s;  /*background:linear-gradient(180deg, rgba(224,246,244,1) 0%, rgba(255,255,255,1) 67.5%);*/ }
.FunctionReWrapper.active { height:auto; padding-top:8px; transition:0.2s; }
.FunctionReToggle { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.FunctionReToggleButton { display:block; padding:0; border-radius:8px; border:#5788E6 1px solid; color:#5788E6; line-height:40px; font-size:15px; font-weight:bold; text-align:center; background:#fff; cursor:pointer; }
.FunctionRe .IntroSolutionListRe { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:24px 0 0; list-style:none; }
.FunctionRe .IntroSolutionListRe li { align-self:stretch; width:100%; margin:0 2% 24px 0; padding:0 24px 24px 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; box-sizing:border-box; }
.FunctionRe .IntroSolutionListRe li:nth-child(even) { margin-right:2%; }
.FunctionRe .IntroSolutionListRe li:nth-child(3) { margin-right:0; }
.FunctionRe .IntroSolutionListRe figure { width:100%; margin:0; padding:0 0 8px; text-align:center; }
.FunctionRe .IntroSolutionListRe figure img { width:80%; height:auto; }
.FunctionRe .IntroSolutionListReText { width:100%; margin:0; padding:0; }
.FunctionRe .IntroSolutionListReText h4 { padding:0 0 8px; }

@media screen and (min-width: 767px) {
.FunctionRe { padding:16px 0 0; }
.FunctionReWrapper { position:relative; overflow:hidden; height:0; margin:0; padding:0; transition:0.2s;  /*background:linear-gradient(180deg, rgba(224,246,244,1) 0%, rgba(255,255,255,1) 67.5%);*/ }
.FunctionReWrapper.active { height:auto; padding-top:40px; transition:0.2s; }
.FunctionReToggle { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.FunctionReToggleButton { display:block; padding:0; border-radius:8px; border:#5788E6 1px solid; color:#5788E6; line-height:64px; font-size:21px; font-weight:bold; text-align:center; background:#fff; cursor:pointer; }
.FunctionRe .IntroSolutionListRe { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; width:90%; max-width:1120px; margin:0 auto; padding:24px 0 0; list-style:none; }
.FunctionRe .IntroSolutionListRe li { align-self:stretch; width:31%; margin:0 2% 24px 0; padding:0 24px 24px 0; border-right:#ddd 1px solid; border-bottom:#ddd 1px solid; box-sizing:border-box; }
.FunctionRe .IntroSolutionListRe li:nth-child(even) { margin-right:2%; }
.FunctionRe .IntroSolutionListRe li:nth-child(3) { margin-right:0; }
.FunctionRe .IntroSolutionListRe figure { width:100%; margin:0; padding:0 0 24px; }
.FunctionRe .IntroSolutionListRe figure img { width:100%; height:auto; }
.FunctionRe .IntroSolutionListReText { width:100%; margin:0; padding:0; }
.FunctionRe .IntroSolutionListReText h4 { padding:0 0 8px; font-size: 20px;
    line-height: 30px;color: #1c5fdf;
}
}

/*----- Yokubari -----*/
.YokubariWrapper { margin:0; padding:40px 5% 0; /*background:linear-gradient(180deg, rgba(224,246,244,1) 0%, rgba(255,255,255,1) 67.5%);*/ }
.YokubariToggle { width:100%; max-width:1120px; margin:0 auto; padding:0; }
.YokubariToggleButton { display:block; padding:8px 16px; border-radius:8px; border:#5788E6 1px solid; color:#5788E6; line-height:1.5; font-size:16px; font-weight:bold; text-align:center; background:#fff; cursor:pointer; }
.Yokubari { position:relative; overflow:hidden; height:0; margin:0; padding:0; transition:0.2s; }
.Yokubari.active { height:auto; padding-top:40px; transition:0.2s; }
.Yokubari h2 { padding:0 0 24px; line-height:1; font-size:22px; text-align:center; }
.YokubariCatch { padding:0 0 40px; font-size:18px; font-weight:normal; text-align:center; }
.YokubariCatch b { color:#5788E6; font-weight:bold; }
.YokubariInner { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; gap:20px; width:100%; max-width:1120px; margin:0 auto; padding:0; }
.YokubariInner figure { order:1; width:100%; text-align:center; }
.YokubariInner figure img { width:70%; height:auto; }
.YokubariText { order:2; width:calc(100% - 0px); margin:0; padding:0; }
.YokubariText h3 { margin:0; padding:0 0 8px; font-size:20px; font-weight:bold; }
.YokubariText h4 { margin:0; padding:0 0 8px; font-size:18px; font-weight:bold; }
.YokubariText p { margin:0; padding:0 0 16px; font-size:18px; }
.YokubariText dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:100%; line-height:1.5; font-size:12px; }
.YokubariText dt { align-self:stretch; width:11em; margin:0 0 8px; padding:0 0 8px; border-bottom:#aaa 1px solid; }
.YokubariText dd { align-self:stretch; width:calc(100% - 11em); margin:0 0 8px; padding:0 0 8px; border-bottom:#aaa 1px solid; }
.YokubariPrice { color:#F16181; line-height:1; font-size:24px; font-weight:bold; }
.YokubariPrice b { position:relative; top:1px; font-size:32px; }
.YokubariNotice {  width:100%; max-width:1120px; margin:24px auto 32px; padding:16px; border:#aaa 1px solid; border-radius:4px; line-height:1.5; font-size:12px; background:#fff; }

.YokubariSecurity { width:100%; max-width:1120px; margin:0 auto; padding:0; text-align:center; }
.YokubariSecurity h3 { padding:0 0 24px; line-height:1; font-size:22px; }
.YokubariSecurity h4 { padding:0 0 16px; color:#F16181; line-height:1; font-size:18px; text-align:left; }
.YokubariSecurityInner { margin:0; padding:24px; border:#F16181 1px solid; border-radius:8px; background:#fff; }
.YokubariSecurityInner img { width:100%; height:auto; }

@media screen and (min-width: 767px) {
.YokubariWrapper { margin:0; padding:32px 0 0; /*background:linear-gradient(180deg, rgba(224,246,244,1) 0%, rgba(255,255,255,1) 67.5%);*/ }
.YokubariToggle { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.YokubariToggleButton { display:block; padding:0; border-radius:8px; border:#5788E6 1px solid; color:#5788E6; line-height:64px; font-size:21px; font-weight:bold; text-align:center; background:#fff; cursor:pointer; }
.Yokubari { position:relative; overflow:hidden; height:0; margin:0; padding:0; transition:0.2s; }
.Yokubari.active { height:auto; padding-top:80px; transition:0.2s; }
.Yokubari h2 { padding:0 0 24px; line-height:1; font-size:40px; text-align:center; }
.YokubariCatch { padding:0 0 40px; font-size:21px; font-weight:normal; text-align:center; }
.YokubariCatch b { color:#F16181;font-weight:bold; }
.YokubariInner { display:flex; flex-flow:row wrap; justify-content:center; align-items:center; gap:20px; width:90%; max-width:1120px; margin:0 auto; padding:0; }
.YokubariInner figure { order:2; width:540px; }
.YokubariInner figure img { width:100%; height:auto; }
.YokubariText { order:1; width:calc(100% - 560px); margin:0; padding:0; }
.YokubariText h3 { margin:0; padding:0 0 8px; font-size:24px; font-weight:bold; }
.YokubariText h4 { margin:0; padding:0 0 8px; font-size:18px; font-weight:bold; }
.YokubariText p { margin:0; padding:0 0 16px; font-size:18px; }
.YokubariText dl { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; width:100%; line-height:1.5; font-size:12px; }
.YokubariText dt { align-self:stretch; width:11em; margin:0 0 8px; padding:0 0 8px; border-bottom:#aaa 1px solid; }
.YokubariText dd { align-self:stretch; width:calc(100% - 12em); margin:0 0 8px; padding:0 0 8px; border-bottom:#aaa 1px solid; }
.YokubariPrice { color:#F16181; line-height:1; font-size:24px; font-weight:bold; }
.YokubariPrice b { position:relative; top:1px; font-size:32px; }
.YokubariNotice {  width:90%; max-width:1120px; margin:24px auto 64px; padding:24px; border:#aaa 1px solid; border-radius:4px; line-height:1.5; font-size:12px; background:#fff; }

.YokubariSecurity { width:90%; max-width:1120px; margin:0 auto; padding:0; text-align:center; }
.YokubariSecurity h3 { padding:0 0 24px; line-height:1; font-size:32px; }
.YokubariSecurity h4 { padding:0 0 16px; color:#F16181; line-height:1; font-size:21px; text-align:left; }
.YokubariSecurityInner { margin:0; padding:32px; border:#F16181 1px solid; border-radius:8px; background:#fff; }
.YokubariSecurityInner img { width:100%; height:auto; }
}

@media screen and (max-width:1024px) and (min-width:768px) {
.YokubariInner { display:flex; flex-flow:column wrap; justify-content:center; align-items:center; }
.YokubariInner figure { order:1; width:100%; padding:0 0 24px; }
.YokubariText { order:2; width:100%; }
}


/*----- Function -----*/
.Function { margin:0; padding:40px 0 0; }
.FunctionInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.FunctionInner h2 { padding:0 0 40px; line-height:1; font-size:20px; text-align:center; }
.FunctionInner ul { display:flex; flex-flow:column wrap; justify-content:flex-start; align-items:flex-start; gap:16px; list-style:none; }
.FunctionInner li { align-self:inherit; width:calc(100% - 0px); margin:0 0 24px; padding:0 32px 32px 0; border-right:#5788E6 1px solid; border-bottom:#5788E6 1px solid; }
.FunctionInner figure { padding:0 0 16px; text-align:center; }
.FunctionInner figure img { width:100%; height:auto; }
.FunctionInner h3 { margin:0; padding:0 0 8px; font-size:18px; font-weight:bold; }
.FunctionInner p { line-height:1.5; font-size:13px; }

@media screen and (min-width: 767px) {
.Function { margin:0; padding:80px 0 0; }
.FunctionInner { width:90%; max-width:1120px; margin:0 auto; padding:0; }
.FunctionInner h2 { padding:0 0 40px; line-height:1; font-size:32px; text-align:center; }
.FunctionInner ul { display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:20px; list-style:none; }
.FunctionInner li { align-self:stretch; width:calc(33.3333% - 14px); margin:0 0 24px; padding:0 32px 32px 0; border-right:#5788E6 1px solid; border-bottom:#5788E6 1px solid; }
.FunctionInner figure { padding:0 0 16px; text-align:center; }
.FunctionInner figure img { width:100%; }
.FunctionInner h3 { margin:0; padding:0 0 8px; font-size:18px; font-weight:bold; }
.FunctionInner p { line-height:1.5; font-size:13px; }
}