@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{
  position:relative;
  overflow-x:hidden;
  background-color:#fff;
  font-size:1.4rem;
  font-family:"Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  color:#555;
  line-height:2;
  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:#28a745;
}
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;
}
html{
  font-size:62.5%;
}
body::before{
  content:"";
  display:block;
  position:fixed;
  top:0;
  left:0;
  z-index:-1;
  opacity:0;
  width:100%;
  height:100%;
  background-color:rgba(36, 50, 59, 0.5);
  pointer-events:none;
  transition:opacity 0.3s;
}
body.is-open-bg::before{
  opacity:1;
  z-index:150;
}
body.is-fixed{
  position:fixed;
  width:100%;
  height:100%;
}
a:hover, a:focus, a:active{
  text-decoration:none;
}
a:not([class])[target=_blank]::after{
  content:"\f35d";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  display:inline-block;
  margin-right:0.25em;
  margin-left:0.25em;
  font-size:1.2rem;
}
a:not([class])[href$=".pdf"]::after{
  content:"\f1c1";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  display:inline-block;
  margin-right:0.25em;
  margin-left:0.25em;
  font-size:1.2rem;
}
a:not([class])[href$=".doc"]::after, a:not([class])[href$=".docx"]::after, a:not([class])[href$=".xls"]::after, a:not([class])[href$=".xlsx"]::after{
  content:"\f15b";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  display:inline-block;
  margin-right:0.25em;
  margin-left:0.25em;
  font-size:1.2rem;
}

button:focus,
input:focus{
  outline:none;
  box-shadow:0 0 3px rgba(40, 167, 69, 0.5);
}

img{
  max-width:100%;
  height:auto;
  vertical-align:bottom;
}
.is-ie .column-col img, .is-ie .stepList-img img{
  width:100%;
}

button{
  cursor:pointer;
}

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

input:-moz-placeholder{
  color:#adb4b9;
}

input:placeholder-shown{
  color:#adb4b9;
}
input::-webkit-input-placeholder{
  color:#adb4b9;
  opacity:1;
}
input:-moz-placeholder{
  color:#adb4b9;
}
input::-moz-placeholder{
  color:#adb4b9;
  opacity:1;
}
input:-ms-input-placeholder{
  color:#adb4b9;
}
input{
  min-height:40px;
}
input[type=text], input[type=password]{
  padding:3px 0.5em;
  border:1px solid #dee1e3;
  border-radius:0;
  width:100%;
  transition:border-color 0.3s;
}
input[type=text]:focus, input[type=password]:focus{
  border-color:#28a745;
}
input[type=button], input[type=submit]{
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 2em;
  border:none;
  border-radius:3em;
  background-color:#24323b;
  color:#fff;
  line-height:1.4;
  transition:background-color 0.3s;
}
input[type=button]:hover, input[type=button]:focus, input[type=button]:active, input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active{
  background-color:#28a745;
}

textarea{
  padding:0.25em 0.5em;
  border:1px solid #dee1e3;
  border-radius:0;
  transition:border-color 0.3s;
}
textarea:focus{
  border-color:#28a745;
}

ol, ul{
  list-style:none;
}

* + p:not([class]){
  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;
}
.contactBtn-item-tel, .navBtn-item-tel{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  background-color:#fff;
  border-radius:10px;
  text-align:center;
}
.contactBtn-item-tel-number, .navBtn-item-tel-number{
  display:flex;
  align-items:center;
  justify-content:center;
  font-family:"Lato", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  line-height:1;
  text-align:center;
  text-decoration:none;
}
.contactBtn-item-tel-number::before, .navBtn-item-tel-number::before{
  content:"\f095";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  margin-right:0.5em;
  transform:scale(-1, 1);
}
.contactBtn-item-tel-time, .navBtn-item-tel-time{
  border-radius:2em;
  background-color:#f4f6f7;
  font-size:1.2rem;
}
.contactBtn-item-tel-time small, .navBtn-item-tel-time small{
  margin-left:0.5em;
  font-size:1rem;
}

.contactBtn-link-trial, .navBtn-link-trial{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-radius:10px;
  background-image:linear-gradient(to right, #FAC332 0%, #FA9125 50%, #FAC332 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  text-decoration:none;
  transition:background 0.3s;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  text-align:center;
  letter-spacing:0.05em;
}
.contactBtn-link-trial-icon, .navBtn-link-trial-icon{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  background-color:#fff;
  color:#FA9125;
  line-height:1.2;
}
.contactBtn-link-trial-icon > span:nth-child(1) > span:nth-child(1), .navBtn-link-trial-icon > span:nth-child(1) > span:nth-child(1){
  position:relative;
  bottom:-1px;
  font-family:"Lato", sans-serif;
}
.contactBtn-link-trial-text, .navBtn-link-trial-text{
  line-height:1.4;
}

.contactBtn-link-contact, .navBtn-link-contact{
  display:block;
  position:relative;
  border-radius:10px;
  background-image:linear-gradient(to right, #71d100 0%, #28a745 50%, #71d100 100%);
  background-position:left center;
  background-size:200% auto;
  color:#fff;
  text-decoration:none;
  transition:background 0.3s;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  letter-spacing:0.05em;
  text-align:center;
}
.contactBtn-link-contact-text, .navBtn-link-contact-text{
  line-height:1.4;
}
.footerSitemap, .nav-list{
  font-size:1.4rem;
  line-height:1.6;
}
.footerSitemap-item, .nav-item{
  border-bottom:1px solid #dee1e3;
}
.footerSitemap-item:first-child, .nav-item:first-child{
  border-top:1px solid #dee1e3;
}
.footerSitemap-item-col2, .nav-item-col2{
  border-bottom:none;
}
.footerSitemap-link, .nav-link, .footerSitemap-title, .nav-title{
  display:block;
  position:relative;
  padding:0.75em 2em 0.75em 0;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  text-decoration:none;
}
.footerSitemap-link, .nav-link{
  position:relative;
}
.footerSitemap-link::after, .nav-link::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #28a745;
  border-right:2px solid #28a745;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:4px;
  left:auto;
}
.footerSitemap-title, .nav-title{
  border:none;
  width:100%;
  background-color:transparent;
  text-align:left;
}
.footerSitemap-title::before, .nav-title::before, .footerSitemap-title::after, .nav-title::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:0;
  width:12px;
  height:2px;
  background-color:#28a745;
}
.footerSitemap-title::after, .nav-title::after{
  transform:rotate(90deg);
  transition:transform 0.3s;
}
.is-open-nav-sub.footerSitemap-title::after, .is-open-nav-sub.nav-title::after{
  transform:rotate(0);
}
.footerSitemap-sub, .nav-sub{
  display:none;
  overflow:hidden;
}
.footerSitemap-sub-link, .nav-sub-link{
  display:block;
  position:relative;
  padding:0.75em 0 0.75em 2em;
  color:#2c2c2c;
  text-decoration:none;
  transition:color 0.3s;
}
.footerSitemap-sub-link::before, .nav-sub-link::before{
  content:"";
  display:block;
  position:absolute;
  top:1.5em;
  left:10px;
  width:7px;
  border-top:1px solid #2c2c2c;
}
.footerSitemap-col2, .nav-col2{
  display:flex;
  flex-wrap:wrap;
  margin:15px -8px 0;
}
.footerSitemap-col2-item, .nav-col2-item{
  margin:0 8px;
  width:calc(50% - 16px);
}
.footerSitemap-col2-link, .nav-col2-link{
  display:block;
  padding:0.75em 0;
  color:#2c2c2c;
  text-decoration:none;
  transition:color 0.3s;
}
.faqList-title-inner::before, .faqList-text::before{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:10px;
  left:10px;
  border-radius:50%;
  width:36px;
  height:36px;
  font-size:1.8rem;
  font-family:"Lato", sans-serif;
  font-weight:700;
}

.header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  position:fixed;
  top:0;
  left:0;
  z-index:200;
  padding-left:5px;
  width:100%;
  height:56px;
  background-color:#fff;
  transition:background-color 0.3s, box-shadow 0.3s;
}
.header.is-header-fixed{
  background-color:#fff;
  box-shadow:0 2px 8px rgba(0, 0, 0, 0.1);
}
.header-logo{
  flex:none;
  width:82px;
  height:46px;
}
.header-logo-link{
  display:block;
}
.header-contact{
  flex:none;
  display:flex;
  align-items:center;
  margin-left:auto;
  padding:10px;
  height:100%;
  background-image:linear-gradient(to right, #71d100 0%, #28a745 50%, #71d100 100%);
  background-position:left center;
  background-size:200% auto;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#fff;
  text-decoration:none;
  text-align:center;
  transition:background 0.3s;
  font-size:1.2rem;
  line-height:1.3;
}
.header-contact-text{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-left:46px;
  height:100%;
}
.header-contact-text::before{
  content:"\f0e0";
  font-family:"Font Awesome 5 Free";
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  left:0;
  border-radius:50%;
  font-weight:500;
  background-color:#fff;
  color:#28a745;
  width:36px;
  height:36px;
  font-size:1.8rem;
}
.header-btn{
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:0;
  border:none;
  border-radius:0;
  width:56px;
  height:56px;
  background-color:#2c2c2c;
}
.header-btn-line{
  position:relative;
  border-radius:1.5px;
  width:26px;
  height:3px;
  background-color:#fff;
  transition:background-color 0.3s;
}
.is-open-nav .header-btn-line{
  background-color:transparent;
}
.header-btn-line::before, .header-btn-line::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  border-radius:1.5px;
  width:100%;
  height:3px;
  background-color:#fff;
  transition:transform 0.3s;
}
.header-btn-line::before{
  transform:translateY(-10px);
}
.is-open-nav .header-btn-line::before{
  transform:rotate(45deg);
}
.header-btn-line::after{
  transform:translateY(10px);
}
.is-open-nav .header-btn-line::after{
  transform:rotate(-45deg);
}

.nav{
  display:none;
  position:fixed;
  top:56px;
  left:0;
  overflow:hidden;
  width:100%;
  height:calc(100% - 56px);
  background-color:#f4f6f7;
}
.is-open-nav .nav{
  overflow-y:auto;
}
.nav-inner{
  padding:40px 15px;
}
.nav-item-only-md-lg{
  display:none;
}
.nav-link, .nav-title{
  transition:color 0.3s;
}
.is-current .nav-link, .is-current .nav-title{
  color:#28a745;
}
.nav-link:hover, .nav-title:hover{
  color:#28a745;
}
.nav-sub-title{
  display:none;
}
.nav-sub-title-sub, .nav-sub-title-main{
  display:block;
}
.nav-sub-title-sub{
  font-size:1.4rem;
  font-family:"Lato", sans-serif;
  font-weight:700;
  color:#71d100;
  line-height:1;
  letter-spacing:0.05em;
}
.nav-sub-title-main{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:2.2rem;
  color:#2c2c2c;
  line-height:1.6;
}
.nav-sub-link.is-current, .nav-sub-link:hover{
  color:#28a745;
}
.nav-col2-link.is-current{
  color:#28a745;
}

.navBtn{
  margin:40px auto 0;
  max-width:350px;
}
.navBtn-item:not(:first-child){
  margin-top:15px;
}
.navBtn-item-tel{
  padding:15px 20px;
  height:100px;
}
.navBtn-item-tel-number{
  font-size:2.8rem;
}
.navBtn-item-tel-number::before{
  font-size:2.2rem;
}
.navBtn-link{
  padding:10px 15px;
  height:100px;
  font-size:1.9rem;
}
.navBtn-link-trial-icon{
  width:80px;
  height:80px;
}
.navBtn-link-trial-icon > span:nth-child(1){
  font-size:1.5rem;
}
.navBtn-link-trial-icon > span:nth-child(1) > span:nth-child(1){
  font-size:1.8rem;
}
.navBtn-link-trial-icon > span:nth-child(2){
  font-size:2.2rem;
}
.navBtn-link-trial-text{
  padding-left:20px;
  width:calc(100% - 80px);
}
.navBtn-link-trial-text br{
  display:none;
}
.navBtn-link-contact-text{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-left:100px;
  height:100%;
  text-align:center;
  position:relative;
}
.navBtn-link-contact-text::before{
  content:"\f0e0";
  font-family:"Font Awesome 5 Free";
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:50%;
  font-weight:500;
  background-color:#fff;
  color:#28a745;
  position:absolute;
  top:0;
  left:0;
  width:80px;
  height:80px;
  font-size:2.8rem;
}

