@charset "UTF-8";
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video{
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body{
  display:flex;
  flex-direction:column;
  position:relative;
  overflow-x:hidden;
  background-color:#f3f6fa;
  font-family:"Open Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-size:1.6rem;
  color:#3d4750;
  line-height:1.75;
  word-wrap:break-word;
  overflow-wrap:break-word;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section{
  display:block;
}

nav ul{
  list-style:none;
}

blockquote, q{
  quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after{
  content:none;
}

a{
  margin:0;
  padding:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
  color:#12b34b;
  text-decoration:underline;
}
ins{
  background-color:#ff9;
  color:#000;
  text-decoration:none;
}
mark{
  background-color:#ff9;
  color:#000;
  font-style:italic;
  font-weight:bold;
}

del{
  text-decoration:line-through;
}

abbr[title], dfn[title]{
  border-bottom:1px dotted;
  cursor:help;
}

table{
  border-collapse:collapse;
  border-spacing:0;
}
hr{
  display:block;
  height:1px;
  border:0;
  border-top:1px solid #cccccc;
  margin:1em 0;
  padding:0;
}

input, select{
  vertical-align:middle;
}
*,
*:before,
*:after{
  box-sizing:border-box;
}

ul[class],
ol[class]{
  list-style:none;
}

input,
button,
textarea,
select{
  font:inherit;
}

h1,
h2,
h3,
h4,
h5,
h6{
  font-weight:normal;
}
html,
body{
  height:100%;
}

html{
  font-size:62.5%;
}
body::after{
  content:"none";
  display:none;
}
body.is-scroll-lock{
  overflow:hidden;
}
a:hover, a:focus, a:active{
  text-decoration:none;
}
a:not([class])[target=_blank]::after, a:not([class])[href$=".pdf"]::after, a:not([class])[href$=".doc"]::after, a:not([class])[href$=".docx"]::after, a:not([class])[href$=".xls"]::after, a:not([class])[href$=".xlsx"]::after{
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  margin:0 0.25em;
}
a:not([class])[target=_blank]::after{
  content:"\f3cc";
}
.footer-listItem a:not([class])[target=_blank]::after{
  content:none;
}
a:not([class])[href$=".pdf"]::after{
  content:"\f225";
}
a:not([class])[href$=".doc"]::after, a:not([class])[href$=".docx"]::after{
  content:"\f22c";
}
a:not([class])[href$=".xls"]::after, a:not([class])[href$=".xlsx"]::after{
  content:"\f21b";
}

img{
  max-width:100%;
  height:auto;
  vertical-align:middle;
}

ol,
ul{
  list-style:none;
}

* + p:not([class]){
  margin-top:1em;
}
* + p[class^=font-]{
  margin-top:1em;
}
* + p[class^=text-]{
  margin-top:1em;
}

sub,
sup{
  position:relative;
  font-size:75%;
  line-height:0;
  vertical-align:baseline;
}

sub{
  bottom:-0.25em;
}

sup{
  top:-0.5em;
}
input[type=text], input[type=date], input[type=month], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=search], textarea, select{
  box-shadow:none;
  border:1px solid #d7dce2;
  border-radius:4px;
  width:100%;
  min-height:38px;
  font-size:1.6rem;
  color:#3d4750;
  transition:border-color 0.3s;
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
}
input[type=text]:focus, input[type=date]:focus, input[type=month]:focus, input[type=email]:focus, input[type=tel]:focus, input[type=number]:focus, input[type=password]:focus, input[type=search]:focus, textarea:focus, select:focus{
  outline:none;
  box-shadow:0 0 0 3px rgba(18, 179, 75, 0.2);
  border-color:#12b34b;
}
input[type=text]:disabled, input[type=date]:disabled, input[type=month]:disabled, input[type=email]:disabled, input[type=tel]:disabled, input[type=number]:disabled, input[type=password]:disabled, input[type=search]:disabled, textarea:disabled, select:disabled{
  background-color:#f3f6fa;
}
input.is-invalid[type=text], input.is-invalid[type=date], input.is-invalid[type=month], input.is-invalid[type=email], input.is-invalid[type=tel], input.is-invalid[type=number], input.is-invalid[type=password], input.is-invalid[type=search], textarea.is-invalid, select.is-invalid{
  border-color:#f43643;
}
.list-ul > li, .list-ol > li, .list-notes > li{
  position:relative;
  line-height:1.6;
}
.list-ul > li::before, .list-ol > li::before, .list-notes > li::before{
  content:"";
  position:absolute;
}
.list-ul > li:not(:first-child), .list-ol > li:not(:first-child), .list-notes > li:not(:first-child){
  margin-top:0.5em;
}

.list-ul > li{
  padding-left:2em;
}
.list-ul > li::before{
  top:0.45em;
  left:0.65em;
  border-radius:50%;
  width:0.5em;
  height:0.5em;
  background-color:#3d4750;
}

.list-ol{
  counter-reset:list-ol;
}
.list-ol > li{
  padding-left:2em;
}
.list-ol > li::before{
  content:counter(list-ol) ".";
  counter-increment:list-ol;
  top:0;
  left:1.75em;
  transform:translateX(-100%);
}
.table{
  width:100%;
}
.table th,
.table td{
  padding:0.75em 1em;
  line-height:1.6;
}
input[type=checkbox], input[type=radio]{
  clip:rect(0 0 0 0);
  position:absolute;
  overflow:hidden;
  margin:-1px;
  padding:0;
  border:0;
  width:1px;
  height:1px;
  white-space:nowrap;
  clip-path:inset(50%);
}

button{
  cursor:pointer;
}

input,
textarea{
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}

input:-moz-placeholder{
  color:#9ea8b1;
}

input:placeholder-shown{
  color:#9ea8b1;
}
input::-webkit-input-placeholder{
  color:#9ea8b1;
  opacity:1;
}
input:-moz-placeholder{
  color:#9ea8b1;
}
input::-moz-placeholder{
  color:#9ea8b1;
  opacity:1;
}
input:-ms-input-placeholder{
  color:#9ea8b1;
}
input[type=text], input[type=date], input[type=month], input[type=email], input[type=tel], input[type=number], input[type=password], input[type=search]{
  padding:0.4em 0.75em;
  line-height:1.2;
}
input[type=text]:-moz-read-only, input[type=date]:-moz-read-only, input[type=month]:-moz-read-only, input[type=email]:-moz-read-only, input[type=tel]:-moz-read-only, input[type=number]:-moz-read-only, input[type=password]:-moz-read-only, input[type=search]:-moz-read-only{
  background-color:#f3f6fa;
}
input[type=text]:read-only, input[type=date]:read-only, input[type=month]:read-only, input[type=email]:read-only, input[type=tel]:read-only, input[type=number]:read-only, input[type=password]:read-only, input[type=search]:read-only{
  background-color:#f3f6fa;
}
input[type=checkbox] + label, input[type=radio] + label{
  display:inline-block;
  position:relative;
  padding-left:2em;
  line-height:1.6;
}
input[type=checkbox] + label::before, input[type=checkbox] + label::after, input[type=radio] + label::before, input[type=radio] + label::after{
  display:block;
  position:absolute;
  top:1px;
  left:0;
  width:18px;
  height:18px;
}
input[type=checkbox]:focus + label::before, input[type=radio]:focus + label::before{
  box-shadow:0 0 0 3px rgba(18, 179, 75, 0.2);
}
input[type=checkbox]:disabled + label, input[type=radio]:disabled + label{
  opacity:0.5;
}
input[type=checkbox]:disabled + label::before, input[type=radio]:disabled + label::before{
  background-color:#f3f6fa;
}
input[type=checkbox] + label::before, input[type=checkbox] + label::after{
  border-radius:3px;
}
input[type=checkbox] + label::before{
  content:"";
  z-index:1;
  border:1px solid #d7dce2;
  transition:opacity 0.3s;
}
input[type=checkbox] + label::after{
  content:"\f12c";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0;
  z-index:2;
  background-color:#12b34b;
  font-size:1.1em;
  color:#fff;
  transition:opacity 0.3s;
}
input[type=checkbox]:checked + label::before{
  border-color:#12b34b;
}
input[type=checkbox]:checked + label::after{
  opacity:1;
}
input[type=checkbox].is-invalid:not(:checked) + label::before{
  border-color:#f43643;
}
input[type=radio] + label::before, input[type=radio] + label::after{
  content:"";
  border-radius:50%;
}
input[type=radio] + label::before{
  z-index:1;
  border:1px solid #d7dce2;
  background-color:#fff;
  transition:border 0.3s;
}
input[type=radio] + label::after{
  opacity:0;
  top:5px;
  left:4px;
  z-index:2;
  width:10px;
  height:10px;
  background-color:#12b34b;
  color:#fff;
  transition:opacity 0.3s;
}
input[type=radio]:checked + label::before{
  border-color:#12b34b;
}
input[type=radio]:checked + label::after{
  opacity:1;
}
input[type=radio].is-invalid:not(:checked) + label::before{
  border-color:#f43643;
}
input[type=range]{
  outline:none;
  margin:0;
  border-radius:2px;
  width:100%;
  height:4px;
  background-color:#d7dce2;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}
input[type=range]:disabled{
  pointer-events:none;
}
input[type=range]:disabled::-webkit-slider-thumb{
  background-color:#9ea8b1 !important;
}
input[type=range]:disabled::-moz-range-thumb{
  background-color:#9ea8b1 !important;
}
input[type=range]::-webkit-slider-thumb{
  cursor:pointer;
  display:block;
  box-shadow:none;
  border:2px solid #fff;
  border-radius:50%;
  width:18px;
  height:18px;
  background-color:#12b34b;
  -webkit-transition:box-shadow 0.15s;
  transition:box-shadow 0.15s;
  -webkit-appearance:none;
          appearance:none;
}
input[type=range]:active::-webkit-slider-thumb{
  box-shadow:0 0 0 2px rgba(18, 179, 75, 0.5);
}
input[type=range]::-moz-range-thumb{
  cursor:pointer;
  display:block;
  border:2px solid #fff;
  border-radius:50%;
  width:14px;
  height:14px;
  background-color:#12b34b;
  -moz-transition:box-shadow 0.15s;
  transition:box-shadow 0.15s;
}
input[type=range]:active::-moz-range-thumb{
  box-shadow:0 0 0 2px rgba(18, 179, 75, 0.5);
}
input[type=range]::-moz-focus-outer{
  border:0;
}

textarea{
  resize:vertical;
  display:block;
  padding:0.4em 0.75em;
}
textarea:-moz-read-only{
  background-color:#f3f6fa;
}
textarea:read-only{
  background-color:#f3f6fa;
}

select{
  padding:0.2em 1.75em 0.2em 0.75em;
  background:#fff url(/images/common/icon-select-arrow.svg) right 0.25em center/20px 20px no-repeat;
  line-height:1.2;
}

.breadcrumb{
  margin-top:-46px;
  padding:15px 0;
  min-height:46px;
}
.functionLink + .breadcrumb{
  background-color:#f3f6fa;
}
.breadcrumb-list{
  font-size:1.2rem;
  line-height:1.4;
}
.breadcrumb-item{
  display:inline;
}
.breadcrumb-item:not(:first-child)::before{
  content:"\f142";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin:0 0.25em;
  color:#9ea8b1;
}
.breadcrumb-link{
  color:#12b34b;
}
.column-item:not(:first-child){
  margin-top:40px;
}

.contact-card{
  box-shadow:0 4px 12px rgba(18, 179, 75, 0.1);
  padding:20px;
  border-radius:10px;
  background-color:#fff;
}
.contact-title{
  margin-top:-50px;
  margin-bottom:15px;
  text-align:center;
}
.contact-lead{
  margin-bottom:1.25em;
  text-align:center;
}
.contact-list{
  text-align:center;
}
.contact-item{
  line-height:1.4;
}
.contact-item:not(:first-child){
  margin-top:15px;
}
.contact-telNumber{
  font-size:3rem;
  font-weight:700;
  color:#262f38;
  letter-spacing:0.04em;
  text-decoration:none;
}
.contact-telNumber::before{
  content:"\f3f2";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  margin-right:0.15em;
}
.contact-telTime{
  font-size:1.2rem;
}
.contact-telNotes{
  margin-left:0.5em;
}
.contact-btn{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.725em 1.75em;
  border-radius:5em;
  min-height:60px;
  font-size:2.1rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0.04em;
  text-decoration:none;
  text-align:center;
}
.contact-btn::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:22px;
  left:auto;
}
.contact-btn-form{
  background-image:linear-gradient(to right, #0ca642 0%, #a3d936 50%, #0ca642 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  transition:background 0.3s;
}
.contact-btn-trial{
  background-image:linear-gradient(to right, #f43643 0%, #f57c00 50%, #f43643 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  transition:background 0.3s;
}

.footer{
  padding:60px 0 15px;
  background-color:#24323b;
  font-family:"Open Sans", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:#fff;
}
.footer a{
  color:inherit;
  text-decoration:none;
}
.footer a:hover, .footer a:focus{
  text-decoration:underline;
}
.footer-bannerItem{
  display:flex;
  justify-content:center;
  align-items:center;
}
.footer-bannerItem:not(:first-child){
  margin-top:15px;
}
.footer-bannerLink{
  display:block;
  width:100%;
  text-align:center;
}
.footer-info{
  font-size:85%;
  text-align:center;
}
.footer-infoHeader{
  margin-top:40px;
}
.footer-logo{
  display:inline-block;
  margin-bottom:15px;
}
.footer-address p{
  margin-top:0 !important;
}
.footer-tel{
  color:#fff;
  text-decoration:none;
}
.footer-pMark{
  display:inline-block;
  margin:15px 0;
}
.footer-infoBody{
  margin-top:1rem;
}
.footer-relation{
  margin-bottom:15px;
}
.footer-relationLink{
  display:block;
}
.footer-sns{
  display:inline-flex;
  justify-content:center;
  margin-bottom:15px;
}
.footer-snsItem{
  width:40px;
}
.footer-snsItem:not(:first-child){
  margin-left:20px;
}
.footer-snsLink{
  display:block;
}
.footer-list{
  text-align:center;
}
.footer-copyright{
  margin-bottom:0;
  color:#adb4b9;
}

.footerSitemap{
  margin-top:30px;
}
.footerSitemap-logo{
  text-align:center;
}
.footerSitemap-logoImg{
  position:relative;
  left:-2%;
  width:130px;
}
.footerSitemap-list{
  margin-top:30px;
}
.footerSitemap-banner{
  display:flex;
  justify-content:center;
  margin-top:20px;
  gap:20px;
}
.footerSitemap-bannerLink{
  display:block;
}
.footerSitemap-bannerImg{
  border-radius:10px;
}

.footerSitemapList{
  line-height:1.4;
}
.footerSitemapList-item-main + .footerSitemapList-item-sub::before{
  content:"";
  display:block;
  margin:10px 0;
  border-top:1px solid rgba(18, 179, 75, 0.25);
  width:100%;
}
.footerSitemapList-item-sub{
  padding:0 15px;
}
.footerSitemapList-item-main .footerSitemapList-btn + .footerSitemapList-childList{
  display:none;
}
.footerSitemapList-item-sub .footerSitemapList-childList{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-gap:0 1em;
}
.footerSitemapList-childItem{
  position:relative;
}
.footerSitemapList-item-main .footerSitemapList-childItem.is-current::before{
  content:"";
  position:absolute;
  top:19px;
  left:0;
  border-radius:50%;
  width:6px;
  height:6px;
  background-color:#12b34b;
}
.footerSitemapList-item-main .footerSitemapList-btn + .footerSitemapList-childList .footerSitemapList-childItem.is-current::before{
  content:none;
}
.footerSitemapList-item-main .footerSitemapList-btn + .footerSitemapList-childList .footerSitemapList-childItem.is-current .footerSitemapList-link{
  color:#12b34b;
}
.footerSitemapList-link, .footerSitemapList-btn{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  padding:0;
  border-radius:0;
  border:none;
  outline:none;
  background-color:transparent;
  text-align:left;
  display:block;
  color:#262f38;
  text-decoration:none;
  transition:color 0.3s;
}
.footerSitemapList-item-main .footerSitemapList-link, .footerSitemapList-item-main .footerSitemapList-btn{
  position:relative;
  padding:0.675em calc(15px + 15px) 0.675em 15px;
  min-height:44px;
  font-size:1.6rem;
  font-weight:700;
}
.footerSitemapList-item-sub .footerSitemapList-link, .footerSitemapList-item-sub .footerSitemapList-btn{
  padding:0.75em 0;
  font-size:1.4rem;
}
.footerSitemapList-link:hover, .footerSitemapList-link:focus, .footerSitemapList-btn:hover, .footerSitemapList-btn:focus{
  color:#12b34b;
}
.footerSitemapList-item-main .footerSitemapList-link{
  position:relative;
}
.footerSitemapList-item-main .footerSitemapList-link::after{
  content:"";
  display:block;
  position:absolute;
  width:7px;
  height:7px;
  border-top:2px solid #262f38;
  border-right:2px solid #262f38;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:17px;
  left:auto;
}
.footerSitemapList-item-main .footerSitemapList-btn + .footerSitemapList-childList .footerSitemapList-link{
  padding-right:15px;
  padding-left:calc(15px + 1.6rem);
  min-height:40px;
  font-size:1.4rem;
  font-weight:400;
}
.footerSitemapList-item-main .footerSitemapList-btn + .footerSitemapList-childList .footerSitemapList-link::after{
  content:none;
}
.footerSitemapList-btn{
  width:100%;
}
.footerSitemapList-item-main .footerSitemapList-btn{
  position:relative;
}
.footerSitemapList-item-main .footerSitemapList-btn::before, .footerSitemapList-item-main .footerSitemapList-btn::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:15px;
  width:10px;
  border-top:2px solid #262f38;
  transition:transform 0.3s;
}
.footerSitemapList-item-main .footerSitemapList-btn::before{
  transform:translateY(-50%);
}
.footerSitemapList-item-main .footerSitemapList-btn::after{
  transform:translateY(-50%) rotate(90deg);
}
.footerSitemapList-item-main .footerSitemapList-btn.is-open::after{
  transform:translateY(-50%);
}

.globalInner{
  padding:0 15px;
  transition:padding 0.3s;
}

.globalWrapper{
  flex:1;
}

.header{
  display:flex;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  z-index:1010;
  padding:10px;
  width:100%;
  height:70px;
  transition:background-color 0.3s, box-shadow 0.3s;
}
.is-open-menu .header{
  background-color:#f3f6fa;
}
.header-logo{
  position:absolute;
  top:0;
  left:0;
  height:70px;
}
.header-logoLink{
  display:flex;
  justify-content:center;
  align-items:center;
  border-radius:0 0 8px 0;
  width:80px;
  height:80px;
  text-decoration:none;
  transition:background 0.3s;
}
body:not(.is-open-menu) .is-over-mv .header-logoLink{
  background-color:#fff;
}
.header-logoImg{
  position:relative;
  left:-3%;
  max-width:68px;
}
.header-contact{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.725em 1.75em;
  border-radius:5em;
  min-height:50px;
  font-size:1.3rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0.04em;
  text-decoration:none;
  text-align:center;
  background-image:linear-gradient(to right, #0ca642 0%, #a3d936 50%, #0ca642 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  margin-left:auto;
  width:110px;
  height:50px;
  transition:opacity 0.15s;
}
.header-contact::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:15px;
  left:auto;
}
.is-open-menu .header-contact{
  opacity:0;
  pointer-events:none;
}
.header-btn{
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:center;
  margin-left:10px;
  padding:0 0 9px;
  border:none;
  border-radius:50%;
  width:50px;
  height:50px;
  background-color:#262f38;
}
.header-btnLine{
  position:relative;
  border-radius:1px;
  width:20px;
  height:2px;
  background-color:#fff;
  transition:background-color 0.3s;
}
.is-open-menu .header-btnLine{
  background-color:transparent;
}
.header-btnLine::before, .header-btnLine::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  border-radius:1.5px;
  width:100%;
  height:2px;
  background-color:#fff;
  transition:transform 0.3s;
}
.header-btnLine::before{
  transform:translateY(-7px);
}
.is-open-menu .header-btnLine::before{
  transform:rotate(45deg);
}
.header-btnLine::after{
  transform:translateY(7px);
}
.is-open-menu .header-btnLine::after{
  transform:rotate(-45deg);
}
.header-btnLabel{
  transform:scale(0.8);
  margin-top:11px;
  font-size:1rem;
  color:#fff;
  line-height:1;
  letter-spacing:0.04em;
}
.is-open-menu .header-btnLabel-menu{
  display:none;
}
.header-btnLabel-close{
  display:none;
}
.is-open-menu .header-btnLabel-close{
  display:block;
}
.header-menu{
  opacity:0;
  position:fixed;
  top:70px;
  left:0;
  z-index:-1;
  overflow:hidden;
  width:100%;
  height:calc(100% - 70px);
  background-color:#f3f6fa;
  transition:opacity 0.3s;
  pointer-events:none;
}
.header-menu.is-open{
  opacity:1;
  overflow-y:auto;
  pointer-events:auto;
}

.headerNav{
  padding:10px 15px 30px;
}
.headerNav-list{
  line-height:1.4;
}
.headerNav-item{
  position:relative;
}
.headerNav-link, .headerNav-btn{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  border-radius:0;
  border:none;
  outline:none;
  background-color:transparent;
  text-align:left;
  display:block;
  padding:0.675em calc(15px + 15px) 0.675em 15px;
  min-height:44px;
  font-size:1.6rem;
  font-weight:700;
  color:#262f38;
  text-decoration:none;
  transition:color 0.3s;
}
.headerNav-link{
  position:relative;
}
.headerNav-link::after{
  content:"";
  display:block;
  position:absolute;
  width:7px;
  height:7px;
  border-top:2px solid #262f38;
  border-right:2px solid #262f38;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:17px;
  left:auto;
}
.headerNav-btn{
  position:relative;
  width:100%;
}
.headerNav-btn::before, .headerNav-btn::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:15px;
  width:10px;
  border-top:2px solid #262f38;
  transition:transform 0.3s;
}
.headerNav-btn::before{
  transform:translateY(-50%);
}
.headerNav-btn::after{
  transform:translateY(-50%) rotate(90deg);
}
.headerNav-btn.is-open::after{
  transform:translateY(-50%);
}
.headerNav-linkText, .headerNav-btnText{
  position:relative;
}
.is-current .headerNav-linkText::before, .is-current .headerNav-btnText::before{
  content:"";
  position:absolute;
  top:50%;
  left:-15px;
  transform:translateY(-50%);
  border-radius:50%;
  width:5px;
  height:5px;
  background-color:#12b34b;
}
.headerNav-childList{
  display:none;
}
.headerNav-item:hover .headerNav-childList, .headerNav-item:focus .headerNav-childList{
  opacity:1;
  z-index:1010;
  pointer-events:auto;
}
.headerNav-childLink{
  display:flex;
  align-items:center;
  padding:0.675em 15px 0.675em calc(15px + 1.6rem);
  min-height:40px;
  font-size:1.4rem;
  color:#262f38;
  text-decoration:none;
  white-space:nowrap;
  transition:color 0.3s;
}
.headerNav-childItem.is-current .headerNav-childLink{
  color:#12b34b;
}
.headerNav-subList{
  display:grid;
  position:relative;
  margin-top:20px;
  padding:0 15px;
  line-height:1.4;
  grid-template-columns:repeat(2, 1fr);
  grid-gap:0 1em;
}
.headerNav-subList::before{
  content:"";
  display:block;
  position:absolute;
  top:-10px;
  left:15px;
  border-top:1px solid #d7dce2;
  width:calc(100% - 30px);
}
.headerNav-subLink{
  display:block;
  padding:0.75em 0;
  font-size:1.4rem;
  color:#262f38;
  text-decoration:none;
}
.headerNav-contact{
  margin-top:20px;
  padding:0 15px;
}
.headerNav-contactItem:not(:first-child){
  margin-top:15px;
}
.headerNav-contactItem-tel{
  line-height:1.4;
  text-align:center;
}
.headerNav-telNumber{
  font-size:3rem;
  font-weight:700;
  color:#262f38;
  letter-spacing:0.04em;
  text-decoration:none;
}
.headerNav-telNumber::before{
  content:"\f3f2";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  display:inline-block;
  margin-right:0.15em;
}
.headerNav-telTime{
  font-size:1.2rem;
}
.headerNav-telNotes{
  margin-left:0.5em;
}
.headerNav-contactBtn{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0.725em 1.75em;
  border-radius:5em;
  min-height:60px;
  font-size:2.1rem;
  font-weight:700;
  line-height:1.4;
  letter-spacing:0.04em;
  text-decoration:none;
  text-align:center;
}
.headerNav-contactBtn::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:22px;
  left:auto;
}
.headerNav-contactBtn-form{
  background-image:linear-gradient(to right, #0ca642 0%, #a3d936 50%, #0ca642 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  transition:background 0.3s;
}
.headerNav-contactBtn-trial{
  background-image:linear-gradient(to right, #f43643 0%, #f57c00 50%, #f43643 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  transition:background 0.3s;
}
.headerNav-contactBtn br{
  display:none;
}

.mv{
  padding-top:90px;
  padding-bottom:30px;
}
.mv-inner{
  position:relative;
}
.mv-content{
  position:relative;
}
.mv-text{
  margin-bottom:20px;
  font-size:clamp(2.4rem, 6.4vw, 3.6rem);
  color:#262f38;
  line-height:1.6;
  font-feature-settings:"palt";
}
.mv-title, .mv-lead{
  display:block;
}
.mv-title{
  margin-bottom:0.25em;
  font-weight:900;
  letter-spacing:0.1em;
}
.mv-lead{
  font-size:0.6em;
  font-weight:700;
  letter-spacing:0.1em;
}
.mv-achievement{
  width:75%;
}
.mv-slider{
  margin-top:30px;
  margin-right:-15px;
}
.mv-banner{
  margin-top:30px;
  text-align:center;
}
.mv-bannerLink{
  display:inline-block;
}
.mv-bannerImg{
  border-radius:5px;
}

.mvLower{
  background:#f3f6fa url(/images/common/mv-lower-sp.jpg) center bottom/cover no-repeat;
}
.mvLower .globalInner{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  position:relative;
  padding-top:70px;
  padding-bottom:32px;
  min-height:220px;
}
.mvLower-yochien{
  background-image:url(/images/yochien/mv-yochien-bg-sp.jpg);
}
.mvLower-yochien .globalInner{
  padding-top:100px;
}
.mvLower-title{
  letter-spacing:0.08em;
  text-align:center;
  font-feature-settings:"palt";
}
.mvLower-titleSub{
  margin-bottom:0.25em;
  font-size:1.6rem;
  font-weight:700;
  color:#12b34b;
  line-height:1.3;
}
.mvLower-titleMain{
  font-size:3.2rem;
  font-weight:900;
  color:#262f38;
  line-height:1.5;
}
.mvLower-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  right:15px;
  bottom:-22px;
  box-shadow:0 4px 8px rgba(38, 47, 56, 0.08);
  padding:0.85em 2em 0.85em 1em;
  border-radius:5em;
  min-height:44px;
  background-color:#fff;
  font-size:1.4rem;
  line-height:1.4;
  text-decoration:none;
  text-align:center;
  vertical-align:bottom;
  transition:background-color 0.3s;
}
.mvLower-btn::after{
  content:"";
  display:block;
  position:absolute;
  width:7px;
  height:7px;
  border-top:2px solid #12b34b;
  border-right:2px solid #12b34b;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:1.25em;
  left:auto;
}
.mvLower-btn:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}
.mvLower-btn:hover{
  background-color:#e2fae8;
}