.globalWrapper{
  overflow-x:hidden;
  padding-top:56px;
}

.globalInner{
  padding:0 15px;
}

.mv{
  padding-top:30px;
  padding-bottom:30px;
  background-color:#e3f6cc;
}
.mv-inner{
  position:relative;
  padding:0 15px;
}
.mv-header{
  margin-bottom:20px;
  text-align:center;
}
.mv-titleImg{
  width:100%;
  max-width:500px;
}
.mv-imgWrapper{
  display:grid;
  margin-right:-35px;
  grid-template-columns:repeat(3, 1fr);
  grid-gap:10px;
}
.mv-img{
  border-radius:5px;
  height:auto;
}
.mv-img:nth-child(1){
  margin-top:33.3333333333%;
}
.mv-img:nth-child(2){
  margin-top:16.6666666667%;
}
.mv-bannerWrapper{
  margin-top:30px;
  text-align:center;
}
.mv-bannerLink{
  display:inline-block;
  overflow:hidden;
  box-shadow:0 0 8px rgba(40, 167, 69, 0.25);
  border-radius:5px;
  vertical-align:bottom;
  transition:box-shadow 0.3s;
}
.mv-bannerLink:hover, .mv-bannerLink:focus{
  box-shadow:0 0 8px rgba(40, 167, 69, 0.5);
}
.mv-lower-header{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  padding:30px 15px;
  height:200px;
  background:#24323b url(/images/sports/common/mv-lower-other-sp.jpg) center center/cover no-repeat;
  color:#fff;
}
body.about .mv-lower-header{
  background-image:url(/images/sports/common/mv-lower-about-sp.jpg);
}
body.function .mv-lower-header{
  background-image:url(/images/sports/common/mv-lower-function-sp.jpg);
}
body.scene .mv-lower-header{
  background-image:url(/images/sports/common/mv-lower-scene-sp.jpg);
}
body.user .mv-lower-header{
  background-image:url(/images/sports/common/mv-lower-user-sp.jpg);
}
.mv-lower-title{
  letter-spacing:0.05em;
  text-align:center;
}
.mv-lower-title-sub, .mv-lower-title-main{
  display:block;
}
.mv-lower-title-sub{
  margin-bottom:10px;
  font-family:"Lato", sans-serif;
  font-size:1.4rem;
  font-weight:700;
  color:#71d100;
  line-height:1;
}
.mv-lower-title-main{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:2.8rem;
  line-height:1.6;
}
.mv-lower-btn{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  right:15px;
  bottom:-22px;
  box-shadow:0 4px 8px rgba(44, 44, 44, 0.12);
  padding:0.85em 2em 0.85em 1em;
  border-radius:5em;
  min-height:44px;
  background-color:#f1fae5;
  font-size:1.4rem;
  line-height:1.4;
  text-decoration:none;
  text-align:center;
  vertical-align:bottom;
  transition:background-color 0.3s;
}
.mv-lower-btn::after{
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  border-top:2px solid #71d100;
  border-right:2px solid #71d100;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:1.25em;
  left:auto;
}
.mv-lower-btn:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}
.mv-lower-btn:hover{
  background-color:#fff;
}
.mv-lower-body{
  padding:35px 15px;
  background-color:#f4f6f7;
}

.section-top{
  padding:60px 0;
}
.section-top-thin{
  padding:30px 0;
}
.section-lower{
  padding:60px 0;
}
.section-lower:not([class*=bg-]):not([class$=-striped]) + .section-lower:not([class*=bg-]):not([class$=-striped]){
  padding-top:0;
}
.section-lower > .section-lower{
  margin-top:60px;
}
.section-striped:nth-of-type(odd){
  background-color:#f4f6f7;
}

.breadcrumb{
  padding:18px 0;
  background-color:#ebeff1;
  font-size:1.2rem;
}
.breadcrumb-item{
  display:inline;
}
.breadcrumb-item:not(:first-child)::before{
  content:"＞";
  margin:0 1em;
}
.contact-header{
  position:relative;
  padding:30px 0 10px;
}
.contact-header::after{
  content:"";
  display:block;
  position:absolute;
  left:0;
  bottom:-50px;
  width:0;
  height:0;
  border-style:solid;
  border-width:50px 50vw 0 50vw;
  border-color:#fff transparent transparent transparent;
}
.contact-header-item:not(:first-child){
  margin-top:30px;
}
.contact-header-title{
  position:relative;
  border-radius:5em;
  background-color:#e3f6cc;
  margin-bottom:20px;
  padding:0.5em 1em;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.6rem;
  color:#2c2c2c;
  line-height:1.4;
  text-align:center;
}
.contact-header-title::after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:-8px;
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 8px 0 8px;
  border-color:#e3f6cc transparent transparent transparent;
  transform:translateX(-50%);
}
.contact-header-text{
  display:flex;
  justify-content:center;
  padding:0 10px;
}
.contact-body{
  padding:60px 0;
  background:#24323b url(/images/sports/common/bg-contact-sp.jpg) center center/cover no-repeat;
}
.contact-header + .contact-body{
  padding-top:80px;
}
.contact-body-title{
  margin-bottom:30px;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:2.8rem;
  color:#fff;
  line-height:1.6;
  text-align:center;
}

.contactCheckList-item{
  position:relative;
  padding-left:32px;
  font-weight:700;
  line-height:1.5;
}
.contactCheckList-item:not(:first-child){
  margin-top:1em;
}
.contactCheckList-item::before{
  content:"\f00c";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  display:block;
  position:absolute;
  top:0;
  left:0;
  font-size:1.8rem;
  color:#28a745;
}

.contactBtn{
  margin:0 auto;
  max-width:350px;
}
.contactBtn-item:not(:first-child){
  margin-top:15px;
}
.contactBtn-item-tel{
  padding:20px;
  height:160px;
}
.contactBtn-item-tel-lead{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.3rem;
  line-height:1.6;
}
.contactBtn-item-tel-number{
  font-size:3.2rem;
}
.contactBtn-item-tel-number::before{
  font-size:2.2rem;
}
.contactBtn-link{
  padding:20px;
  height:160px;
  font-size:2.2rem;
}
.contactBtn-link-trial-icon{
  width:110px;
  height:110px;
}
.contactBtn-link-trial-icon > span:nth-child(1){
  font-size:2.4rem;
}
.contactBtn-link-trial-icon > span:nth-child(1) > span:nth-child(1){
  font-size:3rem;
}
.contactBtn-link-trial-icon > span:nth-child(2){
  font-size:3.4rem;
}
.contactBtn-link-trial-text{
  padding:0 20px;
  width:calc(100% - 110px);
}
.contactBtn-link-contact-text{
  display:flex;
  align-items:center;
  justify-content:center;
  padding-right:20px;
  padding-left:130px;
  height:100%;
  position:relative;
}
.contactBtn-link-contact-text::before{
  content:"\f0e0";
  font-family:"Font Awesome 5 Free";
  line-height:1;
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:0;
  left:0;
  border-radius:50%;
  font-weight:500;
  background-color:#fff;
  color:#28a745;
  width:110px;
  height:110px;
  font-size:4.2rem;
}

.footer{
  background-color:#24323b;
  color:#fff;
}
.footer a{
  color:#fff;
}
.footer-header{
  padding:40px 0 60px;
  background-color:#2b3c47;
}
.footer-body{
  padding:60px 0 15px;
}
.footer-banner-item{
  display:flex;
  justify-content:center;
  align-items:center;
}
.footer-banner-item:not(:first-child){
  margin-top:15px;
}
.footer-banner-link{
  display:block;
  width:100%;
  text-align:center;
}
.footer-info{
  font-size:85%;
  text-align:center;
}
.footer-info-header{
  margin-top:40px;
}
.footer-info-body{
  margin-top:1rem;
}
.footer-logo{
  display:inline-block;
  margin-bottom:15px;
}
.footer-address p{
  margin-top:0 !important;
}
.footer-p-mark{
  display:inline-block;
  margin:15px 0;
}
.footer-tel{
  color:#fff;
  text-decoration:none;
}
.footer-sns{
  display:inline-flex;
  justify-content:center;
  margin-bottom:15px;
}
.footer-sns-item{
  width:40px;
}
.footer-sns-item:not(:first-child){
  margin-left:20px;
}
.footer-sns-link{
  display:block;
}
.footer-list{
  text-align:center;
}
.footer-list-item a{
  text-decoration:none;
}
.footer-list-item a:hover{
  text-decoration:underline;
}
.footer-list-item a:not([class])[target=_blank]::after{
  content:none;
}
.footer-copyright{
  margin-bottom:0;
  color:#adb4b9;
}

.footerSitemap-item{
  border-color:#fff;
}
.footerSitemap-item:first-child{
  border-color:#fff;
}
.footerSitemap-item-banner{
  margin-top:30px;
  border-bottom:none;
  text-align:center;
}
.footerSitemap-link{
  color:#fff;
}
.footerSitemap-link::after{
  border-color:#fff;
}
.footerSitemap-title{
  color:#fff;
}
.footerSitemap-title::before, .footerSitemap-title::after{
  background-color:#fff;
}
.footerSitemap-title.is-current{
  color:#28a745;
}
.footerSitemap-sub-link{
  color:#fff;
}
.footerSitemap-sub-link::before{
  border-color:#fff;
}
.footerSitemap-sub-link:hover, .footerSitemap-sub-link.is-current{
  color:#71d100;
}
.footerSitemap-col2-link{
  color:#fff;
}
.footerSitemap-banner{
  display:inline-block;
}
.footerSitemap-banner img{
  border-radius:10px;
}

.pageTop{
  position:fixed;
  right:15px;
  bottom:15px;
  z-index:100;
  transition:opacity 0.3s;
}
.pageTop.is-show{
  opacity:1;
  pointer-events:auto;
}
.pageTop:not(.is-show){
  opacity:0;
  pointer-events:none;
}
.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 #2c2c2c;
  border-right:3px solid #2c2c2c;
  left:50%;
  transform:translateX(-50%) rotate(-45deg);
  top:auto;
  bottom:calc(50% - 6px);
  transition:border 0.3s;
}
.pageTop-link:hover{
  box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
}
.pageTop-link:hover::after{
  border-color:#28a745;
}
.pageTop-link span{
  display:none;
}
.about-flowList-item{
  margin:0 auto;
  width:230px;
}
.about-flowList-img{
  position:relative;
  padding-bottom:100%;
  border-radius:50%;
  width:100%;
  height:0;
  background-color:#fff;
}
.about-flowList-item:not(:first-child) .about-flowList-img{
  margin-top:40px;
  position:relative;
}
.about-flowList-item:not(:first-child) .about-flowList-img::after{
  content:"";
  display:block;
  position:absolute;
  width:14px;
  height:14px;
  border-top:3px solid #28a745;
  border-right:3px solid #28a745;
  transition:transform 0.3s;
  left:50%;
  transform:translateX(-50%) rotate(135deg);
  top:-34px;
  bottom:auto;
}
.about-flowList-img img{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%);
}
.about-flowList-img img[src$="img-sec02-01.svg"]{
  width:63.0434782609%;
}
.about-flowList-img img[src$="img-sec02-02.svg"]{
  width:43.4782608696%;
}
.about-flowList-img img[src$="img-sec02-03.svg"]{
  width:43.4782608696%;
}
.about-flowList-img img[src$="img-sec02-04.svg"]{
  width:52.1739130435%;
}
.about-flowList-text{
  margin-top:15px;
  font-weight:700;
  line-height:1.75;
  text-align:center;
}
.about-planList{
  margin-top:60px;
  margin-bottom:40px;
}
.about-planList-item{
  position:relative;
  border-radius:15px;
  padding:40px;
  background-color:#fff;
  text-align:center;
}
.about-planList-item:not(:first-child){
  margin-top:50px;
}
.about-planList-lead{
  position:absolute !important;
  top:0;
  left:20px;
  padding:0.5em 1.5em;
  width:calc(100% - 40px);
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.3rem;
  line-height:1.6;
  transform:translateY(-50%);
}
.about-planList-lead-free{
  position:relative;
  border-radius:5em;
  background-color:#FDECC1;
}
.about-planList-lead-free::after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:-12px;
  width:0;
  height:0;
  border-style:solid;
  border-width:12px 12px 0 12px;
  border-color:#FDECC1 transparent transparent transparent;
  transform:translateX(-50%);
}
.about-planList-lead-omakase{
  position:relative;
  border-radius:5em;
  background-color:#FEEAD6;
}
.about-planList-lead-omakase::after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:-12px;
  width:0;
  height:0;
  border-style:solid;
  border-width:12px 12px 0 12px;
  border-color:#FEEAD6 transparent transparent transparent;
  transform:translateX(-50%);
}
.about-planList-title{
  display:inline-block;
  border-bottom:4px solid;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:2.1rem;
  color:#2c2c2c;
  line-height:1.7;
  text-align:center;
}
.about-planList-title-free{
  border-bottom-color:#FAC332;
}
.about-planList-title-omakase{
  border-bottom-color:#FA9125;
}

* + .blockquote{
  margin-top:30px;
}
.title + .blockquote{
  margin-top:0;
}
.blockquote-header{
  position:relative;
  padding:30px;
  border-radius:15px;
  background-color:#f4f6f7;
}
.blockquote-header::before, .blockquote-header::after{
  display:block;
  position:absolute;
  font-size:3rem;
  color:#dee1e3;
}
.blockquote-header::before{
  content:"\f10d";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  top:-10px;
  left:10px;
}
.blockquote-header::after{
  content:"\f10e";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  right:10px;
  bottom:-10px;
}
.blockquote-footer{
  margin-top:30px;
  font-size:1.2rem;
  color:#7f8b93;
}
.blockquote-footer cite{
  font-style:normal;
}

.box{
  position:relative;
  padding:30px;
  border-radius:15px;
}
* + .box{
  margin-top:40px;
}
.title + .box{
  margin-top:0;
}
* + .box-group{
  margin-top:40px;
}
.title + .box-group{
  margin-top:0;
}
.box-white{
  background-color:#fff;
}
.box-gray{
  background-color:#f4f6f7;
}
.box-striped{
  background-color:#fff;
}
.section-striped:nth-of-type(even) .box-striped{
  background-color:#f4f6f7;
}
.box-title{
  padding-top:40px;
}
.box-title-text{
  position:absolute;
  top:0;
  left:0;
  padding:0 15px;
  width:100%;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.8rem;
  line-height:1.6;
  text-align:center;
  transform:translateY(-50%);
}
.box-title-text span{
  display:inline-block;
  padding:6px 20px;
  border-radius:5em;
  background-color:#28a745;
  color:#fff;
}

.boxLead{
  margin:0 -15px;
}
* + .boxLead{
  margin-top:40px;
}
.title + .boxLead{
  margin-top:0;
}
.boxLead-img, .boxLead-text{
  width:calc(100% - 15px);
}
.boxLead-text{
  position:relative;
  z-index:2;
  margin-top:-60px;
  margin-left:auto;
  padding:30px;
  background-color:rgba(244, 246, 247, 0.9);
}

.boxNarrow{
  margin:0 auto;
  max-width:960px;
}
* + .boxNarrow{
  margin-top:40px;
}
.title + .boxNarrow{
  margin-top:0;
}

.btn{
  display:inline-block;
  z-index:1;
  overflow:hidden;
  border-radius:5em;
  background-color:#24323b;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#fff;
  line-height:1.4;
  text-decoration:none;
  text-align:center;
  vertical-align:bottom;
  position:relative;
  padding:1em 2.5em;
  min-width:200px;
  font-size:1.4rem;
}
.btn::after{
  content:"";
  display:block;
  position:absolute;
  width:6px;
  height:6px;
  border-top:2px solid #fff;
  border-right:2px solid #fff;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:20px;
  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%;
  background-color:#374d5b;
  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:"\f35d";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  border:none;
  width:auto;
  height:auto;
  font-size:1.2rem;
  transform:translateY(-50%) !important;
}
.btn span{
  position:relative;
  z-index:2;
}
* + .btn{
  margin-top:30px;
}
.title + .btn{
  margin-top:0;
}
.btn-group{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:0 -10px -10px;
}
* + .btn-group{
  margin-top:30px;
}
.title + .btn-group{
  margin-top:0;
}
.btn-group-center{
  justify-content:center;
}
.btn-group-right{
  justify-content:flex-end;
}
.mediaList .btn-group{
  margin-top:20px;
}
.downloadList .btn-group{
  margin-top:20px;
}
.btn-group .btn{
  margin:0 10px 10px;
}
.btn-lg{
  min-width:260px;
  font-size:1.6rem;
  position:relative;
}
.btn-lg::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:20px;
  left:auto;
}
.btn-download{
  display:inline-flex;
  align-items:center;
  padding:20px;
  border-radius:10px;
  font-size:1.6rem;
  transition:background-color 0.3s;
}
.btn-download::before{
  content:"\f019";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  flex:none;
  display:flex;
  align-items:center;
  justify-content:center;
  position:static;
  border-radius:50%;
  margin-right:20px;
  width:40px;
  height:40px;
  background-color:#fff;
  font-size:2rem;
  color:#2b3c47;
  transition:color 0.3s;
  transform:none;
}
.btn-download::after{
  content:none;
}
.btn-download:hover{
  background-color:#28a745;
}
.btn-download:hover::before{
  color:#28a745;
}
.btn-download.btn-disabled::before{
  color:#adb4b9;
}
.btn-download-text-sub, .btn-download-text-main{
  display:block;
  text-align:left;
}
.btn-download-text-sub{
  font-size:75%;
}
.btn-disabled{
  background-color:#adb4b9;
  pointer-events:none;
}

.column{
  display:flex;
  flex-direction:column;
}
* + .column{
  margin-top:40px;
}
.title + .column{
  margin-top:0;
}
.column-center{
  align-items:center;
}
.column-col:not(:first-child){
  margin-top:30px;
}

* + .columnList{
  margin-top:1em;
}
.title + .columnList{
  margin-top:0;
}
.columnList .list-ul,
.columnList .list-ol{
  margin-top:-0.5em;
}
.columnList .list-ul li,
.columnList .list-ol li{
  margin-top:0.5em;
}
.is-safari .columnList .list-ul li,
.is-safari .columnList .list-ol li{
  display:inline-block;
  width:100%;
}

* + .downloadList{
  margin-top:30px;
}
.title + .downloadList{
  margin-top:0;
}
.downloadList-item{
  border-bottom:1px solid #dee1e3;
  padding:30px 0;
}
.downloadList-item:first-child{
  border-top:1px solid #dee1e3;
}

* + .faqList{
  margin-top:40px;
}
.title + .faqList{
  margin-top:0;
}
.faqList-item:not(:first-child){
  margin-top:4px;
}
.faqList-title{
  position:relative;
  background-color:#f4f6f7;
}
.faqList-title::before, .faqList-title::after{
  content:"";
  display:block;
  position:absolute;
  top:calc(50% - 1px);
  right:15px;
  width:15px;
  height:3px;
  background-color:#28a745;
  transition:transform 0.3s;
}
.faqList-title::after{
  transform:rotate(90deg);
}
.is-open .faqList-title::after{
  transform:rotate(0);
}
.faqList-title-inner{
  display:block;
  position:relative;
  padding:18px 40px 18px 56px;
  width:100%;
  border:none;
  background-color:transparent;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.4rem;
  line-height:1.6;
  text-align:left;
}
.faqList-title-inner::before{
  content:"Q";
  padding-bottom:0.01em;
  background-color:#28a745;
  color:#fff;
}
.faqList-text{
  position:relative;
  margin-top:4px;
  padding:15px 0 15px 56px;
}
.faqList-text::before{
  content:"A";
  background-color:#e3f6cc;
  color:#28a745;
}

.figure{
  display:table;
  position:relative;
  margin:0 auto;
}
* + .figure{
  margin-top:1em;
}
.title + .figure{
  margin-top:0;
}
.figure-caption{
  display:table-caption;
  caption-side:bottom;
  margin-top:20px;
  font-size:1.2rem;
  color:#7f8b93;
}
* + .figure-box{
  margin-top:40px;
}
.title + .figure-box{
  margin-top:0;
}
.figure-box{
  text-align:center;
}
.figure-border{
  display:inline-block;
  position:relative;
}
.figure-border::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  border:1px solid #dee1e3;
  width:100%;
  height:100%;
  pointer-events:none;
}

.flowList{
  counter-reset:list-ol;
  margin-top:80px;
}
.flowList-item{
  position:relative;
  padding:42px 22px 22px;
  border:4px dashed #adb4b9;
  border-radius:15px;
}
.flowList-item:not(:first-child){
  margin-top:120px;
  position:relative;
}
.flowList-item:not(:first-child)::after{
  content:"";
  display:block;
  position:absolute;
  width:20px;
  height:20px;
  border-top:4px solid #555;
  border-right:4px solid #555;
  transition:transform 0.3s;
  left:50%;
  transform:translateX(-50%) rotate(135deg);
  top:-108px;
  bottom:auto;
}
.flowList-item-green{
  border-color:#28a745;
}
.flowList-item-orange{
  border-color:#FA9125;
}
.flowList-title{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:-43px;
  left:50%;
  width:100%;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  line-height:1.6;
  text-align:center;
  transform:translateX(-50%);
}
.flowList-item-green .flowList-title, .flowList-item-orange .flowList-title{
  top:-65px;
}
.flowList-title-sub{
  font-size:1.5rem;
}
.flowList-item-green .flowList-title-sub, .flowList-item-orange .flowList-title-sub{
  margin-bottom:10px;
  padding:0.4em 1.25em;
  font-size:1.5rem;
  position:relative;
  border-radius:5em;
  background-color:#fff;
}
.flowList-item-green .flowList-title-sub::after, .flowList-item-orange .flowList-title-sub::after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:-8px;
  width:0;
  height:0;
  border-style:solid;
  border-width:8px 8px 0 8px;
  border-color:#fff transparent transparent transparent;
  transform:translateX(-50%);
}
.flowList-item-green .flowList-title-sub span{
  color:#28a745;
}
.flowList-item-orange .flowList-title-sub span{
  color:#FA9125;
}
.flowList-title-main{
  border-bottom:4px solid #adb4b9;
  background-color:#f4f6f7;
  font-size:1.6rem;
}
.flowList-item-green .flowList-title-main{
  border-bottom-color:#28a745;
}
.flowList-item-orange .flowList-title-main{
  border-bottom-color:#FA9125;
}
.flowList-sub{
  display:flex;
  flex-direction:column;
  align-items:center;
}
.flowList-sub-item{
  position:relative;
  padding:20px 24px;
  max-width:320px;
  width:100%;
  border-radius:8px;
  background-color:#fff;
}
.flowList-sub-item:not(:first-child){
  margin-top:40px;
  position:relative;
}
.flowList-sub-item:not(:first-child)::after{
  content:"";
  display:block;
  position:absolute;
  width:14px;
  height:14px;
  border-top:3px solid #555;
  border-right:3px solid #555;
  transition:transform 0.3s;
  left:50%;
  transform:translateX(-50%) rotate(135deg);
  top:-31px;
  bottom:auto;
}
.flowList-item-green .flowList-sub-item:not(:first-child)::after{
  border-color:#28a745;
}
.flowList-item-orange .flowList-sub-item:not(:first-child)::after{
  border-color:#FA9125;
}
.flowList-sub-item::before{
  content:counter(list-ol);
  counter-increment:list-ol;
  display:block;
  position:absolute;
  top:-20px;
  left:20px;
  font-family:"Lato", sans-serif;
  font-size:4rem;
  font-weight:900;
  color:#adb4b9;
  line-height:1;
}
.flowList-sub-img{
  display:flex;
  align-items:center;
  justify-content:center;
  height:140px;
}
.flowList-sub-text{
  margin-top:20px;
  font-size:1.5rem;
  font-weight:700;
}
.flowList-item-green .flowList-sub-text span{
  color:#28a745;
}
.flowList-item-orange .flowList-sub-text span{
  color:#FA9125;
}
.img-link{
  display:inline-block;
  vertical-align:bottom;
}
.img-link-round{
  overflow:hidden;
  border-radius:10px;
}
.img-modal{
  display:block;
  position:relative;
  text-decoration:none;
}
* + .img-modal{
  margin-top:1em;
}
.title + .img-modal{
  margin-top:0;
}
.img-modal::after{
  content:"\f00e";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  right:5px;
  bottom:5px;
  z-index:2;
  border:1px solid #dee1e3;
  border-radius:50%;
  width:30px;
  height:30px;
  background-color:#fff;
  font-size:1.6rem;
  color:#2c2c2c;
  transition:color 0.3s;
}