.pageTop{
  position:fixed;
  right:15px;
  bottom:15px;
  z-index:1000;
  transition:opacity 0.3s;
  opacity:0;
  pointer-events:none;
}
.pageTop.is-show{
  opacity:1;
  pointer-events:auto;
}
.pageTop-link{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  width:50px;
  height:50px;
  background-color:#fff;
  box-shadow:0 0 10px rgba(0, 0, 0, 0.1);
  transition:box-shadow 0.3s;
  position:relative;
}
.pageTop-link::after{
  content:"";
  display:block;
  position:absolute;
  width:10px;
  height:10px;
  border-top:3px solid #262f38;
  border-right:3px solid #262f38;
  left:50%;
  transform:translateX(-50%) rotate(-45deg);
  top:auto;
  bottom:calc(50% - 6px);
  transition:border 0.3s;
}
.pageTop-link:hover, .pageTop-link:focus{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.pageTop-link:hover::after, .pageTop-link:focus::after{
  border-color:#12b34b;
}

.section{
  padding:60px 0;
  transition:padding 0.3s;
}
.section-contactSitemap{
  padding:60px 0 !important;
  background-color:#e2fae8;
}

.sectionLower{
  overflow-x:hidden;
  padding:60px 0;
  transition:padding 0.3s;
}

.sectionTop{
  position:relative;
  overflow-x:hidden;
  padding:60px 0;
  transition:padding 0.3s;
}
.sectionTop-pickup{
  padding-bottom:15px;
  background-color:#f3f6fa;
}
.sectionTop-problem{
  overflow-y:hidden;
  background:#24323b url(/images/home/bg-problem-sp.jpg) center center/cover no-repeat;
}
.sectionTop-functionTitle{
  margin-bottom:40px;
}
.sectionTop-support{
  padding-top:0 !important;
  background-color:#fff;
}
.sectionTop-support::before{
  content:"";
  display:block;
  margin-bottom:20px;
  padding-top:50%;
  width:100%;
  height:0;
  background:#fff url(/images/home/bg-support.jpg?d=20250814) right center/cover no-repeat;
}
.sectionTop-supportTitle{
  text-align:center;
}
.sectionTop-user{
  padding:15px 0;
  background-color:#fff;
}
.sectionTop-userTitle{
  margin-bottom:0.75em;
  font-size:2rem;
  font-weight:700;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.04em;
  text-align:center;
}
.sectionTop-userBtn .btn{
  width:100%;
}
.sectionTop-userBtn .btn:not(:first-child){
  margin-top:15px;
}

@keyframes zoom-up{
  0%{
    transform:scale(1);
  }
  100%{
    transform:scale(1.1);
  }
}
.sliderTopMv-img{
  width:100%;
  max-width:none;
}
.sliderTopMv .swiper{
  border-radius:15px 0 0 15px;
}
.sliderTopMv .swiper-slide-active .sliderTopMv-img, .sliderTopMv .swiper-slide-duplicate-active .sliderTopMv-img, .sliderTopMv .swiper-slide-prev .sliderTopMv-img{
  animation:zoom-up 7s linear 0s normal both;
}
* + .bannerList{
  margin-top:60px;
}
.title + .bannerList{
  margin-top:0;
}
.bannerList{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:20px;
}
.bannerList-link{
  display:inline-block;
  position:relative;
}
.bannerList-link-border::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  border:1px solid #d7dce2;
  width:100%;
  height:100%;
  pointer-events:none;
}
.btn{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  border:none;
  outline:none;
  background-color:transparent;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  position:relative;
  z-index:1;
  overflow:hidden;
  padding:1em 2.5em;
  border-radius:5em;
  font-weight:700;
  line-height:1.4;
  text-decoration:none;
  text-align:center;
  vertical-align:bottom;
  transition:border-color 0.3s, background-color 0.3s, color 0.3s;
  min-width:260px;
  font-size:1.6rem;
}
.btn::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:1.5em;
  left:auto;
}
.btn:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}
.btn::before{
  content:"";
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  transition:transform 0.3s;
  transform:scaleX(0);
  transform-origin:right center;
}
.btn:hover::before{
  transform:scaleX(1);
  transform-origin:left center;
}
.btn[target=_blank]::after, a[target=_blank] .btn::after{
  content:"\f3cc";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  right:1em;
  border:none;
  width:auto;
  height:auto;
  transform:translateY(-50%) !important;
}
.btn span{
  position:relative;
  z-index:2;
}
* + .btn{
  margin-top:20px;
}
.title + .btn{
  margin-top:0;
}
.btn.is-disabled, .btn:disabled{
  opacity:0.5;
  pointer-events:none;
}
.btn-primary{
  background-color:#12b34b;
  color:#fff;
}
.btn-primary::before{
  background-color:#36bd46;
}
.btn-secondary{
  background-color:#fff;
  color:#12b34b;
}
.btn-secondary::before{
  background-color:#e2fae8;
}
.btn-secondary::after{
  border-color:#12b34b;
}
.btn-sm{
  padding:0.8em 2em;
  min-width:200px;
  font-size:1.4rem;
}
.btn-sm::after{
  right:1.25em;
  border-color:#12b34b;
}
.btn-download{
  padding-right:3.5em;
  padding-left:3.5em;
}
.btn-downloadWrapper{
  width:100%;
}
.btn-downloadWrapper::before{
  content:"\f1da";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:absolute;
  top:50%;
  left:-1em;
  transform:translateY(-50%);
  font-size:2.4em;
}
.btn-downloadText{
  display:block;
}
.btn-downloadText-sub{
  font-size:0.75em;
  font-weight:400;
  letter-spacing:0.05em;
}