.label{
  display:inline-block;
  margin-left:10px;
  padding:3px 10px;
  border-radius:3em;
  background-color:#2b3c47;
  color:#fff;
  font-size:87.5%;
  line-height:1;
  letter-spacing:0.05em;
}
.label-group{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  margin:0 -0.5em -0.5em;
}
.label-group .label, .label-group .label-target{
  margin:0 0.5em 0.5em;
}
.label-target{
  display:inline-block;
  border-bottom:2px solid;
  font-size:1.2rem;
  color:#2c2c2c;
  line-height:1.4;
}
.label-target-all{
  border-color:#28a745;
}
.label-target-free{
  border-color:#FAC332;
}
.label-target-omakase{
  border-color:#FA9125;
}

* + .list-ul, * + .list-ol{
  margin-top:1em;
}
.title + .list-ul, .title + .list-ol{
  margin-top:0;
}
.list-ul .list-ul,
.list-ul .list-ol, .list-ol .list-ul,
.list-ol .list-ol{
  margin-top:0.5em;
}
.list-ul > li, .list-ol > li{
  position:relative;
  padding-left:2em;
  line-height:1.6;
}
.list-ul > li::before, .list-ol > li::before{
  content:"";
  position:absolute;
}
.list-ul > li:not(:first-child), .list-ol > li:not(:first-child){
  margin-top:0.5em;
}
.list-ul > li::before{
  top:0.45em;
  left:0.65em;
  border-radius:50%;
  width:0.5em;
  height:0.5em;
  background-color:#28a745;
}
.list-ol{
  counter-reset:list-ol;
}
.list-ol > li::before{
  content:counter(list-ol) ".";
  counter-increment:list-ol;
  top:0;
  left:0;
  color:#28a745;
  font-family:"Lato", sans-serif;
  font-weight:700;
}

.mediaList-item{
  border-bottom:1px solid #dee1e3;
  padding:40px 0;
}
.mediaList-item:first-child{
  border-top:1px solid #dee1e3;
}
.mediaList-img{
  margin-top:40px;
}
.mediaList-img img{
  max-width:200px;
}
.mediaList-link{
  display:block;
  text-align:center;
  text-decoration:none;
}

.modaal-gallery-label{
  display:block;
}

.modaal-close{
  top:15px;
  right:15px;
}

.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before{
  background:#28a745;
}

.modaal-image .modaal-inner-wrapper{
  padding-right:15px;
  padding-left:15px;
}

* + .newsList{
  margin-top:30px;
}
.title + .newsList{
  margin-top:0;
}
.newsList-item{
  border-bottom:1px solid #dee1e3;
  padding:20px 0;
}
.newsList-item:first-child{
  border-top:1px solid #dee1e3;
}
.newsList-header{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
}
.newsList-date{
  margin-right:0.5em;
  font-family:"Lato", sans-serif;
  font-size:1.6rem;
  font-weight:700;
  color:#adb4b9;
  line-height:1.4;
  letter-spacing:0.05em;
}
.newsList-label{
  line-height:1;
}
.newsList-body{
  margin-top:1em;
}
.newsList-title{
  margin-bottom:0.75em;
  color:#2c2c2c;
  font-weight:700;
}
* + .newsList-title{
  margin-top:1em;
}
.newsList-text * + p:not([class]){
  margin-top:0;
}

.popup{
  display:none;
  position:fixed;
  left:0;
  bottom:0;
  z-index:150;
  width:100%;
  pointer-events:none;
}
.popup.show{
  display:flex;
  justify-content:center;
}
.popup-inner{
  position:relative;
  margin:0 10px 10px;
  pointer-events:auto;
}
.popup-close{
  display:flex;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:-10px;
  right:-10px;
  padding:0;
  border:1px solid #dee1e3;
  border-radius:50%;
  background-color:#fff;
  width:30px;
  height:30px;
}
.popup-close::before{
  content:"\f00d";
  font-family:"Font Awesome 5 Free";
  font-weight:900;
  line-height:1;
  font-size:1.6rem;
  transition:color 0.3s;
}
.popup-close:hover::before, .popup-close:focus::before{
  color:#28a745;
}
.popup-close span{
  display:none;
}
.is-ie .popup .img-link img{
  width:100%;
}
.price-tab{
  display:flex;
  justify-content:space-between;
  position:relative;
  color:#2c2c2c;
}
* + .price-tab{
  margin-top:40px;
}
.price-tab-item{
  padding-bottom:150px;
  width:calc(50% - 5px);
  text-align:center;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
}
.price-tab-link{
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:15px 15px 0 0;
  height:50px;
  background-color:#fff;
  font-size:1.3rem;
  color:#2c2c2c;
  line-height:1.6;
  text-decoration:none;
}
.price-tab-link:not(.is-selected){
  border-bottom:1px solid #dee1e3;
}
.price-tab-title{
  border-bottom:4px solid;
}
.price-tab-title-free{
  border-bottom-color:#FAC332;
}
.price-tab-title-omakase{
  border-bottom-color:#FA9125;
}
.price-tab-panel{
  position:absolute;
  left:0;
  bottom:0;
  padding:20px;
  width:100%;
  border-radius:0 0 15px 15px;
  height:150px;
  background-color:#fff;
}
.price-tab-panel::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-20px;
  left:50%;
  width:0;
  height:0;
  border-style:solid;
  border-width:20px 20px 0 20px;
  border-color:#fff transparent transparent transparent;
  transform:translateX(-50%);
}
.price-tab-lead{
  position:relative;
  padding:8px 1.5em;
  border-radius:5em;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.3rem;
  line-height:1.6;
}
.price-tab-lead-free{
  background-color:#FDECC1;
}
.price-tab-lead-omakase{
  background-color:#FEEAD6;
}
.price-tab-text{
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:20px;
  font-size:1.2rem;
  line-height:1.5;
}
.price-tab-text span{
  font-size:1.6rem;
}
.price-tab-text p{
  margin-top:0;
}
.price-tab-text i{
  margin:0 1em;
  font-size:1.4rem;
  color:#7f8b93;
}
.price-list{
  margin-top:40px;
}
.price-list + *{
  margin-top:40px;
}
.price-sub-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-bottom:2px solid #dee1e3;
  min-height:42px;
  font-size:1.2rem;
  text-align:center;
}
.price-sub-item:first-child{
  border-top:2px solid #dee1e3;
}
.price-sub-title, .price-sub-text{
  display:flex;
  align-items:center;
  justify-content:center;
}
.price-sub-title{
  width:calc(50% - 8px);
  font-weight:700;
}
.price-sub-text{
  width:calc(50% - 8px);
}
.price-sub-text i{
  font-size:2.2rem;
  color:#28a745;
}
.serialForm-title{
  font-weight:700;
}
.serialForm-inputList{
  display:flex;
  margin:0 -5px;
}
.serialForm-inputList-item{
  position:relative;
  margin:0 5px;
  width:calc(25% - 10px);
}
.serialForm-inputList-item:not(:first-child)::before{
  content:"";
  display:inline-block;
  position:absolute;
  top:50%;
  left:-8px;
  border-top:1px solid #555;
  width:6px;
}
.serialForm-submit{
  margin:20px auto 0;
  width:100px;
}
.sliderThumb{
  position:relative;
  margin:0 -15px;
  padding-bottom:30px;
}
* + .sliderThumb{
  margin-top:40px;
}
.title + .sliderThumb{
  margin-top:0;
}
.sliderThumb-img{
  margin:0 auto;
  padding:0 15px;
}
.sliderThumb-button-next, .sliderThumb-button-prev{
  cursor:pointer;
  position:absolute !important;
  top:50%;
  z-index:10;
  border-radius:50%;
  width:20px;
  height:20px;
  background-color:#555;
  background-image:none;
  transition:background-color 0.3s;
  transform:translateY(-50%);
}
.sliderThumb-button-next{
  position:relative;
  right:5px;
}
.sliderThumb-button-next::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:42%;
  left:auto;
}
.sliderThumb-button-prev{
  position:relative;
  left:5px;
}
.sliderThumb-button-prev::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(-135deg);
  right:auto;
  left:42%;
}
.sliderThumb-thumb{
  display:flex;
  justify-content:center;
  position:absolute;
  left:0;
  bottom:0;
  margin:0;
  width:100%;
  height:auto;
}
.sliderThumb-thumb-item{
  cursor:pointer;
  position:relative;
  opacity:1;
  margin:0 5px;
  width:10px;
  height:10px;
  background-color:#adb4b9;
  transition:background-color 0.3s;
}
.sliderThumb-thumb-item::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  opacity:0;
  border:4px solid #28a745;
  width:100%;
  height:100%;
  transition:opacity 0.3s;
  pointer-events:none;
}
.sliderThumb-thumb-item img{
  display:none;
}
.sliderThumb-thumb-item.is-active{
  background-color:#28a745;
}

.stepList-item{
  padding:40px 0;
}
.stepList-item::after{
  z-index:2;
}
.stepList-item:not(:last-child){
  position:relative;
}
.stepList-item:not(:last-child)::after{
  content:"";
  display:block;
  position:absolute;
  left:50%;
  bottom:-20px;
  width:0;
  height:0;
  border-style:solid;
  border-width:20px 20px 0 20px;
  border-color:#fff transparent transparent transparent;
  transform:translateX(-50%);
}
.stepList-item:nth-child(odd){
  background-color:#f4f6f7;
}
.stepList-item:nth-child(odd)::after{
  border-color:#f4f6f7 transparent transparent transparent;
}
.stepList-title{
  display:flex;
  align-items:center;
  position:relative;
  margin-bottom:20px;
  padding-left:60px;
  min-height:56px;
}
.stepList-title-step{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  position:absolute;
  top:50%;
  left:0;
  font-family:"Lato", sans-serif;
  font-size:4rem;
  font-weight:900;
  color:#adb4b9;
  line-height:1;
  transform:translateY(-50%);
}
.stepList-title-step::before{
  content:"STEP";
  display:block;
  font-size:1.6rem;
  letter-spacing:0.1em;
}
.stepList-title-text{
  font-size:2rem;
  color:#2c2c2c;
  line-height:1.6;
}
.stepList-img{
  margin-top:20px;
}

* + .table{
  margin-top:30px;
}
.title + .table{
  margin-top:0;
}
.table th,
.table td{
  padding:0.75em 1em;
  border:1px solid #dee1e3;
  line-height:1.6;
}
.table th{
  vertical-align:middle;
  background-color:#f4f6f7;
  color:#2c2c2c;
}
.table-text-center th,
.table-text-center td{
  text-align:center;
}
.table-align-middle th,
.table-align-middle td{
  vertical-align:middle;
}
.table-noBorder{
  opacity:1 !important;
  transform:none !important;
}
.table-noBorder th,
.table-noBorder td{
  padding:0;
  border:none;
}
.table-scene tr td:nth-child(2){
  border-right:none;
}
.table-scene tr td:nth-child(3){
  border-left:none;
}
.table thead th{
  background-color:#24323b;
  color:#fff;
  text-align:center;
}
.title{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  line-height:1.6;
}
*:not(.title) + .title{
  margin-top:40px;
}
.title-h2, .title-h3, .title-h4, .title-lead{
  margin-bottom:1em;
}
.title-h2, .title-h2-center{
  font-size:2rem;
}
* + .title-h2, * + .title-h2-center{
  margin-top:60px !important;
}
.title-h2-center{
  position:relative;
  margin-bottom:40px;
  padding-bottom:20px;
  text-align:center;
}
.title-h2-center::after{
  content:"";
  display:block;
  position:absolute;
  bottom:0;
  left:calc(50% - 0.75em);
  width:1.5em;
  height:4px;
  background-color:#28a745;
}
.title-h3{
  font-size:1.8rem;
}
.title-h4{
  font-size:1.4rem;
}
.title-lead{
  color:#28a745;
  font-size:1.8rem;
}
.title-order{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-top:-100px;
  margin-bottom:40px;
}
.title-order-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  margin-bottom:30px;
  border-radius:50%;
  width:80px;
  height:80px;
  background-color:#2c2c2c;
  color:#fff;
  line-height:1;
}
.title-order-label-text{
  margin-bottom:0.5em;
  font-size:1.3rem;
  letter-spacing:0.1em;
}
.title-order-label-number{
  font-family:"Lato", sans-serif;
  font-size:3rem;
  font-weight:900;
}
.title-order-text{
  font-size:2rem;
  text-align:center;
}
.title-order-text span{
  color:#28a745;
}

.top-title{
  margin-bottom:40px;
  line-height:1.3;
  text-align:center;
}
.top-caseStudy .top-title, .top-support .top-title{
  margin-bottom:0;
  padding:20px 0;
  background-color:#fff;
}
.top-title-sub, .top-title-main{
  display:block;
}
.top-title-sub{
  margin-bottom:0.5em;
  font-family:"Lato", sans-serif;
  font-size:1.8rem;
  font-weight:700;
  color:#71d100;
  letter-spacing:0.05em;
}
.top-title-main{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:2.8rem;
  color:#2c2c2c;
}
.top-about-lead{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.6rem;
  line-height:1.5;
  text-align:center;
}
.top-about-lead strong{
  color:#28a745;
}
.top-about-list{
  margin:40px 0;
}
.top-about-item{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  align-items:center;
  margin:0 auto;
  padding:40px 0 30px;
  border-radius:50%;
  width:260px;
  height:260px;
  background-color:#f4f6f7;
  text-align:center;
}
.top-about-item:not(:first-child){
  margin-top:20px;
}
.top-about-img[src$="img-about-01.svg"]{
  width:124px;
}
.top-about-img[src$="img-about-02.svg"]{
  width:170px;
}
.top-about-text{
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  line-height:1;
}
.top-about-note{
  font-size:1rem;
  line-height:1;
}
.top-functions-list{
  counter-reset:functions;
  margin:0 auto;
  max-width:560px;
}
.top-functions-item:not(:first-child){
  margin-top:60px;
}
.top-functions-img{
  text-align:center;
}
.top-functions-text{
  position:relative;
  margin-top:40px;
}
.top-functions-text::before{
  content:counter(functions);
  counter-increment:functions;
  display:block;
  position:absolute;
  top:-45px;
  left:-0.05em;
  z-index:1;
  font-family:"Lato", sans-serif;
  font-size:18rem;
  font-weight:700;
  color:#fff;
  line-height:1;
}
.top-functions-text > *{
  position:relative;
  z-index:2;
}
.top-functions-sub{
  display:flex;
  flex-wrap:wrap;
  margin:60px -2px -4px;
}
.top-functions-sub-item{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 2px 4px;
  padding:10px;
  width:calc(50% - 4px);
  min-height:57px;
  background-color:#fff;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  font-size:1.3rem;
  line-height:1.5;
  text-align:center;
}
.top-functionsOther{
  position:relative;
  margin-top:70px;
  padding:25vw 15px 30px;
  border-radius:15px;
  background-color:#fff;
}
.top-functionsOther-img{
  position:absolute;
}
.top-functionsOther-img-01 img, .top-functionsOther-img-02 img{
  box-shadow:1px 1px 8px rgba(0, 0, 0, 0.4);
  width:26.6666666667vw;
}
.top-functionsOther-img-01{
  top:-5vw;
  left:-0.5vw;
}
.top-functionsOther-img-01 img{
  transform:rotate(-5deg);
}
.top-functionsOther-img-02{
  top:1vw;
  left:20vw;
}
.top-functionsOther-img-02 img{
  transform:rotate(7deg);
}
.top-functionsOther-img-03{
  top:-3vw;
  right:-5vw;
}
.top-functionsOther-img-03 img{
  width:42.6666666667vw;
}
.top-caseStudy{
  position:relative;
  padding-top:180px;
}
.top-caseStudy::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:220px;
  background:url(/images/sports/home/bg-case-sp.jpg) center center/cover no-repeat;
}
.top-caseStudy-item:not(:first-child){
  margin-top:4px;
}
.top-caseStudy-link{
  display:flex;
  align-items:center;
  padding:20px 60px 20px 20px;
  border:1px solid #dee1e3;
  min-height:78px;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  line-height:1.6;
  text-decoration:none;
  transition:color 0.3s;
  position:relative;
}
.top-caseStudy-link::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #28a745;
  border-right:2px solid #28a745;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:30px;
  left:auto;
}
.top-caseStudy-link:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}
.top-support{
  position:relative;
  padding-top:180px;
}
.top-support::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  width:100%;
  height:220px;
  background:url(/images/sports/home/bg-support-sp.jpg) center center/cover no-repeat;
}
.top-other-title{
  font-size:2.4rem;
  color:#2c2c2c;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  line-height:1.3;
  text-align:center;
  transition:color 0.3s;
}
.top-other-faq{
  border-radius:15px;
  background-color:#fff;
}
.top-other-faq-link{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:30px 60px;
  height:100%;
  text-decoration:none;
  text-align:center;
  position:relative;
}
.top-other-faq-link::after{
  content:"";
  display:block;
  position:absolute;
  width:10px;
  height:10px;
  border-top:3px solid #28a745;
  border-right:3px solid #28a745;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:30px;
  left:auto;
}
.top-other-faq-link:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}
.top-other-users{
  margin-top:15px;
  padding:30px;
  border-radius:15px;
  background-color:#fff;
}
.top-other-users-list{
  margin-top:20px;
}
.top-other-users-item:not(:first-child){
  margin-top:4px;
}
.top-other-users-link{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:20px 40px 20px 30px;
  border:1px solid #dee1e3;
  height:70px;
  font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  font-weight:700;
  color:#2c2c2c;
  line-height:1.6;
  text-decoration:none;
  text-align:center;
  transition:color 0.3s;
  position:relative;
}
.top-other-users-link::after{
  content:"";
  display:block;
  position:absolute;
  width:8px;
  height:8px;
  border-top:2px solid #28a745;
  border-right:2px solid #28a745;
  transition:transform 0.3s;
  top:50%;
  transform:translateY(-50%) rotate(45deg);
  right:20px;
  left:auto;
}
.top-other-users-link:hover::after{
  transform:translateX(3px) translateY(-50%) rotate(45deg);
}

.align-top{
  vertical-align:top !important;
}
.align-middle{
  vertical-align:middle !important;
}
.align-bottom{
  vertical-align:bottom !important;
}

.bg-gray{
  background-color:#f4f6f7;
}
.bg-primary-pale{
  background-color:#e3f6cc;
}
.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;
}

.mx-auto{
  margin-right:auto;
  margin-left:auto;
}

* + .mt-s{
  margin-top:1em !important;
}
* + .mt-m{
  margin-top:30px !important;
}
* + .mt-l{
  margin-top:40px !important;
}

small, .text-small{
  font-size:85%;
}

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

.text-green{
  color:#28a745;
}
.text-warning{
  color:#dc3545;
}
.text-center{
  text-align:center !important;
}
.text-right{
  text-align:right !important;
}
.text-left{
  text-align:left !important;
}

.w-25{
  width:25%;
}
.w-50{
  width:50%;
}
.w-75{
  width:75%;
}
.w-100{
  width:100%;
}
@media (min-width: 321px){
  .contactBtn-item-tel-time, .navBtn-item-tel-time{
    font-size:1.4rem;
  }
  .contactBtn-item-tel-time small, .navBtn-item-tel-time small{
    font-size:1.2rem;
  }
  .navBtn-link{
    font-size:2.1rem;
  }
  .navBtn-link-trial-text{
    padding:0 20px;
  }
  .navBtn-link-contact-text{
    padding-right:20px;
  }
  .mv-lower-title-main{
    font-size:calc(2.8rem + (1vw - 0.32rem) * 7.2727);
  }
  .contactBtn-item-tel-number{
    font-size:3.6rem;
  }
  .contactBtn-item-tel-number::before{
    font-size:2.8rem;
  }
  .contactBtn-link{
    padding:25px;
    font-size:2.8rem;
  }
  .about-planList-lead{
    font-size:1.4rem;
  }
  .about-planList-title{
    font-size:2.2rem;
  }
  .flowList-title-main{
    font-size:1.8rem;
  }
  .flowList-sub-img{
    height:190px;
  }
  .price-tab-item{
    padding-bottom:132px;
  }
  .price-tab-link{
    font-size:1.4rem;
  }
  .price-tab-panel{
    height:132px;
  }
  .price-tab-text{
    line-height:1;
  }
  .only-under-xs{
    display:none;
  }
  .only-over-xs{
    display:block;
  }
  .only-over-inline-xs{
    display:inline;
  }}
@media (min-width: 375px){
  .mv-lower-title-main{
    font-size:3.2rem;
  }
  .title-h2, .title-h2-center{
    font-size:2.4rem;
  }
  .title-h3{
    font-size:2rem;
  }
  .title-h4{
    font-size:1.6rem;
  }
  .title-lead{
    font-size:2rem;
  }
  .title-order-text{
    font-size:2.4rem;
  }}
@media (min-width: 576px){
  .mv{
    padding-top:40px;
    padding-bottom:40px;
  }
  .mv-inner{
    padding:0 30px;
  }
  .mv-imgWrapper{
    margin-right:-50px;
    grid-gap:15px;
  }
  .mv-bannerWrapper{
    margin-top:40px;
  }
  .footer-address br{
    display:none;
  }
  .about-flowList{
    display:flex;
    justify-content:center;
    flex-wrap:wrap;
    margin:0 -20px;
  }
  .about-flowList-item{
    margin:0 20px;
    width:calc(50% - 40px);
  }
  .about-flowList-item:nth-child(n+3){
    margin-top:40px;
  }
  .about-flowList-item:not(:first-child) .about-flowList-img{
    margin-top:0;
    position:relative;
  }
  .about-flowList-item:not(:first-child) .about-flowList-img::after{
    content:"";
    display:block;
    position:absolute;
    width:14px;
    height:14px;
    border-top:3px solid #28a745;
    border-right:3px solid #28a745;
    transition:transform 0.3s;
    top:50%;
    transform:translateY(-50%) rotate(45deg);
    right:auto;
    left:-30px;
  }
  .about-flowList-text{
    margin-top:20px;
  }
  .box{
    padding:40px;
  }
  .box-title{
    padding-top:50px;
  }
  .columnList-col3{
    -moz-columns:2;
         columns:2;
    -moz-column-gap:30px;
         column-gap:30px;
  }
  .top-other-users-list{
    display:grid;
    grid-gap:4px;
    grid-template-columns:repeat(2, 1fr);
  }
  .top-other-users-item:not(:first-child){
    margin-top:0;
  }
  .only-under-sm{
    display:none;
  }
  .only-over-sm{
    display:block;
  }
  .only-over-inline-sm{
    display:inline;
  }}
@media (min-width: 650px){
  .top-about-list{
    display:flex;
    justify-content:center;
  }
  .top-about-item{
    margin:0 20px;
  }
  .top-about-item:not(:first-child){
    margin-top:0;
  }}