* + .card{
  margin-top:20px;
}
.title + .card{
  margin-top:0;
}
.card{
  padding:20px;
  border-radius:10px;
  background-color:#fff;
}
.card-sm{
  padding:15px;
  font-size:1.4rem;
}
.card-lg{
  padding:20px;
}

* + .cardList{
  margin-top:40px;
}
.title + .cardList{
  margin-top:0;
}
.cardList-order{
  counter-reset:boxList-order;
}
.cardList-item{
  position:relative;
  padding:20px;
  border-radius:10px;
  background-color:#fff;
}
.cardList-order .cardList-item::before{
  content:counter(boxList-order, decimal-leading-zero);
  counter-increment:boxList-order;
  position:absolute;
  top:0;
  left:20px;
  transform:translateY(-50%);
  font-size:2.6rem;
  color:#12b34b;
  line-height:1;
}
.cardList-item:not(:first-child){
  margin-top:30px;
}
.cardList-item-before::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-20px;
  left:50%;
  transform:translateX(-50%);
  border-width:10px 10px 0 10px;
  border-style:solid;
  border-color:#9ea8b1 transparent transparent transparent;
  width:0;
  height:0;
}
.cardList-title{
  margin-bottom:0.5em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:1.8rem;
  font-weight:900;
  grid-area:title;
}
.cardList-voice .cardList-title{
  text-align:center;
}
.cardList-item-after .cardList-title{
  color:#12b34b;
}
.cardList-text{
  grid-area:text;
}
.cardList-text::after{
  content:"";
  display:block;
  clear:both;
}
.cardList-item-after .cardList-text .list-ul li::before{
  background-color:#12b34b;
}
.cardList-imgWrapper{
  margin-top:10px;
  margin-bottom:-20px;
  text-align:center;
  grid-area:img;
}
.cardList-imgFloat{
  float:right;
  margin-bottom:10px;
  margin-left:10px;
}
.cardList-imgFloat + p{
  margin-top:0;
}
.cardList-img[src$="p-mark.svg"]{
  max-width:70px;
}