@media (min-width: 768px){
  body{
    font-size:1.6rem;
  }
  a[href^="tel:"]{
    pointer-events:none;
  }
  a:not([class])[target=_blank]::after{
    font-size:1.4rem;
  }
  a:not([class])[href$=".pdf"]::after{
    font-size:1.4rem;
  }
  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-size:1.4rem;
  }
  .contactBtn-link-trial:hover, .navBtn-link-trial:hover{
    background-position:right center;
  }
  .contactBtn-link-contact:hover, .navBtn-link-contact:hover{
    background-position:right center;
  }
  .footerSitemap, .nav-list{
    display:flex;
    flex-wrap:wrap;
    margin:0 -20px -60px;
  }
  .footerSitemap-item, .nav-item{
    margin:0 20px 60px;
    border:none;
    width:calc(33.3333333333% - 40px);
  }
  .footerSitemap-item:first-child, .nav-item:first-child{
    border:none;
  }
  .footerSitemap-link::after, .nav-link::after{
    content:none;
  }
  .footerSitemap-title, .nav-title{
    margin-bottom:20px;
    padding:0 0 10px 0;
    border-bottom:1px solid #2c2c2c;
    font-size:1.6rem;
  }
  .footerSitemap-title::before, .nav-title::before, .footerSitemap-title::after, .nav-title::after{
    content:none;
  }
  .footerSitemap-sub, .nav-sub{
    display:block !important;
  }
  .footerSitemap-sub-item, .nav-sub-item{
    font-size:1.4rem;
  }
  .footerSitemap-sub-item:not(:first-child), .nav-sub-item:not(:first-child){
    margin-top:1.25em;
  }
  .footerSitemap-sub-link, .nav-sub-link{
    padding:0;
  }
  .footerSitemap-sub-link::before, .nav-sub-link::before{
    content:none;
  }
  .footerSitemap-col2, .nav-col2{
    display:block;
    margin:0;
  }
  .footerSitemap-col2-item, .nav-col2-item{
    margin:0;
    width:100%;
  }
  .footerSitemap-col2-item:not(:first-child), .nav-col2-item:not(:first-child){
    margin-top:1.25em;
  }
  .footerSitemap-col2-link, .nav-col2-link{
    padding:0;
  }
  .faqList-title-inner::before, .faqList-text::before{
    top:15px;
    left:15px;
    width:46px;
    height:46px;
    font-size:2.2rem;
  }
  .header-logo{
    transition:opacity 0.3s;
  }
  .header-logo:hover, .header-logo:focus{
    opacity:0.8;
  }
  .header-contact:hover{
    background-position:right center;
  }
  .nav-item-only-md-lg{
    display:block;
  }
  .nav-item-not-only-md-lg{
    display:none;
  }
  .globalInner{
    padding:0 30px;
  }
  .mv{
    padding-top:60px;
    padding-bottom:60px;
  }
  .mv-header{
    margin-bottom:0;
    text-align:left;
  }
  .mv-titleImg{
    width:auto;
    max-width:360px;
  }
  .mv-imgWrapper{
    position:absolute;
    bottom:-100px;
    left:420px;
    margin-right:0;
    grid-template-columns:repeat(3, 200px);
    gap:20px;
  }
  .mv-img{
    border-radius:10px;
  }
  .mv-img:nth-child(1){
    margin-top:180px;
  }
  .mv-img:nth-child(2){
    margin-top:90px;
  }
  .mv-bannerWrapper{
    margin-top:60px;
    max-width:360px;
    text-align:left;
  }
  .mv-lower{
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    position:relative;
    padding:40px;
    height:300px;
    background:#24323b url(/images/sports/common/mv-lower-other.jpg) center center/cover no-repeat;
  }
  body.about .mv-lower{
    background-image:url(/images/sports/common/mv-lower-about.jpg);
  }
  body.function .mv-lower{
    background-image:url(/images/sports/common/mv-lower-function.jpg);
  }
  body.scene .mv-lower{
    background-image:url(/images/sports/common/mv-lower-scene.jpg);
  }
  body.user .mv-lower{
    background-image:url(/images/sports/common/mv-lower-user.jpg);
  }
  .mv-lower-header{
    display:block;
    position:static;
    padding:0;
    height:auto;
    background:none !important;
  }
  .mv-lower-title-sub{
    font-size:1.6rem;
  }
  .mv-lower-title-main{
    font-size:3.6rem;
  }
  .mv-lower-btn{
    right:30px;
    bottom:-30px;
    padding:1.15em 2.75em;
    min-height:60px;
    font-size:1.6rem;
  }
  .mv-lower-body{
    margin-top:30px;
    padding:0;
    background-color:transparent;
    font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-weight:500;
    color:#fff;
    text-align:center;
  }
  .section-top{
    padding:100px 0;
  }
  .section-top-thin{
    padding:60px 0;
  }
  .section-lower{
    padding:100px 0;
  }
  .section-lower > .section-lower{
    margin-top:100px;
  }
  .breadcrumb{
    padding:26px 0;
    font-size:1.4rem;
  }
  .contact-header{
    padding:60px 0 20px;
  }
  .contact-header::after{
    border-width:80px 50vw 0 50vw;
    bottom:-80px;
  }
  .contact-header-list{
    display:flex;
    justify-content:space-between;
  }
  .contact-header-item{
    width:calc(50% - 20px);
  }
  .contact-header-item:not(:first-child){
    margin-top:0;
  }
  .contact-header-title::after{
    bottom:-10px;
    border-width:10px 10px 0 10px;
  }
  .contact-header-title{
    margin-bottom:30px;
    padding:0.35em 1em;
    font-size:1.8rem;
  }
  .contact-body{
    padding:80px 0;
    background-image:url(/images/sports/common/bg-contact.jpg);
  }
  .contact-header + .contact-body{
    padding-top:160px;
  }
  .contact-body-title{
    margin-bottom:40px;
    font-size:3.2rem;
  }
  .contact-body-title br{
    display:none;
  }
  .contactCheckList-item{
    padding-left:38px;
  }
  .contactCheckList-item::before{
    font-size:2.2rem;
  }
  .footer-header{
    padding:60px 0;
  }
  .footer-body{
    padding:60px 0;
  }
  .footer-banner{
    display:flex;
    margin:0 -20px;
  }
  .footer-banner-item{
    margin:0 20px;
    width:calc(33.3333333333% - 40px);
  }
  .footer-banner-item:not(:first-child){
    margin-top:0;
  }
  .footer-banner-link{
    transition:opacity 0.3s;
  }
  .footer-banner-link:hover, .footer-banner-link:focus{
    opacity:0.8;
  }
  .is-ie .footer-banner-link img{
    width:100%;
  }
  .footer-info{
    position:relative;
  }
  .footer-info-header{
    text-align:left;
  }
  .footer-info-body{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    align-items:flex-end;
    margin-top:0;
  }
  .footer-logo{
    transition:opacity 0.3s;
    margin-bottom:30px;
  }
  .footer-logo:hover, .footer-logo:focus{
    opacity:0.8;
  }
  .footer-company-name{
    margin-bottom:0.5em;
  }
  .footer-p-mark{
    position:absolute;
    top:0;
    left:190px;
    margin:0;
  }
  .footer-sns-link{
    transition:opacity 0.3s;
  }
  .footer-sns-link:hover, .footer-sns-link:focus{
    opacity:0.8;
  }
  .footer-list{
    display:flex;
    justify-content:flex-end;
    text-align:right;
  }
  .footer-list-item:not(:first-child){
    margin-left:1.5em;
  }
  .footerSitemap-item-banner{
    margin-top:0;
  }
  .footerSitemap-title{
    border-bottom-color:#fff;
    pointer-events:none;
  }
  .footerSitemap-col2-link:hover{
    color:#71d100;
  }
  .footerSitemap-banner{
    transition:opacity 0.3s;
  }
  .footerSitemap-banner:hover, .footerSitemap-banner:focus{
    opacity:0.8;
  }
  .about-planList{
    display:flex;
    justify-content:space-between;
    margin-top:80px;
    margin-bottom:80px;
  }
  .about-planList-item{
    width:calc(50% - 20px);
  }
  .about-planList-item:not(:first-child){
    margin-top:0;
  }
  .about-planList-lead-free::after{
    bottom:-14px;
    border-width:14px 14px 0 14px;
  }
  .about-planList-lead-omakase::after{
    bottom:-14px;
    border-width:14px 14px 0 14px;
  }
  .about-planList-title{
    font-size:2.4rem;
  }
  * + .blockquote{
    margin-top:40px;
  }
  .blockquote-header{
    padding:40px;
    border-radius:20px;
  }
  .blockquote-footer{
    margin-top:40px;
    font-size:1.4rem;
  }
  .box{
    padding:60px;
    border-radius:20px;
  }
  * + .box{
    margin-top:60px;
  }
  * + .box-group{
    margin-top:60px;
  }
  .box-group .box{
    margin:0 20px 40px;
  }
  .box-small{
    padding:40px;
  }
  .box-title{
    padding-top:60px;
  }
  .box-title-text{
    padding:0 20px;
    font-size:2.2rem;
  }
  .box-title-text span{
    padding:10px 40px;
  }
  * + .boxLead{
    margin-top:60px;
  }
  .boxLead-text{
    padding:60px;
  }
  * + .boxNarrow{
    margin-top:60px;
  }
  .btn[target=_blank]::after, a[target=_blank] .btn::after{
    font-size:1.4rem;
  }
  * + .btn{
    margin-top:40px;
  }
  .btn{
    font-size:1.6rem;
  }
  * + .btn-group{
    margin-top:40px;
  }
  .top-about .btn-group, .top-functions-sub + .btn-group, .top-price .btn-group{
    margin-top:60px;
  }
  .mediaList .btn-group{
    margin-top:30px;
  }
  .downloadList .btn-group{
    margin-top:0;
  }
  .btn-lg{
    font-size:1.8rem;
  }
  .btn-download{
    font-size:2rem;
    min-width:260px;
  }
  .btn-download::before{
    width:60px;
    height:60px;
    font-size:3rem;
  }
  .btn-download-lg{
    padding:25px;
    font-size:3rem;
  }
  .btn-download-lg::before{
    margin-right:25px;
    width:70px;
    height:70px;
    font-size:3.6rem;
  }
  .column-col .btn-download-lg{
    padding:20px;
    font-size:2.4rem;
  }
  .column-col .btn-download-lg::before{
    margin-right:20px;
    width:60px;
    height:60px;
    font-size:3rem;
  }
  .column{
    flex-direction:row;
    margin:0 -20px;
  }
  * + .column{
    margin-top:60px;
  }
  .column-reverse{
    flex-direction:row-reverse;
  }
  .column-center{
    align-items:stretch;
    justify-content:center;
  }
  .column-col{
    margin:0 20px;
  }
  .column-col:not(:first-child){
    margin-top:0;
  }
  .column-col-2{
    width:calc(50% - 40px);
  }
  .column-col-3{
    width:calc(33.3333333333% - 40px);
  }
  .column-col-main{
    width:760px;
  }
  .column-col-sub{
    width:360px;
  }
  .columnList-col3{
    -moz-columns:3;
         columns:3;
    -moz-column-gap:40px;
         column-gap:40px;
  }
  * + .downloadList{
    margin-top:40px;
  }
  .downloadList-item{
    display:flex;
    justify-content:space-between;
    padding:40px 0;
  }
  .downloadList-text{
    width:calc(100% - 300px);
  }
  .downloadList-link{
    width:260px;
  }
  * + .faqList{
    margin-top:60px;
  }
  .faqList-title::before, .faqList-title::after{
    right:20px;
    width:20px;
  }
  .faqList-title-inner{
    padding:22px 60px 22px 76px;
    font-size:2rem;
  }
  .faqList-text{
    padding:22px 0 22px 76px;
  }
  .figure-caption{
    font-size:1.4rem;
  }
  * + .figure-box{
    margin-top:60px;
  }
  .flowList{
    margin-top:115px;
  }
  .flowList-item{
    padding:72px 52px;
    border-radius:20px;
  }
  .flowList-item:not(:first-child){
    margin-top:163px;
  }
  .flowList-item:not(:first-child)::after{
    top:-140px;
  }
  .flowList-title{
    top:-55px;
  }
  .flowList-item-green .flowList-title, .flowList-item-orange .flowList-title{
    top:-88px;
  }
  .flowList-title-sub{
    font-size:2rem;
  }
  .flowList-item-green .flowList-title-sub::after, .flowList-item-orange .flowList-title-sub::after{
    bottom:-10px;
    border-width:10px 10px 0 10px;
  }
  .flowList-item-green .flowList-title-sub, .flowList-item-orange .flowList-title-sub{
    margin-bottom:20px;
    font-size:1.8rem;
  }
  .flowList-title-main{
    font-size:2.4rem;
  }
  .flowList-sub{
    flex-direction:row;
    flex-wrap:wrap;
    align-items:stretch;
    justify-content:center;
    margin:0 -20px;
  }
  .flowList-sub-item{
    margin:0 20px;
    border-radius:10px;
  }
  .flowList-sub-item::before{
    top:-25px;
    font-size:5rem;
  }
  .img-link{
    transition:opacity 0.3s;
  }
  .img-link:hover, .img-link:focus{
    opacity:0.8;
  }
  .img-modal::after{
    right:10px;
    bottom:10px;
    width:40px;
    height:40px;
    font-size:2.2rem;
  }
  .img-modal img{
    transition:opacity 0.3s;
  }
  .img-modal img:hover, .img-modal img:focus{
    opacity:0.8;
  }
  .img-modal:hover::after{
    color:#28a745;
  }
  .label-target{
    font-size:1.4rem;
  }
  .mediaList-item{
    display:flex;
    justify-content:space-between;
    padding:60px 0;
  }
  .mediaList-text{
    width:calc(100% - 300px);
  }
  .mediaList-img{
    margin-top:0;
    width:260px;
  }
  .mediaList-img img{
    max-width:none;
  }
  .mediaList-link img{
    transition:opacity 0.3s;
  }
  .mediaList-link img:hover, .mediaList-link img:focus{
    opacity:0.8;
  }
  .modaal-close{
    top:20px;
    right:20px;
  }
  .modaal-image .modaal-inner-wrapper{
    padding-right:30px;
    padding-left:30px;
  }
  * + .newsList{
    margin-top:40px;
  }
  .newsList-item{
    display:flex;
    justify-content:space-between;
    padding:30px 0;
  }
  .newsList-header{
    display:block;
    width:160px;
  }
  .newsList-date{
    margin-right:0;
    font-size:2rem;
  }
  .newsList-label{
    margin-top:0.5em;
  }
  .newsList-body{
    margin-top:0;
    width:calc(100% - 200px);
  }
  .price-tab-item{
    padding-bottom:150px;
  }
  .price-tab-link{
    border-radius:20px 20px 0 0;
    height:80px;
    font-size:2.6rem;
  }
  .price-tab-panel{
    border-radius:0 0 20px 20px;
    height:150px;
  }
  .price-tab-lead{
    font-size:1.6rem;
  }
  .price-tab-text{
    font-size:1.6rem;
  }
  .price-tab-text span{
    font-size:2rem;
  }
  .price-tab-text i{
    font-size:2rem;
  }
  .price-sub-item{
    height:56px;
    font-size:1.6rem;
  }
  .price-sub-text i{
    font-size:2.8rem;
  }
  .serialForm-form{
    display:flex;
    justify-content:space-between;
  }
  .serialForm-inputList{
    margin:0 -15px;
  }
  .serialForm-inputList-item{
    margin:0 15px;
    width:calc(25% - 30px);
  }
  .serialForm-inputList-item:not(:first-child)::before{
    left:-20px;
    width:10px;
  }
  .serialForm-submit{
    flex:none;
    margin:0 0 0 20px;
  }
  * + .sliderThumb{
    margin-top:60px;
  }
  .sliderThumb{
    margin-right:-30px;
    margin-left:-30px;
    padding-bottom:130px;
  }
  .sliderThumb-img{
    padding:0 30px;
    max-width:820px;
  }
  .sliderThumb-button-next, .sliderThumb-button-prev{
    top:calc(50% - 60px);
    width:40px;
    height:40px;
  }
  .sliderThumb-button-next:hover, .sliderThumb-button-prev:hover{
    background-color:#2c2c2c;
  }
  .sliderThumb-button-next::after{
    width:12px;
    height:12px;
    border-top-width:3px;
    border-right-width:3px;
  }
  .sliderThumb-button-next{
    right:15px;
  }
  .sliderThumb-button-prev::after{
    width:12px;
    height:12px;
    border-top-width:3px;
    border-right-width:3px;
  }
  .sliderThumb-button-prev{
    left:15px;
  }
  .sliderThumb-thumb-item{
    overflow:hidden;
    margin:0 20px;
    padding:0;
    border-radius:0;
    width:160px;
    height:90px;
  }
  .sliderThumb-thumb-item img{
    display:block;
    position:absolute;
    top:50%;
    left:50%;
    width:100%;
    height:auto;
    transform:translate(-50%, -50%);
  }
  .sliderThumb-thumb-item.is-active{
    background-color:transparent;
  }
  .sliderThumb-thumb-item.is-active::before{
    opacity:1;
  }
  .stepList-item{
    padding:80px 0;
  }
  .stepList-item:not(:last-child)::after{
    bottom:-42px;
    border-width:42px 42px 0 42px;
  }
  .stepList-column{
    display:flex;
    justify-content:space-between;
  }
  .stepList-text, .stepList-img{
    width:calc(50% - 20px);
  }
  .stepList-title{
    margin-bottom:40px;
    padding-left:80px;
    min-height:auto;
  }
  .stepList-title-step{
    font-size:5rem;
    transform:translateY(-65%);
  }
  .stepList-title-step::before{
    font-size:2rem;
  }
  .stepList-title-text{
    font-size:2.4rem;
  }
  .stepList-img{
    margin-top:0;
  }
  * + .table{
    margin-top:40px;
  }
  *:not(.title) + .title{
    margin-top:60px;
  }
  .title-h2, .title-h2-center{
    font-size:3.2rem;
  }
  * + .title-h2, * + .title-h2-center{
    margin-top:100px !important;
  }
  .title-h2-center{
    margin-bottom:60px;
  }
  .title-h3{
    font-size:2.4rem;
  }
  .title-h4{
    font-size:1.8rem;
  }
  .title-lead{
    font-size:2.4rem;
  }
  .title-order{
    margin-top:-150px;
    margin-bottom:60px;
  }
  .title-order-label{
    margin-bottom:50px;
    width:100px;
    height:100px;
  }
  .title-order-label-text{
    font-size:1.6rem;
  }
  .title-order-label-number{
    font-size:4rem;
  }
  .title-order-text{
    font-size:3.2rem;
  }
  .top-title{
    margin-bottom:60px;
  }
  .top-functions .top-title{
    margin-bottom:80px;
  }
  .top-caseStudy .top-title, .top-support .top-title{
    padding:0;
    background-color:transparent;
    text-align:left;
  }
  .top-caseStudy .top-title{
    margin-bottom:60px;
  }
  .top-support .top-title{
    margin-bottom:40px;
  }
  .top-title-sub{
    font-size:2.2rem;
  }
  .top-title-main{
    font-size:3.2rem;
  }
  .top-about-lead{
    font-size:1.8rem;
    line-height:1.8;
  }
  .top-about-list{
    margin:60px -20px;
  }
  .top-about-item{
    padding:50px 0;
    width:320px;
    height:320px;
  }
  .top-about-img[src$="img-about-01.svg"]{
    width:154px;
  }
  .top-about-img[src$="img-about-02.svg"]{
    width:210px;
  }
  .top-about-text{
    font-size:2.2rem;
  }
  .top-about-note{
    font-size:1.6rem;
  }
  .top-functionsOther{
    margin-top:80px;
    padding:200px 60px 60px;
    border-radius:20px;
  }
  .top-functionsOther-img-01 img, .top-functionsOther-img-02 img{
    box-shadow:2px 2px 12px rgba(0, 0, 0, 0.4);
    width:auto;
  }
  .top-functionsOther-img-01{
    top:-38px;
    left:calc(50% - 350px);
  }
  .top-functionsOther-img-02{
    top:8px;
    left:calc(50% - 200px);
  }
  .top-functionsOther-img-03{
    top:-23px;
    right:calc(50% - 370px);
  }
  .top-functionsOther-img-03 img{
    width:auto;
  }
  .top-caseStudy{
    padding-top:100px;
    background:url(/images/sports/home/bg-case.jpg) center right 20%/cover no-repeat;
  }
  .top-caseStudy::before{
    background:none;
  }
  .top-caseStudy-list{
    max-width:50%;
  }
  .top-caseStudy-link{
    padding:33px 60px 33px 40px;
    border:none;
    background-color:#fff;
  }
  .top-caseStudy-link::after{
    width:10px;
    height:10px;
    right:35px;
    left:auto;
  }
  .top-caseStudy-link:hover{
    color:#28a745;
  }
  .top-support{
    padding-top:100px;
    background:url(/images/sports/home/bg-support.jpg) center left 40%/cover no-repeat;
  }
  .top-support::before{
    background:none;
  }
  .top-support-text{
    margin-left:auto;
    max-width:70%;
  }
  .top-other-title{
    font-size:2.8rem;
  }
  .top-other-faq-link{
    padding:60px;
  }
  .top-other-faq-link::after{
    width:12px;
    height:12px;
    right:50px;
    left:auto;
  }
  .top-other-faq-link:hover .top-other-title, .top-other-faq-link:focus .top-other-title{
    color:#28a745;
  }
  .top-other-users-link{
    padding:9px 30px;
  }
  .top-other-users-link:hover{
    color:#28a745;
  }
  .only-under-md{
    display:none;
  }
  .only-over-md{
    display:block;
  }
  .only-over-inline-md{
    display:inline;
  }
  * + .mt-m{
    margin-top:40px !important;
  }
  * + .mt-l{
    margin-top:60px !important;
  }
  .text-md-center{
    text-align:center !important;
  }
  .text-md-right{
    text-align:right !important;
  }
  .text-md-left{
    text-align:left !important;
  }
  .w-md-25{
    width:25%;
  }
  .w-md-50{
    width:50%;
  }
  .w-md-75{
    width:75%;
  }
  .w-md-100{
    width:100%;
  }}