.faqList-item{
  border-radius:10px;
  background-color:#fff;
}
.faqList-item:not(:first-child){
  margin-top:20px;
}
.faqList-header, .faqList-body{
  position:relative;
}
.faqList-header::before, .faqList-body::before{
  position:absolute;
  top:15px;
  left:15px;
  font-size:2rem;
  line-height:1;
}
.faqList-header::before{
  content:"Q";
  top:15px;
  font-weight:400;
  color:#12b34b;
}
.faqList-question{
  -moz-appearance:none;
       appearance:none;
  -webkit-appearance:none;
  margin:0;
  border-radius:0;
  border:none;
  outline:none;
  background-color:transparent;
  text-align:left;
  padding:12px 35px;
  width:100%;
  font-weight:700;
  color:#262f38;
}
.faqList-question::before, .faqList-question::after{
  content:"";
  display:block;
  position:absolute;
  top:calc(50% - 1px);
  right:15px;
  border-radius:1px;
  width:14px;
  height:2px;
  background-color:#12b34b;
}
.faqList-question::after{
  transform:rotate(90deg);
}
.faqList-question.is-open::after{
  transform:none;
}
.faqList-body{
  display:none;
  padding:0 12px 15px;
}
.faqList-body::before{
  content:"A";
  top:17px;
  color:#9ea8b1;
}
.faqList-answer{
  padding-top:12px;
  padding-left:20px;
  border-top:1px solid #d7dce2;
}

.flow{
  counter-reset:flow;
}
.flow-item:not(:first-child){
  margin-top:30px;
}
.flow-header{
  margin-bottom:30px;
  padding:0.5em 0.75em;
  border-radius:10px;
  background-color:#d7dce2;
  text-align:center;
}
.flow-header-primary{
  background-color:#12b34b;
  color:#fff;
}
.flowList-item{
  position:relative;
  padding:20px;
  border-radius:10px;
  background-color:#fff;
}
.flowList-item::before{
  content:counter(flow, decimal-leading-zero);
  counter-increment:flow;
  position:absolute;
  top:0;
  left:20px;
  transform:translateY(-50%);
  font-size:2.8rem;
  color:#12b34b;
  line-height:1;
}
.flowList-item::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-20px;
  left:50%;
  transform:translateX(-50%);
  border-width:10px 10px 0 10px;
  border-style:solid;
  border-color:#9ea8b1 transparent transparent transparent;
  width:0;
  height:0;
}
.flowList-item:not(:first-child){
  margin-top:30px;
}
.flow-item:last-child .flowList-item:last-child::after{
  content:none;
}
.flowList-header{
  display:flex;
  align-items:center;
  border-radius:10px;
}
.flowList-iconWrapper{
  flex-shrink:0;
  margin-right:0.25em;
  width:40px;
}
.flowList-title{
  font-size:1.8rem;
  font-weight:900;
  color:#262f38;
  line-height:1.6;
  letter-spacing:0.04em;
  font-feature-settings:"palt";
}
.flowList-body{
  margin-top:10px;
}
.flowList-columnItem:not(:first-child){
  margin-top:1em;
}
.flowList-columnTitle{
  display:flex;
  align-items:center;
  margin-bottom:0.5em;
  padding:6px 12px;
  border-radius:3em;
  min-height:32px;
  background-color:#3d4750;
  font-weight:700;
  color:#fff;
  line-height:1.2;
}
.flowList-columnTitle::before{
  content:"";
  display:block;
  flex-shrink:0;
  margin-right:0.25em;
  border-radius:50%;
  width:8px;
  height:8px;
  vertical-align:middle;
}
.flowList-columnTitle-free::before{
  background-color:#f9a825;
}
.flowList-columnTitle-omakase::before{
  background-color:#f4511e;
}

.function{
  counter-reset:function;
}
.function-item:not(:first-child){
  margin-top:60px;
}
.function-header-img{
  margin-bottom:40px;
}
.function-headerImgInner{
  position:relative;
}
.function-title{
  margin-bottom:0.75em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:2.4rem;
  font-weight:900;
  text-align:center;
}
.function-title::before{
  content:counter(function, decimal-leading-zero);
  counter-increment:function;
  display:inline-block;
  transform:scale(1.25);
  transform-origin:left;
  margin-right:0.5em;
  font-weight:400;
  color:#12b34b;
}
.function-titleImgWrapper{
  position:relative;
  margin:8% auto 0;
  border-radius:10px;
  max-width:860px;
  background:center center/cover no-repeat;
}
.function-titleImgWrapper::before{
  content:"";
  display:block;
  padding-top:27.9069767442%;
  width:100%;
  height:0;
}
.function-titleImgWrapper-basic{
  background-image:url(/images/functions/title-basic-bg.jpg);
}
.function-titleImgWrapper-admin{
  background-image:url(/images/functions/title-admin-bg.jpg);
}
.function-titleImg{
  position:absolute;
  bottom:0;
}
.function-titleImg-basic{
  right:5.8139534884%;
  width:27.4418604651%;
}
.function-titleImg-admin{
  right:-2.3255813953%;
  width:62.4418604651%;
}
.function-columnImgWrapper{
  margin-bottom:1em;
  text-align:center;
}
.function-columnImg-rounded{
  border-radius:10px;
}
.function-columnText .card{
  margin-top:1em;
}
.functionList-item:not(:first-child){
  margin-top:40px;
}
.functionList-header{
  margin-bottom:10px;
  text-align:center;
}
.functionList-iconWrapper{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  border-radius:50%;
  width:120px;
  height:120px;
  background-color:#fff;
}
.functionList-top .functionList-iconWrapper{
  width:100px;
  height:100px;
  background-color:#f3f6fa;
}
.functionList-icon{
  width:64%;
}
.functionList-body .list-notes{
  margin-top:0.25em;
}
.functionList-title{
  margin-bottom:0.25em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:1.8rem;
  font-weight:700;
  text-align:center;
}
.functionList-top .functionList-text{
  text-align:center;
}

.gridNoBorder{
  display:table;
}
.gridNoBorder-item{
  display:table-row;
}
.gridNoBorder-title, .gridNoBorder-text{
  display:table-cell;
}
.gridNoBorder-title{
  padding-right:1em;
}
.imgLink{
  display:inline-block;
  vertical-align:bottom;
}

* + .imgText{
  margin-top:60px;
}
.title + .imgText{
  margin-top:0;
}
.imgText-header{
  margin-bottom:20px;
  text-align:center;
}
.imgText-img{
  border-radius:10px;
}
.imgText-title{
  margin-bottom:0.5em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:3.2rem;
  font-weight:900;
  text-align:center;
}
.imgText-title .text-sm{
  font-size:0.75em;
}
.imgText-btn{
  margin-top:30px;
  text-align:center;
}

.label{
  display:inline-block;
  padding:0.25em 0.4em;
  border:1px solid;
  border-radius:2em;
  font-size:0.75em;
  font-weight:400;
  color:#fff;
  line-height:1;
  vertical-align:text-bottom;
}
.label-new{
  border-color:#f43643;
  background-color:#f43643;
}

.list-ul, .list-ol, .list-notes{
  margin-top:1em;
}
.list-ul .list-ul,
.list-ul .list-ol, .list-ol .list-ul,
.list-ol .list-ol, .list-notes .list-ul,
.list-notes .list-ol{
  margin-top:0.5em;
}
.list-notes > li{
  padding-left:1em;
}
.list-notes > li::before{
  content:"※";
  left:0;
}

* + .newsList{
  margin-top:60px;
}
.title + .newsList{
  margin-top:0;
}
.newsList-item{
  padding:20px;
  border-radius:5px;
  background-color:#fff;
}
.newsList-item:not(:first-child){
  margin-top:20px;
}
.newsList-header{
  margin-bottom:10px;
}
.newsList-date{
  font-size:1.8rem;
  font-weight:700;
  color:#9ea8b1;
}
.newsList-title{
  margin-bottom:0.5em;
  font-size:1.8rem;
  font-weight:700;
}
.planName{
  font-weight:700;
}
.planName::before{
  content:"";
  display:inline-block;
  margin-right:0.25em;
  border-radius:50%;
  width:0.4em;
  height:0.4em;
  vertical-align:middle;
}
.planName-free::before{
  background-color:#f9a825;
}
.planName-omakase::before{
  background-color:#f4511e;
}
.planName-text{
  vertical-align:middle;
}

* + .planOther{
  margin-top:20px;
}
.title + .planOther{
  margin-top:0;
}
.planOther{
  text-align:center;
}
.planOther-text{
  margin-top:1em;
}
.planOther-text br{
  display:none;
}

.popup{
  display:none;
  position:fixed;
  bottom:0;
  left:0;
  z-index:1010;
  width:100%;
  transition:opacity 0.3s;
  pointer-events:none;
}
.popup.is-show{
  display:flex;
  justify-content:center;
}
.popup.is-hidden{
  opacity:0;
  pointer-events:none;
}
.popup-inner{
  position:relative;
  margin:0 10px 10px;
  pointer-events:auto;
}
.popup-close{
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:-6px;
  right:-6px;
  padding:0;
  border:1px solid #d7dce2;
  border-radius:50%;
  width:30px;
  height:30px;
  background-color:#fff;
  color:#3d4750;
  transition:color 0.3s;
}
.popup-close::before{
  content:"\f156";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:2rem;
}
.popup-close:hover, .popup-close:focus{
  color:#12b34b;
}
.popup-close span{
  display:none;
}

.sliderGeneral{
  position:relative;
}
.sliderGeneral-img{
  width:100%;
  max-width:none;
}
.sliderGeneral .swiper{
  margin-bottom:60px;
  border-radius:10px;
}
.sliderGeneral .swiper-pagination{
  bottom:-35px;
}
.sliderGeneral .swiper-pagination-bullet{
  margin:0 5px !important;
  width:10px;
  height:10px;
}
.sliderGeneral .swiper-pagination-bullet-active{
  background:#12b34b;
}
.sliderGeneral .swiper-button-prev, .sliderGeneral .swiper-button-next{
  display:none;
  border:1px solid rgba(0, 0, 0, 0.08);
  border-radius:50%;
  width:40px;
  height:40px;
  background-color:#fff;
  color:#12b34b;
}
.sliderGeneral .swiper-button-prev::after, .sliderGeneral .swiper-button-next::after{
  font-size:1.6rem;
  font-weight:700;
}
.sliderGeneral .swiper-button-prev{
  padding-right:2px;
}
.sliderGeneral .swiper-button-next{
  padding-left:2px;
}
.solutionTop-header{
  margin-bottom:10px;
  margin-left:-20%;
  text-align:center;
}
.solutionTop-list{
  counter-reset:solutionTop-list;
}
.solutionTop-item{
  position:relative;
  padding:20px;
  border-radius:10px;
  background-color:#fff;
}
.solutionTop-item::before{
  content:counter(solutionTop-list, decimal-leading-zero);
  counter-increment:solutionTop-list;
  position:absolute;
  top:0;
  left:20px;
  transform:translateY(-50%);
  font-size:2.8rem;
  color:#12b34b;
  line-height:1;
}
.solutionTop-item:not(:first-child){
  margin-top:25px;
}
.solutionTop-title{
  margin-bottom:0.25em;
  font-size:2rem;
  font-weight:900;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
}
* + .table{
  margin-top:20px;
}
.title + .table{
  margin-top:0;
}
.table-basic{
  border-top:1px solid #d7dce2;
  border-left:1px solid #d7dce2;
  border-radius:10px;
  border-spacing:0;
  border-collapse:separate;
}
.table-basic thead tr:first-child th:first-child,
.table-basic thead tr:first-child td:first-child{
  border-radius:10px 0 0 0 !important;
}
.table-basic thead tr:first-child th:last-child,
.table-basic thead tr:first-child td:last-child{
  border-radius:0 10px 0 0 !important;
}
.table-basic thead ~ tbody tr th{
  background-color:#f3f6fa;
  color:#3d4750;
}
.table-basic thead ~ tbody tr:first-child th:first-child,
.table-basic thead ~ tbody tr:first-child td:first-child{
  border-radius:0;
}
.table-basic thead ~ tbody tr:first-child th:last-child,
.table-basic thead ~ tbody tr:first-child td:last-child{
  border-radius:0;
}
.table-basic tr:first-child th:first-child,
.table-basic tr:first-child td:first-child{
  border-radius:10px 0 0 0;
}
.table-basic tr:first-child th:last-child,
.table-basic tr:first-child td:last-child{
  border-radius:0 10px 0 0;
}
.table-basic tr:last-child th:first-child,
.table-basic tr:last-child td:first-child{
  border-radius:0 0 0 10px;
}
.table-basic tr:last-child th:last-child,
.table-basic tr:last-child td:last-child{
  border-radius:0 0 10px 0;
}
.table-basic th,
.table-basic td{
  border-right:1px solid #d7dce2;
  border-bottom:1px solid #d7dce2;
  vertical-align:middle;
}
.table-basic th{
  background-color:#3d4750;
  font-weight:400;
  color:#fff;
}
.table-basic td{
  background-color:#fff;
}
.table-fixed{
  table-layout:fixed;
}
.tablePlan{
  margin:0 -5px;
  border-radius:10px;
  width:calc(100% + 10px);
  font-size:1.4rem;
  table-layout:fixed;
  border-spacing:5px 0;
  border-collapse:separate;
}
.tablePlan-row:last-child .tablePlan-item-detail{
  border-radius:0 0 10px 10px;
}
.tablePlan-item{
  padding:0.6em 0.75em;
  line-height:1.6;
  text-align:center;
}
.tablePlan-body .tablePlan-item{
  border-top:1px solid #d7dce2;
}
.tablePlan-item-plan{
  border-radius:10px 10px 0 0;
  background-color:#3d4750;
  font-weight:400;
  color:#fff;
}
.tablePlan-item-title, .tablePlan-item-detail{
  vertical-align:middle;
}
.tablePlan-item-title{
  display:none;
  font-weight:400;
}
.tablePlan-item-detail{
  position:relative;
  padding-top:1.85em;
  background-color:#fff;
}
.tablePlan-item-detail::before{
  content:attr(data-title);
  position:absolute;
  top:0.6em;
  left:0.75em;
  font-size:1rem;
  color:#9ea8b1;
  line-height:1.2;
}
.tablePlan-title{
  margin-bottom:0.25em;
  font-size:1.5rem;
  line-height:1.4;
}
.tablePlan-text br{
  display:none;
}
.tablePlan-emphasis{
  font-weight:700;
}
.tablePlan-number{
  font-size:1.5em;
}
.tablePlan-check{
  color:#12b34b;
}
.tablePlan-check::before{
  transform:scale(1.5);
}

.sectionTop-problem .title{
  margin-bottom:1em;
  color:#fff !important;
}
.title-lg{
  margin-bottom:0.75em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:3.2rem;
  font-weight:900;
}
.title-lg .text-sm{
  font-size:0.75em;
}
* + .title-lg{
  margin-top:60px;
}
.title + .title-lg{
  margin-top:0;
}
.title-md{
  margin-bottom:0.75em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:2.4rem;
  font-weight:900;
}
* + .title-md{
  margin-top:40px;
}
.title + .title-md{
  margin-top:0;
}
.title-sm{
  margin-bottom:0.75em;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:1.8rem;
  font-weight:700;
}
* + .title-sm{
  margin-top:20px;
}
.title + .title-sm{
  margin-top:0;
}
.title-main, .title-sub{
  display:block;
}
.title-sub{
  font-size:0.8em;
}
.voiceList-item:not(:first-child){
  margin-top:60px;
}
.voiceList-lead{
  margin-bottom:20px;
  grid-area:lead;
}
.voiceList-label{
  display:inline-block;
  margin-bottom:10px;
  padding:0.25em 1em;
  border-radius:3em;
  background-color:#3d4750;
  font-weight:700;
  color:#fff;
  line-height:1.2;
}
.voiceList-title{
  margin-bottom:0.25em;
  font-size:2rem;
  font-weight:900;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
}
.voiceList-name{
  font-weight:700;
}
.voiceList-location{
  font-size:1.4rem;
  font-weight:400;
}
.voiceList-imgWrapper{
  margin-bottom:20px;
  text-align:center;
  grid-area:img;
}
.voiceList-img{
  border-radius:50%;
  width:180px;
}
.voiceList-content{
  grid-area:content;
}

.yochien-textMarker{
  background:linear-gradient(rgba(226, 250, 232, 0) 50%, #e2fae8 50%, #e2fae8 100%);
}
.yochien-about{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  gap:20px;
}
.yochien-aboutItem{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  padding:35px 0;
  border-radius:50%;
  width:260px;
  height:260px;
  background-color:#fff;
  text-align:center;
}
.yochien-aboutText{
  margin-bottom:0.5em;
  font-size:1.8rem;
  font-weight:700;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  text-align:center;
  font-feature-settings:"palt";
}
.yochien-aboutImg[src$="img-about-01.svg"]{
  width:124px;
}
.yochien-aboutImg[src$="img-about-02.svg"]{
  width:170px;
}
.yochien-aboutNote{
  margin-top:auto;
  line-height:1.2;
}
.yochien-voice{
  background:rgba(18, 179, 75, 0.5) url(/images/yochien/bg-yochien-voice.jpg) center center/cover no-repeat;
}
.yochien-voiceColumnCol{
  position:relative;
  padding:20px 20px 50px;
  border-radius:15px;
  background-color:#fff;
}
.yochien-voiceColumnCol:not(:first-child){
  margin-top:30px;
}
.yochien-voiceColumnCol::after{
  content:"";
  display:block;
  position:absolute;
  right:30px;
  bottom:0;
  background:center bottom/contain no-repeat;
}
.yochien-voiceColumnCol:nth-child(1)::after{
  width:90px;
  height:45px;
  background-image:url(/images/yochien/img-sec03-01.png);
}
.yochien-voiceColumnCol:nth-child(2)::after{
  width:66px;
  height:40px;
  background-image:url(/images/yochien/img-sec03-02.png);
}
.yochien-voiceTitle{
  margin-bottom:0.75em;
  font-size:2.2rem;
  font-weight:900;
  color:#12b34b;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
}
* + .yochien-cardList{
  margin-top:40px;
}
.title + .yochien-cardList{
  margin-top:0;
}
.yochien-cardListItem{
  padding:20px;
  border-radius:15px;
  background-color:#fff;
}
.yochien-cardListItem:not(:first-child){
  margin-top:20px;
}
.yochien-cardListTitle{
  margin-bottom:0;
  color:#262f38;
  line-height:1.5;
  letter-spacing:0.08em;
  font-feature-settings:"palt";
  font-size:1.8rem;
  font-weight:900;
  min-height:52px;
  text-align:center;
}
.yochien-cardListTitle small{
  display:block;
  font-size:1.4rem;
  font-weight:400;
}
.yochien-cardListImg{
  text-align:center;
}

.bg-white{
  background-color:#fff;
}
.bg-gray{
  background-color:#f3f6fa;
}
.bg-primary-pale{
  background-color:#e2fae8;
}
.only-over-xs{
  display:none;
}
.only-over-sm{
  display:none;
}
.only-over-md{
  display:none;
}
.only-over-lg{
  display:none;
}
.only-over-xl{
  display:none;
}
.only-over-inline-xs{
  display:none;
}
.only-over-inline-sm{
  display:none;
}
.only-over-inline-md{
  display:none;
}
.only-over-inline-lg{
  display:none;
}
.only-over-inline-xl{
  display:none;
}

strong, .font-bold{
  font-weight:700;
}

.mt-0{
  margin-top:0 !important;
}
* + .mt-sm{
  margin-top:20px !important;
}
* + .mt-md{
  margin-top:40px !important;
}
* + .mt-lg{
  margin-top:60px !important;
}

.pt-0{
  padding-top:0 !important;
}

.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right !important;
}
.text-left{
  text-align:left !important;
}
.text-primary{
  color:#12b34b;
}
.text-notice{
  color:#f43643;
}
.text-muted{
  color:#9ea8b1;
}
small, .text-sm{
  font-size:0.875em;
}