@media (min-width: 870px){
  .flowList-sub-item:not(:first-child){
    position:relative;
    margin-top:0;
  }
  .flowList-sub-item:not(:first-child)::after{
    content:"";
    display:block;
    position:absolute;
    width:14px;
    height:14px;
    border-top:3px solid #555;
    border-right:3px solid #555;
    transition:transform 0.3s;
    top:50%;
    transform:translateY(-50%) rotate(45deg);
    right:auto;
    left:-29px;
  }
  .flowList-sub-item:nth-child(n+3){
    margin-top:60px;
  }}
@media (min-width: 940px){
  .sliderThumb-button-next{
    right:calc(50% - 440px);
  }
  .sliderThumb-button-prev{
    left:calc(50% - 440px);
  }}
@media (min-width: 992px){
  body.is-fixed{
    width:auto;
    height:auto;
  }
  .footerSitemap, .nav-list{
    flex-wrap:nowrap;
    margin-bottom:0;
  }
  .footerSitemap-item, .nav-item{
    margin-bottom:0;
  }
  .header{
    padding-left:10px;
    height:100px;
  }
  .header-logo{
    width:110px;
    height:62px;
  }
  .header-contact{
    display:none;
  }
  .header-btn{
    display:none;
  }
  .nav{
    display:block !important;
    position:static;
    width:auto;
    height:100%;
    background-color:transparent;
  }
  .nav-inner{
    display:flex;
    padding:0;
    height:100%;
  }
  .nav-list{
    display:flex;
    margin:0;
    padding:0 10px;
  }
  .nav-item{
    margin:0;
    width:auto;
  }
  .nav-item-only-md-lg{
    display:none;
  }
  .nav-item-not-only-md-lg{
    display:block;
  }
  .nav-link, .nav-title{
    display:flex;
    align-items:center;
    justify-content:center;
    padding:0 8px;
    height:100%;
    font-size:1.4rem;
    text-align:center;
  }
  .is-current .nav-link, .is-current .nav-title{
    color:#2c2c2c;
  }
  .is-current .nav-link::before, .is-current .nav-title::before{
    content:"";
    display:block;
    position:absolute;
    top:auto;
    bottom:0;
    left:0;
    border-bottom:3px solid #28a745;
    width:100%;
  }
  .nav-title{
    margin-bottom:0;
    border-bottom:none;
  }
  .nav-sub{
    display:block;
    position:absolute;
    top:100px;
    left:0;
    width:100%;
    height:0;
    background-color:#f4f6f7;
  }
  .nav-sub-inner{
    display:flex;
    justify-content:space-between;
    margin:0 auto;
    padding:60px 60px;
    max-width:1280px;
    width:100%;
  }
  .nav-sub-title{
    display:block;
    width:200px;
  }
  .nav-sub-list{
    display:flex;
    flex-wrap:wrap;
    margin:0 -1px -2px;
    width:calc(100% - 240px);
  }
  .nav-sub-item{
    margin:0 1px 2px;
    width:calc(33.3333333333% - 2px);
    font-family:"Lato", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
    font-weight:700;
  }
  .nav-sub-item:not(:first-child){
    margin:0 1px 2px;
  }
  .nav-sub-link{
    display:flex;
    align-items:center;
    padding:0.5em 40px 0.5em 20px;
    min-height:60px;
    height:100%;
    background-color:#fff;
    position:relative;
    transition:color 0.3s;
  }
  .nav-sub-link::after{
    content:"";
    display:block;
    position:absolute;
    width:8px;
    height:8px;
    border-top:2px solid #28a745;
    border-right:2px solid #28a745;
    transition:transform 0.3s;
    top:50%;
    transform:translateY(-50%) rotate(45deg);
    right:20px;
    left:auto;
  }
  .nav-sub-link:hover::after{
    transform:translateX(3px) translateY(-50%) rotate(45deg);
  }
  .nav-col2{
    display:none;
  }
  .navBtn{
    display:flex;
    margin-top:0;
    max-width:none;
  }
  .navBtn-item{
    width:160px;
  }
  .navBtn-item:not(:first-child){
    margin-top:0;
  }
  .navBtn-item-tel{
    display:none;
    padding:20px 15px;
    border-left:1px solid #dee1e3;
    border-radius:0;
    height:100%;
  }
  .navBtn-item-tel-number{
    font-size:2.2rem;
  }
  .navBtn-item-tel-number::before{
    font-size:1.6rem;
  }
  .navBtn-item-tel-time{
    line-height:22px;
  }
  .navBtn-item-tel-time small{
    display:none;
  }
  .navBtn-item-trial{
    display:none;
  }
  .navBtn-link-trial, .navBtn-link-contact{
    border-radius:0;
    font-size:1.5rem;
  }
  .navBtn-link-trial{
    padding:15px;
  }
  .navBtn-link-trial-icon{
    width:70px;
    height:70px;
  }
  .navBtn-link-trial-text{
    padding:0 0 0 10px;
    width:calc(100% - 70px);
  }
  .navBtn-link-trial-text br{
    display:block;
  }
  .navBtn-link-contact{
    padding:20px 15px;
  }
  .navBtn-link-contact-text{
    padding-right:0;
    padding-left:65px;
  }
  .navBtn-link-contact-text::before{
    width:60px;
    height:60px;
  }
  .globalWrapper{
    padding-top:100px;
  }
  .mv-inner{
    margin:0 auto;
    padding:0 60px;
    width:100%;
    max-width:1280px;
  }
  .mv-titleImg{
    max-width:calc(50% - 80px);
  }
  .mv-imgWrapper{
    grid-template-columns:repeat(3, 220px);
    left:calc(50% - 50px);
  }
  .mv-bannerWrapper{
    max-width:calc(50% - 80px);
  }
  .mv-lower-btn::after{
    right:1.5em;
    width:7px;
    height:7px;
  }
  .contact-header-title{
    margin-bottom:40px;
    font-size:2.2rem;
  }
  .contactBtn{
    display:flex;
    margin:0 -20px;
    max-width:none;
  }
  .contactBtn-item{
    margin:0 20px;
    width:calc(33.3333333333% - 40px);
  }
  .contactBtn-item:not(:first-child){
    margin-top:0;
  }
  .contactBtn-item-tel-number{
    font-size:3rem;
  }
  .contactBtn-item-tel-number::before{
    font-size:2.4rem;
  }
  .contactBtn-item-tel-time{
    font-size:1.2rem;
  }
  .contactBtn-item-tel-time small{
    font-size:1rem;
  }
  .contactBtn-link{
    font-size:2.2rem;
  }
  .contactBtn-link-trial-text{
    padding-right:0;
  }
  .contactBtn-link-contact-text{
    padding-right:0;
  }
  .footer-info{
    display:flex;
    justify-content:space-between;
    margin-top:60px;
  }
  .footer-info-header{
    margin-top:0;
  }
  .footer-address{
    display:flex;
  }
  .footer-address p{
    margin-right:1em;
  }
  .footerSitemap-item{
    width:calc(16.6666666667% - 40px);
  }
  .about-flowList{
    width:auto;
  }
  .about-flowList-item{
    width:calc(25% - 40px);
  }
  .about-flowList-item:nth-child(n+3){
    margin-top:0;
  }
  .about-planList-title{
    border-bottom-width:6px;
    font-size:2.8rem;
  }
  .box-group{
    display:flex;
    flex-wrap:wrap;
    margin-right:-20px;
    margin-bottom:-40px;
    margin-left:-20px;
  }
  .box-group-col2 .box{
    width:calc(50% - 40px);
  }
  .box-group-center{
    justify-content:center;
  }
  .box-title-text{
    padding:0 20px;
    font-size:2.4rem;
  }
  .boxLead{
    display:flex;
  }
  .boxLead-img, .boxLead-text{
    width:760px;
  }
  .boxLead-text{
    margin-top:60px;
    margin-left:-240px;
  }
  .column-col .btn-download-lg{
    padding:25px;
    font-size:3rem;
  }
  .column-col .btn-download-lg::before{
    margin-right:25px;
    width:70px;
    height:70px;
    font-size:3.6rem;
  }
  .modaal-image .modaal-inner-wrapper{
    padding-right:15px;
    padding-left:15px;
  }
  .price-lead{
    margin:0 auto;
    max-width:760px;
  }
  .price-tab{
    justify-content:flex-end;
    margin:30px -20px 60px;
  }
  * + .price-tab{
    margin-top:84px;
  }
  .price-tab-item{
    position:relative;
    margin:0 20px;
    padding:40px 30px 30px;
    border-radius:20px;
    width:calc(33.3333333333% - 40px);
    background-color:#fff;
  }
  .price-tab-link{
    height:auto;
    background-color:transparent;
    font-size:2rem;
    pointer-events:none;
  }
  .price-tab-link:not(.is-selected){
    border-bottom:none;
  }
  .price-tab-panel{
    display:block !important;
    position:static;
    padding:0;
    height:auto;
    background-color:transparent;
  }
  .price-tab-panel::after{
    content:none;
  }
  .price-tab-lead{
    position:absolute;
    top:-28px;
    left:20px;
    width:calc(100% - 40px);
    font-size:1.3rem;
  }
  .price-tab-lead::after{
    content:"";
    display:block;
    position:absolute;
    left:50%;
    bottom:-10px;
    width:0;
    height:0;
    border-style:solid;
    border-width:10px 10px 0 10px;
    transform:translateX(-50%);
  }
  .price-tab-lead-free::after{
    border-color:#FDECC1 transparent transparent transparent;
  }
  .price-tab-lead-omakase::after{
    border-color:#FEEAD6 transparent transparent transparent;
  }
  .price-tab-text{
    display:block;
    margin-top:30px;
    font-size:1.4rem;
  }
  .price-tab-text i{
    margin:6px 0 4px;
  }
  .price-list{
    margin-top:60px;
    display:flex;
  }
  .price-list + *{
    margin-top:60px;
  }
  .price-item{
    display:block !important;
  }
  .price-item-free{
    width:66.6666666667%;
  }
  .price-item-omakase{
    width:33.3333333333%;
  }
  .price-item-omakase .price-sub-title{
    display:none;
  }
  .price-item-omakase .price-sub-text{
    width:100%;
  }
  .serialForm{
    display:flex;
    align-items:center;
  }
  .serialForm-title{
    flex:none;
    margin-right:1em;
  }
  .serialForm-title::after{
    content:":";
    margin:0 0.5em;
  }
  .top-about-item{
    padding:70px 0;
    width:460px;
    height:460px;
  }
  .top-about-img[src$="img-about-01.svg"]{
    width:220px;
  }
  .top-about-img[src$="img-about-02.svg"]{
    width:300px;
  }
  .top-about-text{
    font-size:2.8rem;
  }
  .top-functions-list{
    margin:0;
    max-width:none;
  }
  .top-functions-item{
    display:flex;
    justify-content:space-between;
    align-items:center;
    position:relative;
  }
  .top-functions-item:not(:first-child){
    margin-top:80px;
  }
  .top-functions-item:nth-child(even){
    flex-direction:row-reverse;
  }
  .top-functions-img{
    width:calc(50% - 20px);
  }
  .top-functions-text{
    position:static;
    width:calc(50% - 20px);
  }
  .top-functions-text::before{
    top:-40px;
    font-size:24rem;
  }
  .top-functions-item:nth-child(odd) .top-functions-text::before{
    right:-0.05em;
    left:auto;
  }
  .top-functions-sub{
    margin-top:80px;
  }
  .top-functions-sub-item{
    padding:1em;
    width:calc(25% - 4px);
    min-height:90px;
    font-size:1.6rem;
  }
  .top-functionsOther{
    padding:60px 60px 60px 300px;
  }
  .top-functionsOther-img-01{
    top:-18px;
    left:-2px;
  }
  .top-functionsOther-img-02{
    top:124px;
    left:52px;
  }
  .top-functionsOther-img-03{
    top:auto;
    right:auto;
    bottom:-30px;
    left:-42px;
  }
  .top-caseStudy-list{
    max-width:560px;
  }
  .top-support-text{
    max-width:560px;
  }
  .top-other-column{
    display:flex;
    justify-content:space-between;
  }
  .top-other-faq{
    border-radius:20px;
    width:calc(40% - 20px);
  }
  .top-other-users{
    margin-top:0;
    width:calc(60% - 20px);
  }
  .only-under-lg{
    display:none;
  }
  .only-over-lg{
    display:block;
  }
  .only-over-inline-lg{
    display:inline;
  }}