.text-md{
  font-size:1.6rem;
}
.text-lg{
  font-size:1.25em;
}
.text-nowrap{
  white-space:nowrap;
}
@media (min-width: 321px){
  .only-under-xs{
    display:none;
  }
  .only-over-xs{
    display:block;
  }
  .only-over-inline-xs{
    display:inline;
  }}
@media (min-width: 360px){
  .tablePlan-item-detail::before{
    font-size:1.1rem;
  }}
@media (min-width: 400px){
  .tablePlan-item{
    padding:0.75em 1em;
  }
  .tablePlan-item-detail{
    padding-top:2em;
  }
  .tablePlan-item-detail::before{
    top:0.75em;
    left:1em;
  }
  .tablePlan-title{
    font-size:1.6rem;
  }}
@media (min-width: 576px){
  body::after{
    content:"sm";
  }
  .footer-address br{
    display:none;
  }
  .sectionTop-userBtn{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:20px;
  }
  .sectionTop-userBtn .btn{
    width:calc(50% - 10px);
    max-width:260px;
  }
  .sectionTop-userBtn .btn:not(:first-child){
    margin-top:0;
  }
  .btn-download{
    min-width:320px;
  }
  .sectionTop-problem .title br{
    display:none;
  }
  .only-under-sm{
    display:none;
  }
  .only-over-sm{
    display:block;
  }
  .only-over-inline-sm{
    display:inline;
  }}
@media (min-width: 768px){
  body{
    line-height:1.8;
  }
  body::after{
    content:"md";
  }
  a[href^="tel:"]{
    pointer-events:none;
  }
  input[type=checkbox] + label::before, input[type=checkbox] + label::after, input[type=radio] + label::before, input[type=radio] + label::after{
    top:3px;
  }
  input[type=radio] + label::after{
    top:7px;
  }
  .breadcrumb{
    margin-top:-60px;
    padding:20px 0;
    min-height:60px;
  }
  .breadcrumb-list{
    font-size:1.4rem;
  }
  .contact-card{
    padding:40px;
  }
  .contact-title{
    margin-top:-75px;
    margin-bottom:20px;
  }
  .contact-lead{
    font-size:2rem;
  }
  .contact-list{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    gap:30px;
  }
  .contact-item{
    width:calc(50% - 15px);
  }
  .contact-item:not(:first-child){
    margin-top:0;
  }
  .contact-item-tel{
    width:100%;
  }
  .contact-telNumber{
    font-size:3.4rem;
  }
  .contact-telTime{
    font-size:1.4rem;
  }
  .contact-btn{
    min-height:80px;
    font-size:2.2rem;
  }
  .contact-btn::after{
    right:27px;
    width:10px;
    height:10px;
  }
  .contact-btn-form:hover, .contact-btn-form:focus{
    background-position:right center;
  }
  .contact-btn-trial:hover, .contact-btn-trial:focus{
    background-position:right center;
  }
  .footer{
    padding:60px 0;
  }
  .footer-banner{
    display:flex;
    margin:0 -20px;
  }
  .footer-bannerItem{
    margin:0 20px;
    width:calc(33.3333333333% - 40px);
  }
  .footer-bannerItem:not(:first-child){
    margin-top:0;
  }
  .footer-bannerLink{
    transition:opacity 0.3s;
  }
  .footer-bannerLink:hover, .footer-bannerLink:focus{
    opacity:0.7;
  }
  .footer-info{
    position:relative;
  }
  .footer-infoHeader{
    text-align:left;
  }
  .footer-logo{
    transition:opacity 0.3s;
    margin-bottom:30px;
  }
  .footer-logo:hover, .footer-logo:focus{
    opacity:0.7;
  }
  .footer-companyName{
    margin-bottom:0.5em;
  }
  .footer-pMark{
    position:absolute;
    top:0;
    left:190px;
    margin:0;
  }
  .footer-infoBody{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;
    margin-left:auto;
    width:70%;
  }
  .footer-relationLink{
    transition:opacity 0.3s;
  }
  .footer-relationLink:hover, .footer-relationLink:focus{
    opacity:0.7;
  }
  .footer-sns{
    margin-left:30px;
  }
  .footer-snsLink{
    transition:opacity 0.3s;
  }
  .footer-snsLink:hover, .footer-snsLink:focus{
    opacity:0.7;
  }
  .footer-list{
    display:flex;
    justify-content:flex-end;
    text-align:right;
  }
  .footer-listItem:not(:first-child){
    margin-left:1.5em;
  }
  .footerSitemap{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    margin-top:50px;
    gap:40px;
  }
  .footerSitemap-list{
    margin-top:0;
  }
  .footerSitemap-banner{
    margin-top:0;
  }
  .footerSitemap-bannerLink{
    transition:opacity 0.3s;
  }
  .footerSitemap-bannerLink:hover, .footerSitemap-bannerLink:focus{
    opacity:0.7;
  }
  .footerSitemapList{
    display:flex;
    gap:30px;
  }
  .footerSitemapList-item-main + .footerSitemapList-item-sub::before{
    content:none;
  }
  .footerSitemapList-item-sub{
    padding:0;
  }
  .footerSitemapList-item-main .footerSitemapList-btn + .footerSitemapList-childList{
    display:block !important;
  }
  .footerSitemapList-item-sub .footerSitemapList-childList{
    display:block;
  }
  .footerSitemapList-childItem:not(:first-child){
    margin-top:0.5em;
  }
  .footerSitemapList-item-main .footerSitemapList-childItem.is-current::before{
    content:none;
  }
  .footerSitemapList-link, .footerSitemapList-btn{
    display:inline;
    padding:0 !important;
  }
  .footerSitemapList-item-main .footerSitemapList-link, .footerSitemapList-item-main .footerSitemapList-btn{
    font-size:1.4rem;
    font-weight:400;
  }
  .footerSitemapList-item-main .footerSitemapList-link::after, .footerSitemapList-item-main .footerSitemapList-btn::after{
    content:none !important;
  }
  .footerSitemapList-item-main .footerSitemapList-btn{
    display:none;
  }
  .globalInner{
    padding:0 40px;
  }
  .globalInner-sm{
    margin:0 auto;
    max-width:1040px;
  }
  .header-contact:hover, .header-contact:focus{
    background-position:right center;
  }
  .headerNav{
    padding:30px 40px 60px;
  }
  .headerNav-subList{
    margin-top:40px;
  }
  .headerNav-subList::before{
    top:-20px;
  }
  .headerNav-contact{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    align-items:center;
    margin-top:40px;
    gap:30px;
  }
  .headerNav-contactItem{
    width:calc(50% - 15px);
  }
  .headerNav-contactItem:not(:first-child){
    margin-top:0;
  }
  .headerNav-contactItem-tel{
    width:100%;
  }
  .headerNav-telNumber{
    font-size:3.4rem;
  }
  .headerNav-telTime{
    font-size:1.4rem;
  }
  .headerNav-contactBtn-form:hover, .headerNav-contactBtn-form:focus{
    background-position:right center;
  }
  .headerNav-contactBtn-trial:hover, .headerNav-contactBtn-trial:focus{
    background-position:right center;
  }
  .mv-achievement{
    position:absolute;
    right:-5px;
    bottom:0;
    width:45%;
    text-align:right;
  }
  .mv-slider{
    margin-right:-40px;
  }
  .mvLower-titleMain{
    font-size:4rem;
  }
  .mvLower-btn{
    right:40px;
    bottom:-30px;
    padding:1.15em 2.75em;
    min-height:60px;
    font-size:1.6rem;
  }
  .section{
    padding:80px 0;
  }
  .sectionLower{
    padding:80px 0;
  }
  .sectionTop{
    padding:80px 0;
  }
  .sectionTop-pickup{
    padding:50px 0;
  }
  .sectionTop-problem{
    background-image:url(/images/home/bg-problem-pc.jpg);
  }
  .sectionTop-functionTitle{
    margin-bottom:50px;
  }
  .sectionTop-support::before{
    margin-bottom:60px;
  }
  .sectionTop-supportTitle br{
    display:none;
  }
  .sectionTop-user{
    padding:40px 0;
  }
  .sectionTop-userTitle{
    font-size:2.4rem;
  }
  * + .bannerList{
    margin-top:100px;
  }
  .bannerList{
    gap:40px;
  }
  .bannerList-link{
    transition:opacity 0.3s;
  }
  .bannerList-link:hover, .bannerList-link:focus{
    opacity:0.7;
  }
  * + .btn{
    margin-top:40px;
  }
  .btn{
    font-size:1.8rem;
  }
  .btn-sm{
    font-size:1.6rem;
  }
  * + .card{
    margin-top:40px;
  }
  .card{
    padding:30px;
  }
  .card-sm{
    padding:20px;
  }
  .card-lg{
    padding:40px;
  }
  * + .cardList{
    margin-top:60px;
  }
  .cardList-item{
    padding:30px;
  }
  .cardList-voice .cardList-item{
    display:grid;
    align-items:center;
    grid-column-gap:30px;
    grid-template-columns:100px 1fr;
    grid-template-areas:"title text";
  }
  .cardList-order .cardList-item::before{
    left:30px;
    font-size:3rem;
  }
  .cardList-voice .cardList-item:not(:first-child){
    margin-top:40px;
  }
  .cardList-item-before::after{
    bottom:-28px;
    border-width:15px 15px 0 15px;
  }
  .cardList-title{
    font-size:2rem;
  }
  .cardList-voice .cardList-title{
    margin-bottom:0;
    font-size:2.4rem;
  }
  .cardList-voice .cardList-text .list-ul{
    margin-top:0;
  }
  .cardList-imgWrapper{
    margin-bottom:-30px;
  }
  .cardList-img[src$="p-mark.svg"]{
    max-width:100px;
  }
  .faqList-header::before, .faqList-body::before{
    top:18px;
    left:20px;
    font-size:3.2rem;
  }
  .faqList-header::before{
    top:13px;
  }
  .faqList-question{
    padding:15px 60px;
    font-size:1.8rem;
  }
  .faqList-question::before, .faqList-question::after{
    right:20px;
    width:18px;
  }
  .faqList-body{
    padding:0 15px 20px;
  }
  .faqList-body::before{
    top:15px;
  }
  .faqList-answer{
    padding-top:15px;
    padding-left:40px;
  }
  .flow-item{
    display:flex;
  }
  .flow-item:not(:first-child){
    margin-top:40px;
  }
  .flow-header{
    display:flex;
    flex-shrink:0;
    align-items:center;
    margin-bottom:0;
    padding:15px;
    width:60px;
    text-align:left;
    writing-mode:vertical-rl;
  }
  .flow-body{
    width:calc(100% - 60px);
  }
  .flowList{
    padding-left:140px;
  }
  .flowList-item{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:30px 30px 30px 50px;
    min-height:150px;
  }
  .flowList-item::before{
    left:50px;
    font-size:3.2rem;
  }
  .flowList-item::after{
    bottom:-28px;
    border-width:15px 15px 0 15px;
  }
  .flowList-item:not(:first-child){
    margin-top:40px;
  }
  .flowList-iconWrapper{
    display:flex;
    justify-content:center;
    align-items:center;
    position:absolute;
    top:50%;
    left:-100px;
    transform:translateY(-50%);
    margin-right:0;
    border:4px solid #f3f6fa;
    border-radius:50%;
    width:120px;
    height:120px;
    background-color:#fff;
  }
  .flowList-title{
    font-size:2.4rem;
  }
  .function-item:not(:first-child){
    margin-top:100px;
  }
  .function-header-img{
    margin-bottom:80px;
  }
  .function-title{
    font-size:3.2rem;
  }
  .functionList-header{
    margin-bottom:15px;
  }
  .functionList-iconWrapper{
    width:150px;
    height:150px;
  }
  .functionList-top .functionList-iconWrapper{
    width:120px;
    height:120px;
  }
  .functionList-title{
    font-size:2rem;
  }
  .imgLink{
    transition:opacity 0.3s;
  }
  .imgLink:hover, .imgLink:focus{
    opacity:0.7;
  }
  * + .imgText{
    margin-top:100px;
  }
  .imgText-title{
    font-size:4rem;
  }
  * + .newsList{
    margin-top:100px;
  }
  .newsList-item{
    display:grid;
    align-items:center;
    grid-gap:20px;
    grid-template-columns:120px 1fr;
  }
  .newsList-header{
    margin-bottom:0;
  }
  * + .planOther{
    margin-top:40px;
  }
  .planOther{
    display:flex;
    justify-content:center;
    align-items:center;
    text-align:left;
  }
  .planOther-imgWrapper{
    width:400px;
  }
  .planOther-text{
    margin-top:0;
    margin-left:30px;
    font-size:2rem;
  }
  .planOther-text br{
    display:inline;
  }
  .popup-close{
    top:-10px;
    right:-10px;
  }
  .sliderGeneral{
    margin-right:-20px;
    margin-left:-20px;
    padding-right:20px;
    padding-left:20px;
  }
  .sliderGeneral .swiper-button-prev, .sliderGeneral .swiper-button-next{
    display:flex;
  }
  .sliderGeneral .swiper-button-prev{
    left:0;
  }
  .sliderGeneral .swiper-button-next{
    right:0;
  }
  .solutionTop-header{
    margin-bottom:20px;
    margin-left:0;
  }
  .solutionTop-item{
    padding:25px 30px;
  }
  .solutionTop-item::before{
    left:30px;
    font-size:3.2rem;
  }
  .solutionTop-item:not(:first-child){
    margin-top:30px;
  }
  .solutionTop-title{
    font-size:2.4rem;
  }
  * + .table{
    margin-top:40px;
  }
  .tablePlan{
    margin:0 -20px;
    width:calc(100% + 40px);
    font-size:1.6rem;
    border-spacing:20px 0;
  }
  .tablePlan-item-title{
    display:table-cell;
  }
  .tablePlan-item-detail{
    padding-top:0.75em;
  }
  .tablePlan-item-detail::before{
    content:none;
  }
  .tablePlan-title{
    font-size:2.4rem;
  }
  .tablePlan-text br{
    display:inline;
  }
  .title-lg{
    font-size:4rem;
  }
  * + .title-lg{
    margin-top:100px;
  }
  .title-md{
    font-size:3.2rem;
  }
  * + .title-md{
    margin-top:60px;
  }
  .title-sm{
    font-size:2rem;
  }
  * + .title-sm{
    margin-top:40px;
  }
  .voiceList-item{
    display:grid;
    grid-template-areas:"img lead" "content content";
    grid-gap:30px;
    grid-template-columns:220px 1fr;
  }
  .voiceList-item:not(:first-child){
    margin-top:100px;
  }
  .voiceList-lead{
    margin-bottom:0;
  }
  .voiceList-title{
    font-size:2.8rem;
  }
  .voiceList-name{
    font-size:1.8rem;
  }
  .voiceList-imgWrapper{
    margin-bottom:0;
  }
  .voiceList-img{
    width:auto;
  }
  .yochien-about{
    flex-direction:row;
    gap:40px;
  }
  .yochien-aboutItem{
    padding:45px 0;
    width:320px;
    height:320px;
  }
  .yochien-aboutText{
    font-size:2.2rem;
  }
  .yochien-aboutImg[src$="img-about-01.svg"]{
    width:154px;
  }
  .yochien-aboutImg[src$="img-about-02.svg"]{
    width:210px;
  }
  .yochien-voiceColumnCol{
    padding:40px 40px 55px;
    border-radius:20px;
    max-width:860px;
  }
  .yochien-voiceColumnCol:not(:first-child){
    margin-top:60px;
  }
  .yochien-voiceColumnCol::after{
    right:20px;
  }
  .yochien-voiceColumnCol:nth-child(1)::after{
    width:179px;
    height:90px;
  }
  .yochien-voiceColumnCol:nth-child(2){
    margin-left:auto;
  }
  .yochien-voiceColumnCol:nth-child(2)::after{
    width:131px;
    height:80px;
  }
  .yochien-voiceTitle{
    font-size:2.8rem;
  }
  * + .yochien-cardList{
    margin-top:60px;
  }
  .yochien-cardList{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:40px;
  }
  .yochien-cardListItem{
    padding:30px;
    border-radius:20px;
    width:calc(50% - 20px);
  }
  .yochien-cardListItem:not(:first-child){
    margin-top:0;
  }
  .yochien-cardListTitle{
    font-size:2rem;
  }
  .only-under-md{
    display:none;
  }
  .only-over-md{
    display:block;
  }
  .only-over-inline-md{
    display:inline;
  }
  .text-md-center{
    text-align:center !important;
  }
  .text-md-right{
    text-align:right !important;
  }
  .text-md-left{
    text-align:left !important;
  }}
@media (min-width: 992px){
  body::after{
    content:"lg";
  }
  .column-col2{
    display:grid;
    grid-gap:40px;
    grid-template-columns:repeat(2, 1fr);
  }
  .column-item:not(:first-child){
    margin-top:0;
  }
  .contact-telNumber{
    font-size:3.8rem;
  }
  .contact-telTime{
    font-size:1.5rem;
  }
  .contact-btn{
    font-size:2.4rem;
  }
  .footer-info{
    display:flex;
    justify-content:space-between;
    margin-top:60px;
  }
  .footer-infoHeader{
    margin-top:0;
  }
  .footer-address{
    display:flex;
  }
  .footer-address p{
    margin-right:1em;
  }
  .footer-infoBody{
    margin-top:0;
    width:50%;
  }
  .footerSitemap{
    gap:50px;
  }
  .footerSitemap-logoImg{
    left:-3%;
    width:150px;
  }
  .globalInner-sm{
    max-width:1040px;
  }
  .header{
    height:100px;
  }
  .header.is-over-mv{
    backdrop-filter:blur(10px);
  }
  .header.on-section-problem{
    background-image:linear-gradient(to bottom, rgba(34, 36, 38, 0.2) 0%, rgba(34, 36, 38, 0.2) 80%, rgba(34, 36, 38, 0) 100%);
  }
  .header-logoLink{
    border-radius:0 0 10px 0;
    width:110px;
    height:110px;
    background-color:#fff;
  }
  .header-logoImg{
    width:80%;
    max-width:none;
  }
  .header-contact, .header-btn{
    display:none;
  }
  .header-menu{
    display:block !important;
    opacity:1;
    position:static;
    overflow:visible;
    margin-left:auto;
    width:calc(100% - 110px);
    height:100%;
    background-color:transparent;
    pointer-events:auto;
  }
  .headerNav{
    display:flex;
    justify-content:flex-end;
    padding:0;
    height:100%;
  }
  .headerNav-list{
    display:flex;
  }
  .headerNav-link, .headerNav-btn{
    display:flex;
    justify-content:center;
    align-items:center;
    padding:8px;
    height:100%;
    min-height:auto;
    font-size:1.4rem;
    text-align:center;
  }
  .on-section-problem .headerNav-link, .on-section-problem .headerNav-btn{
    color:#fff;
  }
  .headerNav-link::before, .headerNav-link::after, .headerNav-btn::before, .headerNav-btn::after{
    content:none;
  }
  .headerNav-link:hover, .headerNav-link:focus, .headerNav-btn:hover, .headerNav-btn:focus{
    color:#12b34b;
  }
  .headerNav-btn{
    width:auto;
  }
  .is-current .headerNav-linkText::before, .is-current .headerNav-btnText::before{
    top:auto;
    bottom:-8px;
    left:50%;
    transform:translateX(-50%);
    width:6px;
    height:6px;
  }
  .headerNav-childList{
    display:block !important;
    opacity:0;
    position:absolute;
    top:100%;
    left:0;
    z-index:-1;
    box-shadow:0 4px 8px rgba(38, 47, 56, 0.08);
    padding:12px 0;
    border-radius:10px;
    background-color:#fff;
    transition:opacity 0.15s;
    pointer-events:none;
  }
  .headerNav-childLink{
    padding:8px 20px;
    font-weight:700;
  }
  .headerNav-childLink:hover, .headerNav-childLink:focus{
    color:#12b34b;
  }
  .headerNav-subList{
    display:none;
  }
  .headerNav-subList::before{
    content:none;
  }
  .headerNav-contact{
    flex-wrap:nowrap;
    margin-top:0;
    margin-left:10px;
    padding:0;
    gap:10px;
  }
  .headerNav-contactItem{
    width:auto;
  }
  .headerNav-contactItem-tel{
    display:none;
  }
  .headerNav-contactItem-form, .headerNav-contactItem-trial{
    height:100%;
  }
  .headerNav-contactItem-trial{
    display:none;
  }
  .headerNav-telNumber{
    font-size:1.7rem;
  }
  .on-section-problem .headerNav-telNumber{
    color:#fff;
  }
  .on-section-problem .headerNav-telTime{
    color:#fff;
  }
  .headerNav-telNotes{
    display:none;
  }
  .headerNav-contactBtn{
    padding-right:1.5em;
    padding-left:1em;
    width:135px;
    height:100%;
    font-size:1.6rem;
  }
  .headerNav-contactBtn::after{
    right:16px;
  }
  .headerNav-contactBtn br{
    display:inline;
  }
  .headerNav-contactBtnTextSp{
    display:none;
  }
  .mv{
    padding-top:100px;
    padding-bottom:0;
  }
  .mv-content{
    position:absolute;
    top:47%;
    left:0;
    z-index:2;
    transform:translateY(-50%);
  }
  .mv-text{
    font-size:3.4rem;
    text-shadow:0 0 6px #f3f6fa;
  }
  .mv-achievement{
    position:static;
    width:300px;
    text-align:left;
  }
  .mv-slider{
    margin-top:0;
    margin-right:calc(50% - 50vw);
    margin-left:340px;
  }
  .mv-banner{
    position:absolute;
    bottom:0;
    left:0;
    z-index:2;
    transform:translateY(50%);
    margin-top:0;
    width:300px;
  }
  .mv-bannerLink{
    box-shadow:0 5px 10px rgba(38, 47, 56, 0.12);
    transition:box-shadow 0.3s;
  }
  .mv-bannerLink:hover, .mv-bannerLink:focus{
    box-shadow:0 5px 15px rgba(38, 47, 56, 0.2);
  }
  .mvLower{
    background-image:url(/images/common/mv-lower-pc.jpg);
  }
  .mvLower .globalInner{
    padding-top:100px;
    padding-bottom:40px;
    min-height:360px;
  }
  .mvLower-yochien{
    background-image:url(/images/yochien/mv-yochien-bg.jpg);
  }
  .mvLower-yochien .globalInner{
    padding-top:135px;
  }
  .mvLower-titleSub{
    font-size:2rem;
  }
  .mvLower-btn::after{
    right:1.5em;
    width:7px;
    height:7px;
  }
  .section{
    padding:100px 0;
  }
  .sectionLower{
    padding:100px 0;
  }
  .sectionTop{
    padding:100px 0;
  }
  .sectionTop-pickup{
    padding:60px 0;
  }
  .sectionTop-functionTitle{
    margin-bottom:70px;
  }
  .sectionTop-support{
    padding-top:100px !important;
    background:#fff url(/images/home/bg-support.jpg?d=20250814) center center/cover no-repeat;
  }
  .sectionTop-support::before{
    content:none;
  }
  .sectionTop-supportText{
    max-width:620px;
  }
  .sectionTop-supportTitle{
    text-align:left;
  }
  .sectionTop-user{
    padding:60px 0;
  }
  .sliderTopMv .swiper{
    border-radius:20px 0 0 0;
  }
  .cardList-col2{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:40px;
  }
  .cardList-col2 .cardList-item{
    width:calc(50% - 20px);
  }
  .cardList-col2 .cardList-item:not(:first-child){
    margin-top:0;
  }
  .cardList-col2 .cardList-item-full{
    display:grid;
    width:100%;
    grid-template-columns:1fr 360px;
    gap:10px;
    grid-template-areas:"title img" "text img";
  }
  .cardList-item-full .cardList-imgWrapper{
    display:flex;
    align-items:flex-end;
    margin-top:0;
  }
  .flowList-column{
    display:flex;
    gap:30px;
  }
  .flowList-columnItem{
    width:calc(50% - 15px);
  }
  .flowList-columnItem:not(:first-child){
    margin-top:0;
  }
  .function-header-img{
    padding-top:5%;
  }
  .function-header-img .function-title{
    position:absolute;
    top:50%;
    left:0;
    z-index:2;
    transform:translateY(-50%);
    margin-bottom:0;
  }
  .function-columnTitle .function-title{
    text-align:left;
  }
  .function-titleImgWrapper{
    margin-top:0;
    margin-right:0;
  }
  .function-column{
    display:grid;
    margin-left:-60px;
    grid-template-columns:720fr 460fr;
    grid-gap:0 40px;
    grid-template-areas:"img title" "img text";
  }
  .function-column-reverse{
    margin-right:-60px;
    margin-left:0;
    grid-template-columns:460fr 720fr;
    grid-template-areas:"title img" "text img";
  }
  .function-columnTitle{
    align-self:end;
    grid-area:title;
  }
  .function-columnImgWrapper{
    align-self:center;
    margin-bottom:0;
    grid-area:img;
  }
  .function-columnText{
    align-self:start;
    grid-area:text;
  }
  .functionList{
    display:flex;
    flex-wrap:wrap;
    justify-content:center;
    gap:60px 40px;
  }
  .functionList-top{
    gap:40px;
  }
  .functionList-item{
    width:calc(50% - 20px);
  }
  .functionList-top .functionList-item{
    width:calc(33.3333333333% - 26.6666666667px);
  }
  .functionList-item:not(:first-child){
    margin-top:0;
  }
  .functionList-item-col1{
    display:flex;
    justify-content:space-between;
    align-items:center;
    width:100%;
  }
  .functionList-item-col1 .functionList-header{
    width:490px;
  }
  .functionList-item-col1 .functionList-body{
    width:calc(100% - 530px);
  }
  .functionList-item-col1 .functionList-title{
    text-align:left;
  }
  .imgText{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-left:-60px;
    gap:40px;
  }
  .imgText-reverse{
    flex-direction:row-reverse;
    margin-right:-60px;
    margin-left:0;
  }
  .imgText-header{
    margin-bottom:0;
    width:720px;
  }
  .imgText-body{
    width:460px;
  }
  .imgText-title{
    text-align:left;
  }
  .planOther-imgWrapper{
    width:auto;
  }
  .planOther-text br{
    display:none;
  }
  .sliderGeneral{
    margin-right:auto;
    margin-left:auto;
    padding-right:70px;
    padding-left:70px;
    max-width:1100px;
  }
  .solutionTop-list{
    display:flex;
    flex-wrap:wrap;
    gap:30px;
  }
  .solutionTop-item{
    width:calc(50% - 15px);
  }
  .solutionTop-item:not(:first-child){
    margin-top:0;
  }
  .voiceList-item{
    grid-template-areas:"img lead" "img content";
    grid-template-columns:260px 1fr;
    grid-gap:30px 40px;
  }
  .yochien-voiceColumnCol{
    padding-bottom:40px;
  }
  .yochien-voiceColumnCol::after{
    right:40px;
  }
  .only-under-lg{
    display:none;
  }
  .only-over-lg{
    display:block;
  }
  .only-over-inline-lg{
    display:inline;
  }
  * + .mt-sm{
    margin-top:40px !important;
  }
  * + .mt-md{
    margin-top:60px !important;
  }
  * + .mt-lg{
    margin-top:100px !important;
  }}