@media (min-width: 1040px){
  .sliderThumb{
    margin-right:auto;
    margin-left:auto;
  }
  .sliderThumb-img{
    padding:0;
    max-width:760px;
  }
  .sliderThumb-button-next, .sliderThumb-button-prev{
    top:calc(50% - 60px);
    width:60px;
    height:60px;
  }
  .sliderThumb-button-next{
    right:calc(50% - 480px);
  }
  .sliderThumb-button-prev{
    left:calc(50% - 480px);
  }}
@media (min-width: 1200px){
  .header{
    padding-left:20px;
  }
  .header-logo{
    width:143px;
    height:80px;
  }
  .nav-list{
    padding:0 20px;
  }
  .nav-link, .nav-title{
    padding:0 10px;
    font-size:1.5rem;
  }
  .nav-sub-title{
    width:260px;
  }
  .nav-sub-list{
    width:calc(100% - 300px);
  }
  .nav-sub-item{
    font-size:1.6rem;
  }
  .navBtn-item{
    width:200px;
  }
  .navBtn-link-trial, .navBtn-link-contact{
    font-size:1.8rem;
  }
  .navBtn-link-contact{
    padding:15px;
  }
  .navBtn-link-contact-text{
    padding-left:80px;
  }
  .navBtn-link-contact-text::before{
    width:70px;
    height:70px;
  }
  .globalInner{
    margin:0 auto;
    padding:0 60px;
    max-width:1280px;
    width:100%;
  }
  .globalInner-narrow{
    max-width:1080px;
  }
  .mv-titleImg{
    max-width:none;
  }
  .mv-imgWrapper{
    grid-template-columns:repeat(3, 240px);
  }
  .mv-lower-btn{
    right:60px;
  }
  .contactBtn-item-tel-number{
    font-size:3.6rem;
  }
  .contactBtn-item-tel-number::before{
    font-size:2.8rem;
  }
  .contactBtn-item-tel-time{
    font-size:1.4rem;
  }
  .contactBtn-item-tel-time small{
    font-size:1.2rem;
  }
  .contactBtn-link{
    font-size:2.8rem;
  }
  .contactBtn-link-trial-text{
    padding-right:20px;
  }
  .contactBtn-link-contact-text{
    padding-right:20px;
  }
  .about-planList-lead{
    font-size:1.6rem;
  }
  .about-planList-lead::after{
    bottom:-20px;
    border-width:20px 20px 0 20px;
  }
  .price-tab{
    margin-top:50px;
  }
  * + .price-tab{
    margin-top:104px;
  }
  .price-tab-link{
    font-size:2.6rem;
  }
  .price-tab-title{
    border-bottom-width:6px;
  }
  .price-tab-lead{
    top:-48px;
    font-size:1.6rem;
  }
  .price-tab-text{
    font-size:1.6rem;
  }
  .serialForm{
    margin:0 40px;
  }
  .top-functionsOther-img-01{
    top:-23px;
    left:-46px;
  }
  .top-functionsOther-img-02{
    top:91px;
    left:46px;
  }
  .top-functionsOther-img-03{
    bottom:-39px;
    left:-58px;
  }
  .only-under-xl{
    display:none;
  }
  .only-over-xl{
    display:block;
  }
  .only-over-inline-xl{
    display:inline;
  }}
@media (min-width: 1280px){
  .mv-lower-btn{
    right:auto;
    left:calc(50% + 330px);
  }}
@media (min-width: 1300px){
  .flowList-sub-item:nth-child(n+3){
    margin-top:0;
  }
  .flowList-sub-item:nth-child(n+4){
    margin-top:60px;
  }}
@media (min-width: 1600px){
  .nav-link, .nav-title{
    font-size:1.6rem;
  }
  .navBtn-item-tel{
    display:flex;
  }
  .navBtn-item-trial{
    display:block;
  }}
@media (min-width: 1700px){
  .nav-list{
    padding:0 30px;
  }}