@media (min-width: 1200px){
  body::after{
    content:"xl";
  }
  .contact-list{
    flex-wrap:nowrap;
  }
  .contact-item{
    width:calc(33.3333333333% - 10px) !important;
  }
  .globalInner{
    margin:0 auto;
    padding:0 60px;
    max-width:1280px;
  }
  .globalInner-sm{
    max-width:1080px;
  }
  .globalInner-wide{
    max-width:none !important;
  }
  .header-logoLink{
    width:140px;
    height:140px;
  }
  .header-menu{
    width:calc(100% - 140px);
  }
  .headerNav-contact{
    margin-left:20px;
  }
  .headerNav-contactItem-tel{
    display:block;
    width:auto;
  }
  .headerNav-telNumber{
    font-size:2.1rem;
  }
  .headerNav-contactBtn{
    width:150px;
    font-size:1.8rem;
  }
  .headerNav-contactBtn::after{
    width:9px;
    height:9px;
  }
  .mv-content{
    top:50%;
  }
  .mv-text{
    margin-bottom:0.85em;
    font-size:3.6rem;
  }
  .mv-achievement{
    width:330px;
  }
  .mv-slider{
    margin-left:370px;
  }
  .mv-banner{
    width:330px;
  }
  .mvLower-yochien .globalInner{
    max-width:1420px;
  }
  .mvLower-btn{
    right:60px;
  }
  .cardList-col2 .cardList-item-full{
    grid-template-columns:1fr 420px;
  }
  .solutionTop{
    display:flex;
    justify-content:space-between;
    align-items:center;
  }
  .solutionTop-header{
    margin-right:-20px;
    margin-bottom:0;
    margin-left:-320px;
    width:calc(50% + 340px);
  }
  .solutionTop-body{
    width:calc(50% - 20px);
  }
  .solutionTop-list{
    display:block;
  }
  .solutionTop-item{
    width:100%;
  }
  .solutionTop-item:not(:first-child){
    margin-top:30px;
  }
  .yochien-aboutItem{
    padding:60px 0;
    width:460px;
    height:460px;
  }
  .yochien-aboutText{
    margin-bottom:1em;
    font-size:2.8rem;
  }
  .yochien-aboutImg[src$="img-about-01.svg"]{
    width:220px;
  }
  .yochien-aboutImg[src$="img-about-02.svg"]{
    width:300px;
  }
  .only-under-xl{
    display:none;
  }
  .only-over-xl{
    display:block;
  }
  .only-over-inline-xl{
    display:inline;
  }}
@media (min-width: 1250px){
  .headerNav-link, .headerNav-btn{
    font-size:1.5rem;
  }}
@media (min-width: 1300px){
  .footerSitemap{
    flex-wrap:nowrap;
    justify-content:flex-start;
  }
  .footerSitemap-banner{
    margin-left:auto;
  }}
@media (min-width: 1400px){
  .headerNav-contactItem-trial{
    display:block;
  }
  .headerNav-contactBtn::after{
    right:22px;
  }
  .mv-text{
    font-size:4rem;
  }
  .mv-achievement{
    width:360px;
  }
  .mv-slider{
    margin-left:400px;
  }
  .mv-banner{
    width:360px;
  }}
@media (min-width: 1600px){
  .headerNav-link, .headerNav-btn{
    padding:15px;
    font-size:1.7rem;
  }
  .headerNav-telNumber{
    font-size:2.3rem;
  }
  .headerNav-contactBtn{
    width:165px;
  }
  .mv-text{
    font-size:4.4rem;
  }
  .mv-achievement{
    width:400px;
  }
  .mv-slider{
    margin-left:440px;
  }}
@media (max-width: 767px){
  .table-basic.table-stackSp tr:first-child th:first-child,
  .table-basic.table-stackSp tr:first-child td:first-child{
    border-radius:10px 10px 0 0;
  }
  .table-basic.table-stackSp tr:first-child th:last-child,
  .table-basic.table-stackSp tr:first-child td:last-child{
    border-radius:0;
  }
  .table-basic.table-stackSp tr:last-child th:first-child,
  .table-basic.table-stackSp tr:last-child td:first-child{
    border-radius:0;
  }
  .table-basic.table-stackSp tr:last-child th:last-child,
  .table-basic.table-stackSp tr:last-child td:last-child{
    border-radius:0 0 10px 10px;
  }
  .table-stackSp th,
  .table-stackSp td{
    display:block;
  }
  .table-textSmSp th,
  .table-textSmSp td{
    font-size:1.4rem;
  }}