@charset "UTF-8";

/*============================================

  base.css

  1.reset
  2.font
  3.particles
  4.header
  5.contents
  6.footer

============================================*/

/* 1.reset
------------------------------------------- */
* {
  padding: 0;
  margin: 0;
  box-sizing: border-box;
  background-repeat: no-repeat;
}
html {
  overflow-y: scroll;
  -webkit-text-size-adjust: 100%;
}
article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
  display: block;
}
address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th  {
  text-align: left;
  font-weight: normal;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
  content: '';
  content: none;
}
object, embed {
  vertical-align: top;
}
button {
  cursor: pointer;
  border: none;
  background-color: transparent;
}
a {
  background-color: transparent; /* IE 10 */
  -webkit-text-decoration-skip: objects; /* iOS 8+, Safari 8+ */
}
a:active, a:hover {
  outline-width: 0;
}
b, strong {
  font-weight: bolder;
}
hr, legend {
  display: none;
}
h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}
img, abbr, acronym, fieldset {
  vertical-align: bottom;
  border-style: none;
}
ol, ul {
  list-style: none;
}
.clearfix:after{
  content : ''; display : block; clear : both; height:0;
}

[disabled] {
  cursor: default;
}
button, [type="button"], [type="reset"], [type="submit"] {
  cursor: pointer;
}
button, input, optgroup, select, textarea {
  font: inherit;
}
button, select, textarea {
  color: inherit;
  border-style: none;
  background-color: transparent;
}
button, html [type="button"], [type="reset"], [type="submit"] {
  border: none;
  border-radius: 0;
  -webkit-appearance: button; /* iOS */
}
button, select {
  text-transform: none; /* Firefox 40+, IE 11- */
}
select::-ms-expand {
  display: none; /* IE 11+ */
}
select::-ms-value {
  color: currentColor; /* IE 11+ */
}
optgroup {
  font-weight: bold;
}
button {
  overflow: visible; /* IE 8/9/10/11 */
}
textarea {
  overflow: auto; /* IE 11+ */
  resize: vertical;
}



/* 2.font
------------------------------------------- */
html { font-size: 62.5%; }

body {
  font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Roboto, '游ゴシック  Medium', meiryo, sans-serif;
  color: #000;
  font-size: 13px;
  font-size: 1.3rem;
}
a {
  color: #000;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}
a:active {
  text-decoration: none;
}

.fugaz {
  font-family: 'Fugaz One', cursive;
}
.mont {
  font-family: 'Montserrat', sans-serif;
}
.quest {
  font-family: 'Questrial', sans-serif;
}
.roboto {
  font-family: 'Roboto', sans-serif;
}
.raleway {
  font-family: 'Raleway', sans-serif;
}
.oswald {
  font-family: 'Oswald', sans-serif;
}
.lola {
  font-family: 'Lora', serif;
}
.play {
  font-family: 'Playfair Display', serif;
}


/* 3.particles
------------------------------------------- */
.res-img {
  width: 100%;
  height: auto;
}
.emp {
  color: #d00;
}

/* heading */
.sec-ttl {
  margin-bottom: 2rem;
  text-align: center;
}
.sec-ttl .en {
  font-size: 2.7rem;
  font-weight:700;
}
.sec-ttl .ja {
  display: block;
  margin-top: 0.3rem;
  font-size: 1.2rem;
}
.b-sec-ttl {
  margin-bottom: 2rem;
  text-align: center;
}
.b-sec-ttl .en {
  font-size: 2.3rem;
  font-weight:700;
}
.b-sec-ttl .ja {
  display: block;
  margin-top: 0.5rem;
  font-size: 1.2rem;
}

/* button */
.btn {
  display: inline-block;
  font-size: 1.4rem;
}
.first-btn {
  border: 1px solid #333;
  color: #333;
}
.first-btn:hover {
  color: #fc5087;
  border: 1px solid #fc5087;
}
.second-btn {
  color: #fff;
  border: 2px solid #fff;
}
.induct-btn {
  display: block;
  padding: 0.8rem 0;
  text-align: center;
  font-weight: bold;
}
.induct-btn.first-btn {
  background-image: url(../img/common/b-arw.png);
  background-position: 96% 50%;
  background-size: 6px 10px;
}
.induct-btn.first-btn:hover {
  background-image: url(../img/common/a-arw.png);
}
.third-btn {
  color: #fff;
  border: 2px solid #fff;
  margin:1rem 0;
}
.third-btn:hover {
  color: #d00;
  border: 2px solid #d00;
}
.induct-btn.third-btn {
  background-image: url(../img/streetdance/w-arw.png);
  background-position: 96% 50%;
  background-size: 6px 10px;
}
.induct-btn.third-btn:hover {
  background-image: url(../img/streetdance/a-arw.png);
}
.repo-induct-btn {
  display: block;
  width:100%;
  padding: .7rem 2.2em .5em .7em;
  text-align: left;
  font-size:1.2rem;
  font-weight: bold;
  margin-top:1em;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
.report-btn {
  color: #1DC0CA;
  background-color:#F2FCFD;
  border: 1px solid #66D3DA;
}
.report-btn:hover{
  color: #fff;
  background-color:#1DC0CA;
  border: 1px solid #1DC0CA;
}
.repo-induct-btn.report-btn {
  background-image: url(../img/common/r-arw.png);
  background-position: 96% 50%;
  background-size: 6px 10px;
}
.repo-induct-btn.report-btn:hover {
  background-image: url(../img/common/w-arw.png);
}

.beginner-induct-btn {
  display: block;
  width:100%;
  padding: .7em 0;
  text-align: center;
  font-size:1.3rem;
  font-weight: bold;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  border-radius: 4px;
}
.beginner-btn {
  color: #1DC0CA;
  border:1px solid #1DC0CA;
  background-color:#FFFCF7;
}
.beginner-induct-btn.beginner-btn {
  background-image: url(../img/common/beginner-ico.png);
  background-position: 4% 50%;
  background-size: 10px ;
}


.wide-btn {
  display: block;
  padding: .4em 0;
  text-align: center;
  font-weight: bold;
}
.wide-btn {
  background-image: url(../img/common/b-arw.png);
  background-position: 96% 50%;
  background-size: 6px 10px;
}

.dark-grad {
  background: #4d4d4d; /* Old browsers */
  background: -moz-linear-gradient(top,  #4d4d4d 0%, #000000 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #4d4d4d 0%,#000000 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #4d4d4d 0%,#000000 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d4d4d', endColorstr='#000000',GradientType=0 ); /* IE6-9 */
}
.light-grad {
  background: #ffffff; /* Old browsers */
  background: -moz-linear-gradient(top,  #ffffff 0%, #e6e6e6 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  #ffffff 0%,#e6e6e6 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  #ffffff 0%,#e6e6e6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 ); /* IE6-9 */
}




/* 4.header
------------------------------------------- */
.header {
  border-top: 5px solid #ccc;
  }
.no-h-b {
  border-top: 0px solid #ccc;
}
.head-top-block{
  box-shadow: 0px 3px 3px rgba(0,0,0,0.20);
  -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.20);
  -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.20);
}
.sp-header {
  position: fixed;
  width: 100%;
  z-index: 5;
}
.head-top .wrap {
  padding: 0;
}
.sp-header .head-logo {
  float: left;
  padding: 9px 0 0 8px;
  width: 210px;
  height: 50px;
  background-color:#fc5087;
}
.sp-header .head-logo2 {
  float: left;
  padding: 4px 0 0 9px;
  width: 230px;
  height: 55px;
  background-color:#fff !important;
}
.sp-header .head-logo2 img{
  height: 45px;
  width:auto;
}
.sp-header .head-logo2 span {
  position:absolute;
  top:11px;
  left:90px;
  width: calc(250px - 90px);
  font-size:.8rem;
  color:#fc5087;
  line-height:1.3;
}
.sp-header .head-logo3 {
  float: left;
  padding: 4px 0 0 9px;
  width: 230px;
  height: 55px;
  background-color:#fff !important;
  position:relative;
}
.sp-header .head-logo3 img{
  height: 45px;
  width:auto;
}
.sp-header .head-logo3 span {
  position:absolute;
  top:11px;
  left:90px;
  width: calc(250px - 90px);
  font-size:.8rem;
  color:#fc5087;
  line-height:1.3;
}
.sp-header .head-right {
  float: left;
  height: 50px;
  width: calc(100% - 210px);
  background-color:#fc5087;
}
.sp-header .head-right2 {
  float: left;
  height: 55px;
  width: calc(100% - 230px);
  background-color:#fff !important;
}
.sp-header .head-tgr {
  float: right;
  width: 100px;
}
.sp-header .head-tgr li {
  float: left;
  width: 50px;
  height: 50px;
  text-align: center;
  cursor: pointer;
}
.no-h-b .head-tgr li {
  float: left;
  width: 50px;
  height: 55px;
  text-align: center;
  cursor: pointer;
}
.sp-header .tgr-txt {
  display: inline-block;
  padding-top: 3.4rem;
}
.no-h-b .tgr-txt {
  display: inline-block;
  padding-top: 3.8rem;
}
.sp-header .tgr-studio {
  border-left: 0px solid #eee;
  background: #fff;
  background: -moz-linear-gradient(top,  #ffffff 0%, #f2f2f2 100%);
  background: -webkit-linear-gradient(top,  #ffffff 0%,#f2f2f2 100%);
  background: linear-gradient(to bottom,  #ffffff 0%,#f2f2f2 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
}
.sp-header .tgr-studio2 {
  border-left: 0px solid #a9a9a9;
  background: #81d0d5;
  padding-top:3px;
}
.sp-header .tgr-studio-txt {
  font-size: 0.8rem;
  background-image: url(../img/common/tel-b-ico.png);
  background-position: 50% 7px;
  background-size: 33px auto;
}
.no-h-b .tgr-studio-txt {
  font-size: 0.8rem;
  background-image: url(../img/common/tel-b-ico.png);
  background-position: 50% 10px;
  background-size: 33px auto;
}
.sp-header .tgr-gnavi {
  background: #e72001;
  background: -moz-linear-gradient(top,  #CBAF73 0%, #AB935D 100%);
  background: -webkit-linear-gradient(top,  #CBAF73 0%,#AB935D 100%);
  background: linear-gradient(to bottom,  #CBAF73 0%,#AB935D 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#CBAF73', endColorstr='#AB935D',GradientType=0 );
}
.sp-header .tgr-gnavi2 {
  background: #fc5087;
}
.sp-header .tgr-gnavi-txt {
  color: #fff;
  font-size: 0.9rem;
  background-image: url(../img/common/menu-ico.png);
  background-position: 50% 11px;
  background-size: 25px auto;
}
.no-h-b .tgr-gnavi-txt {
  color: #fff;
  font-size: 0.9rem;
  background-image: url(../img/common/menu-ico.png);
  background-position: 50% 14px;
  background-size: 25px auto;
}
.sp-header .overlay {
  position: fixed;
  top: 60px;
  width: 100%;
  background-color: rgba(26, 19, 17, 0.9);
  visibility: hidden;
  opacity: 0;
  z-index: 0;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
          transition: all .3s;
}
.sp-header .overlay::after {
  position: absolute;
  content: "";
  top: -7px;
  margin-left: -7px;
  display: block;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 0 7px 7px 7px;
  border-color: transparent transparent rgba(26, 19, 17, 0.8) transparent;
}
.sp-header.s-menu-open .s-menu {
  visibility: visible;
  opacity: 1;
}
.sp-header.gnavi-open .gnavi {
  visibility: visible;
  opacity: 1;
}
.sp-header .s-menu .inner {
  padding: .4rem 4% 2rem;
}
.sp-header .gnavi .wrap {
  padding: 2em 4% 2rem;
}
.sp-header .s-menu.overlay::after {
  right: 68px;
}
.sp-header .gnavi.overlay::after {
  right: 18px;
}
.sp-header .overlay-main {
  padding-right: 1px;
  height: 80vh;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.sp-header .s-menu-navi {
  margin-bottom: 2rem;
}
.sp-header .s-menu-navi li {
  padding: .9rem 0;
  border-bottom: 1px solid #ccc;
}
.sp-header .s-menu-block {
  display: table;
  width: 100%;
  height: 46px;
  padding-left: 56px;
  background-position: 0 50%;
  background-size: 46px auto;
}
.sp-header .s-menu-ttl {
  display: table-cell;
  width: 38%;
  color: #fff;
  vertical-align: middle;
}
.sp-header .s-menu-dial {
  display: table-cell;
  width: 62%;
  text-align: right;
  vertical-align: middle;
}
.sp-header .s-menu-btn {
  padding: 1rem 12px;
  color: #fff;
  border-radius: 3px;
  background: #1DC0CA;
}
.s-menu-num {
  font-weight: 700;
}
.sp-header .s-menu-num {
  padding-left: 20px;
  background-image: url(../img/common/tel-w-ico.png);
  background-position: 0 50%;
  background-size: 15px auto;
}

.sp-header .s-menu-ginza { background-image: url(../img/common/menu-ginza.png);}
.sp-header .s-menu-toritsu { background-image: url(../img/common/menu-toritsu.png);}
.sp-header .s-menu-shinjuku { background-image: url(../img/common/menu-shinjuku.png);}
.sp-header .s-menu-akihabara { background-image: url(../img/common/menu-akihabara.png);}
.sp-header .s-menu-nakameguro { background-image: url(../img/common/menu-nakameguro.png);}
.sp-header .s-menu-komazawa { background-image: url(../img/common/menu-komazawa.png);}
.sp-header .s-menu-ebisu { background-image: url(../img/common/menu-ebisu.png);}

.sp-header .s-menu-contact {
  margin-bottom: 2rem;
  text-align: center;
}
.sp-header .s-menu-contact a {
  display: block;
  padding: 0.8rem 0;
  background-image: url(../img/common/mail-w-ico.png);
  background-position: 6% 50%;
  background-size: 19px auto;
}
.sp-header .close {
  text-align: center;
  font-size: 1.1rem;
}
.sp-header .close .close-btn {
  padding: 2px 5px 2px 28px;
  color: #fff;
  border: 1px solid #fff;
  background-image: url(../img/common/menu-cross-ico.png);
  background-size: auto 100%;
  margin-top:0em;
}

.sp-header .gnavi-frame li {
  margin-bottom: 10px;
  font-size: 1.1rem;
  font-weight: bold;
  border: 1px solid #eee;
}
.sp-header .gnavi-frame li ul li {
  margin-bottom: 0;
  border-top: 1px solid #999;
  border-right: none;
  border-left: none;
  border-bottom: none;
}
.sp-header .gnavi li a {
  position: relative;
  display: block;
  color: #fff;
  padding: 16px 10px 16px 40px;
  background-position: 10px 50%;
  background-size: auto 26px;
  z-index: 5;
}
.sp-header .gnavi li a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: url(../img/common/menu-re-arw-ico.png);
  background-size: 16px auto;
  background-position: 50% 50%;
  z-index: 4;
}
.sp-header .gnavi li .en {
  color: #797979;
  font-family: 'Questrial', sans-serif;
  font-size: 1rem;
  font-weight: normal;
  margin-left: 10px;
}
.sp-header .gnavi .nav-parent {
  display: inline-block;
  width: calc(100% - 50px);
}
.sp-header .gnavi .nav-parent::after {
  background: none;
}
.sp-header .nav-plus {
  display: block;
  float: right;
  height: 50px;
  vertical-align: top;
  width: 50px;
  background-image: url(../img/common/menu-plus-ico-w.png);
  background-position: 17px 50%;
  background-size: 16px auto;
}
.sp-header .list-open .nav-plus {
  background-image: url(../img/common/menu-minus-ico-w.png);
}
.header .gnavi .gnavi-low {
  clear: right;
  visibility: hidden;
  opacity: 0;
  height: 0;
  -webkit-transition: all .3s;
     -moz-transition: all .3s;
      -ms-transition: all .3s;
          transition: all .3s;
}
.header .gnavi .gnavi-low li {
  opacity: 0;
  height: 0;
}
.header .gnavi .list-open .gnavi-low {
  height: auto;
  visibility: visible;
  opacity: 1;
}
.header .gnavi .list-open .gnavi-low li {
  opacity: 1;
  height: auto;
}
.sp-header .gnavi-low li {
  background: rgba(0, 0, 0, .2);
}
.sp-header .gnavi .gnavi-low a {
  padding: 14px 10px;
}


.sp-header .gnavi .nav-feature {
  background-image: url(../img/common/feature-ico.png);
  background-size: auto 28px !important;
}
.sp-header .gnavi .nav-system {
  background-image: url(../img/common/system-ico.png);
}
.sp-header .gnavi .nav-guidance {
  background-image: url(../img/common/guidance-ico.png);
}
.sp-header .gnavi .nav-schedule {
  background-image: url(../img/common/schedule-ico.png);
}
.sp-header .gnavi .nav-access {
  background-image: url(../img/common/access-ico.png);
}
.sp-header .gnavi .nav-genre {
  background-image: url(../img/common/genre-ico.png);
  background-size: auto 32px !important;
}
.sp-header .gnavi .nav-beginner {
  background-image: url(../img/common/beginner-ico.png);
}
.sp-header .gnavi .nav-effect {
  background-image: url(../img/common/effect-ico.png);
}
.sp-header .gnavi .nav-qa {
  background-image: url(../img/common/qa-ico.png);
}
.sp-header .gnavi .nav-contact {
  background-image: url(../img/common/contact-ico.png);
}
.sp-header .gnavi .nav-info {
  background-image: url(../img/common/info-ico.png);
}
.sp-header .gnavi .nav-main-entry {
  background-image: url(../img/common/entry-w-ico.png);
}

.sp-header .gnavi li.sq {
  float: left;
  margin-right: 3.5%;
  width: 31%;
  text-align: center;
}
.sp-header .gnavi li.sq.flap {
  margin-right: 0;
}
.sp-header .gnavi li.clr {
  clear: left;
}
.sp-header .gnavi li.sq {
  font-size: 1rem;
}
.sp-header .gnavi li.sq a {
  padding: 46px 0 8px;
  background-position: 50% 10px;
  background-size: auto 26px;
}
.sp-header .gnavi li.sq a::after {
  background-image: none;
}
.sp-header .gnavi li.sq .en {
  display: block;
  margin: 0;
}

.sp-header .gnavi li.member a::after {
  background-image: url(../img/common/menu-re-arw-ico.png);
}

.sp-header .gnavi-frame li.member {
  margin-bottom: 20px;
  font-size: 1.6rem;
  border: 0px solid #fff;
  border-radius: 3px;
  background: #f2516a;
}
.sp-header .gnavi-frame li.member a {
  padding: 20px 10px 20px 53px;
  color: #fff;
}
.sp-header .gnavi-frame li.sitemap {
  margin-bottom: 20px;
  text-align: center;
  border: none;
  background: none;
}
.sp-header .gnavi-frame li.sitemap a {
  display: inline-block;
  padding: 0 1.8em 0 0;
  color: #fff;
  background-image: url(../img/common/w-arw.png);
  background-position: 100% 50%;
  background-size: auto 1em;
}
.sp-header .gnavi-frame li.sitemap a::after {
  background-image: none;
}
.sp-header .gnavi-frame li.sitemap .en {
  color: #c8c9ca;
}

.sp-header .gnavi-frame li.member .en {
  color: #fff;
}

.sp-header .gnavi-sub {
  display: none;
}

.sp-header .gnavi .h-ticket li a {
  position: relative;
  display: block;
  color: #231815;
  padding: 0 0;
  background-position: 10px 50%;
  background-size: auto 26px;
  z-index: 5;
}
.sp-header .gnavi .h-ticket li a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 16px;
  width: 16px;
  height: 16px;
  margin-top: -8px;
  background-image: none;
  z-index: 4;
}

.sp-header .gnavi .h-ticket li img {
  width:100%;
}
.sp-header .gnavi .h-ticket .main-ticket .ticket-list {
  width:100%;
  margin:2em 0 0;
}

.nav-k-pop{display:inline;padding-left:.5em;font-size:.8em;}
@media screen and (min-width: 768px) {
.sp-header .gnavi-frame li {
  font-size: 1.3rem;
}
.sp-header .gnavi li.sq {
  font-size: 1.4rem;
}
}
@media screen and (min-width: 769px) {
.gnavi li.pc-hide {
  display: none;
}
}

.sp-header .gnavi-frame dl.login{border-top:1px solid #34ceca;border-left:1px solid #34ceca;margin-bottom:2.5em;display: flex; justify-content: space-between; align-items: center;width: 100%;}
.sp-header .gnavi-frame dl.login dd{border-right:1px solid #34ceca;border-bottom:1px solid #34ceca;position:relative;text-align:center;width: 100%;}
.sp-header .gnavi-frame dl.login dd::after{ content: none;}
.sp-header .gnavi-frame dl.login dd input{color:rgba(255,255,255,0);background:none;position:absolute;top:0;left:0;}
.sp-header .gnavi-frame dl.login dd p{padding:.75em 1em .75em 1em;color:#34ceca;font-size:1.7rem;}
.sp-header .gnavi-frame dl.login dd img{position:absolute;top: 48%;left:1em;transform: translate(-0%,-52%);width:7%;}
.sp-header .gnavi-frame dl.login dd .sc-small{color:#fff;}

/*//// modal window ////*/
.modal{display: none;height: 100vh;position: fixed;top: 0;left:0;width: 100%;z-index:999;overflow:hidden;}
.modal-bg{background: rgba(0,0,0,0.8);height: 100vh;position: absolute;width: 100%;}
.modal-content{background: #fff;padding:2em 1.25em 3em;position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 80%;height: 80vh;overflow-y: auto;}

.modal-content.bpt_box {
  background-color: #000;
  color: #fff;
  letter-spacing: 1px;
  line-height: 2rem;
  border: 1px solid #fff;
}

.bpt_box section {
  margin-bottom: 1em;
}

.modal-ttl{text-align: center; margin-bottom: 1em;font-family: "Roboto", sans-serif!important; font-weight: 900;font-size: 2.4rem;line-height:1.7;}
.modal-ttl span{display: block;font-size: .9rem;}

.bpt_box .modal-ttl {
  text-align: left;
  color: #EF1B49;
}

.bpt_box .globe_rank_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

.globe_rank_box li {
  width: calc(100%/3);
  padding: 2rem;
  text-align: center;
}

.globe_rank_box li p {
  margin-top: 1rem;
  font-size: 1.4em;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .globe_rank_box li p {
    margin-top: 1rem;
    font-size: 1em;
    font-weight: 700;
  }
}

.bpt_box .belt_rank_box {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 3rem;
}

.belt_rank_box li {
  width: calc(100%/3);
  padding: 2rem;
  text-align: center;
}

.belt_rank_box li:first-child {
  width: 80%;
}

.belt_rank_box li p {
  margin-top: 1rem;
  font-size: 1.4em;
  font-weight: 700;
}

@media screen and (max-width: 768px) {
  .belt_rank_box li p {
    margin-top: 1rem;
    font-size: 1em;
    font-weight: 700;
  }
}

.login-form dl{border-top:none;border-left:none;}
.login-form dd{ display: block; padding-bottom: 1em; align-items: center;border:none;width:100%;}
.login-form dd p {text-align: left; font-weight: bold; line-height: 1.2; width: 100%; font-size: 1.1em;margin-bottom:.5em;}
.login-form dd p span{ display: inline; font-size: .8em; color: #000!important;padding-left:.5em;}
.login-form dd label{ width: 100%;background:#f6f6f6;}
.login-form input[type="text"],.login-form input[type="password"]{ font-size: 1.3rem; padding:1.5em 1em; border: 1px solid #fff; width: 100%; box-sizing: border-box; border-radius: 3px;background:#efefef;}
.login-send{ display: flex; justify-content: center;}
.login-send input{ background: #000; color: #fff; font-weight: bold; font-size: 1.4rem; padding: 1em 4.5em; border-radius: 3px; text-align: center;margin-bottom:1.5em;}
.pass-at{ text-align: center;}
.pass-at a{ color: #fa0431; text-decoration: underline; font-size: 1.1rem;}
.noweb-at{ text-align: center;font-size: 1.3rem;font-weight:bold;margin-top:2em;}
.new-send{ display: flex; justify-content: center;}
.new-send a{ background: #34ceca; color: #fff; font-weight: bold; font-size: 1.4rem; padding: 1em 4.5em; border-radius: 3px; text-align: center;margin-top:1em;}
.modal-close{position: absolute; top: 1em; right: 1em; width:30px;height:30px;cursor: pointer;display:block;}
.modal-close span {display: block; width: 100%; height: 1px; background: #000;}
.modal-close span {background: #000; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%;position: absolute;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}

.bpt_box .modal-close span {
  background-color: #fff;
}

.modal-ac-ttl{font-size:1.3rem;font-family:'Oswald', sans-serif;font-weight:300;margin-bottom:1.25em;}

.modal-ac-ttl.modal-ac-ttl-border {
  border-bottom: 1px dashed #cacaca;
  padding-bottom: 2.25rem;
}

.modal-content .kousya{font-size:1.5rem;font-weight:bold;margin-bottom:.6em;}
.modal-content .tel{font-family:'Roboto', sans-serif;font-size:2rem;margin-bottom:.5em;color:#34ceca;}
.modal-content .tel i{padding-right:.5em;color:#34ceca;}
.modal-content .add{font-size:1.3rem;margin-bottom:1.5em;}
.modal-content iframe{width:100%;height:30vh;}

.modal-content .lessn-items {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  border-top: 1px dashed #cacaca;
  padding-top: 2rem;
  padding-bottom: 2rem;
  font-size: 1.6rem;
}

@media screen and (max-width: 375px) {
  .modal-content .lessn-items {
    font-size: 1.4rem;
  }
}

.modal-content .lessn-items:first-child {
  border-top-width: 0;
  padding-top: 0;
}

.lessn-items .title {
  padding: 1rem;
  color: #ff5543;
}

@media screen and (max-width: 375px) {
  .lessn-items .title {
    padding: .8rem;
  }
}

.title.title-color {
  color: #34ceca;
}

.lessn-items .text {
  font-weight: 700;
  margin-bottom: 1.4rem;
}

.mypage-point-container .modal-content{background:rgba(0,0,0,0.8);color:#fff;border:1px solid #999;height: 80vh;overflow: scroll;padding:2em 1.25em 0em;}
.mypage-point-container .modal-content section{margin-bottom:2.5em;line-height:1.6;}
.mypage-point-container .modal-content h3{font-size:2rem;font-family:'Oswald', sans-serif;font-weight:500;margin-bottom:.5em;color:#ff5543;}
.mypage-point-container .modal-content h3 span{font-size:60%;display:block;}
.mypage-point-container .modal-content ul{display: flex; justify-content:space-between;flex-wrap: wrap;padding-top:1.5em;}
.mypage-point-container .modal-content li{width:29%;text-align:center;margin-bottom:1em}
.mypage-point-container .modal-content li.all{width:100%;}
.mypage-point-container .modal-content li img{margin-bottom:.5em;}
.mypage-point-container .modal-content li p{font-size:1.1rem;text-align:center;}
.mypage-point-container .modal-close span{background:#fff;}

/* 5.contents
------------------------------------------- */
.page-container {
  margin-bottom: 2rem;
}
.container {
  padding-top: 55px;
}
.sec {
  margin-bottom: 2.5rem;
}
.wrap{
	padding:0 1.75em
}

.inside {
  padding: 0 3%;
}
.sp-header .gnavi .h-ticket .inside{
  padding:0 0 !important;
}
.sp-hide {
  display: none;
}
.text {
  line-height: 1.6;
}
.dance-bg {
  background-image: url(../img/top/feature-bg_sp.png);
  background-position: 50% 50%;
  background-size: cover;
}
.r-fill-bg {
  padding: 1.6rem 0;
  color: #fff;
  background-color: #fc5087;
}
.r-fill-bg .sec-ttl {
  color: #fff;
  margin-top:1em !important;

}

.list li {
  position: relative;
  padding-left: 1em;
}
.list li:not(:last-child) {
  margin-bottom: .6rem;
}
.list li::before {
  position: absolute;
  left: 0;
  content: "・";
}

.page-head {
  display: table;
  width: 100%;
  text-align: center;
  background-position: 50% 50%;
  background-size: cover;
}
.page-head .inner {
  display: table-cell;
  vertical-align: middle;
}
.page-head-sub {
  margin-top: 2rem;
}
.ttl-base {
  padding: .2em 0;
  background-color: rgba(0, 0, 0, .4);
}
.ttl-base2 {
  padding: .7em 0 0;
  background-color: rgba(0, 0, 0, .4);
}
.ttl-base3 {
  padding: .2em 0;
  background-color: #c7c1bc;
}
.breadcrumbs {margin-bottom: 3rem;color:#ccc;}
.breadcrumbs ol {padding: .4em 0;border-bottom: 1px dotted #aaa;}
.breadcrumbs li {position: relative;display: inline-block;margin-right: 1em;font-size: .9rem;}
.breadcrumbs li a{color:#999;}
.breadcrumbs li:not(:last-child)::after {position: absolute;content: ">";right: -1em;top: 0;}
.breadcrumbs li a:hover {text-decoration: underline;}

.sp-wrap {
  padding: 0 4%;
}

.recept-table {
  width: 100%;
  font-size: 1.4rem;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
.recept-table th,
.recept-table td {
  display: block;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
.recept-table th {
  padding: .6em 1em;
  font-size: 1.2rem;
  background-color: #f6f6f6;
}
.recept-table td {
  padding: .6em 1em;
}

.recept-table .dial {
  float: right;
  color: #00af96;
}

.req {
  color: #ee0000;
}
.form-table{margin-bottom:.25em;width:100%;}
.form-table th,.form-table td{padding:0 1.5em;display:block;font-size:1.4rem;}
.form-table th{font-weight:bold;margin-bottom:.25em;}
.form-table td{padding:.5em 1.5em;display:block;margin-bottom:1.25em;}
.form-table input,.form-table textarea{border:0px;background:#efefef;padding:1.25em 1em;}
.form-supple p:not(:last-child){margin-bottom:1rem;}
.input-list li{margin-top:.4em;margin-right:1em;margin-bottom:.4em;display:inline-block;}
.input-list li label{padding-left:.4em;}
.input,textarea{width:100%;font-size:1.4rem;border-radius:0;border:1px solid #666;}
.input.input-date{width:22%;}
.d-unit{margin:0 .5em;}
.select{padding:8px;font-size:1.6rem;border:1px solid #666;}
.input-head{margin-bottom:1rem;}
.form-operate{padding:0 0;text-align:center;}
.form-operate li{text-align:center;}
.form-operate li input{padding:1em 6em;color:#fff;font-weight:bold;font-size:1.6rem;}
.form-operate li input[disabled]{cursor:not-allowed;background-color:#ccc;}
.form-operate li input.long-word{padding:0.8em 3em;}
.couple-operate li{float:left;width:46%;}
.couple-operate li:last-child{float:right;}
.couple-operate li input{padding:1em 0;width:100%;}
.primary-btn{background-color:#000;}
.secondary-btn{background-color:#ef1b49;}
.caution-txt{color:#ee0000;}
.error-list{padding:1.4em 4%;margin-bottom:2rem;}
.caution-ttl{color:#ee0000;font-size:1.4rem;font-weight:bold;margin-bottom:2rem;text-align:center;}
.restriction{margin-bottom:3rem;text-align:center;}
.stand-btn{text-align:center; margin-top: 2.5em;}
.back-btn{display:inline-block;background-color:#000;color:#fff;padding:0.8em 4em;text-align:center;}
.back-btn .arw{padding-right:1.2em;background-image:url(../img/common/w-arw.png);background-position:100% 50%;background-size:auto 12px;}

/* NEW trial FORM
------------------------------------------- */
.trialform-box{padding-top:2em}
.form-wrap{margin-bottom:3em;}
.form-wrap .wrap{padding:0;display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;}
.form-wrap .wrap section{width:100%;}
.form-info-wrap{background:#efefef;padding:2em 1.5em;}
.form-info-wrap ul{display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;}
.form-info-wrap ul:first-child{margin-bottom:2em;}
.form-info-wrap li:first-child p{display: table-cell;width: 140px;height: 140px;overflow: hidden;position: relative;}
.form-info-wrap li:first-child img {position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);width: auto;height: 100%;}
.form-info-wrap li:last-child{width: calc( 100% - 155px );padding:0 .5em;position:relative;}
.form-info-wrap li p.inst{font-size:1.1rem;font-family:'Oswald', sans-serif;font-weight:400;margin-bottom:.75em;}
.form-info-wrap li p.name{font-size:1.8rem;font-family:'Oswald', sans-serif;font-weight:500;margin-bottom:.75em;}
.form-info-wrap li p.name span{font-size:70%;display:block;font-weight:300;}
.form-info-wrap li p.add{font-size:1.1rem;;margin-bottom:.75em;}
.form-info-wrap li p.tel{font-family:'Roboto', sans-serif;font-size:1.8rem;font-weight:500;margin-bottom:.75em;}
.form-info-wrap li .btn{display:block;text-align:center;padding:.5em;border:1px solid #000;font-size:1.1rem;}

.radio-tile-group {display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;}
.radio-tile-group .input-container {position: relative;height: 6rem;width: 14.05%;margin: 0 0 2em 0;}
.radio-tile-group .input-container .radio-button {opacity: 0;position: absolute;top: 0;left: 0;height: 100%;width: 100%;margin: 0;cursor: pointer;}
.radio-tile-group .input-container .radio-tile {display: -webkit-box;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-align: center;align-items: center;-webkit-box-pack: center;justify-content: center;width: 100%;height: 100%;border: 1px solid #666;padding: 1em;-webkit-transition: -webkit-transform 300ms ease;transition: -webkit-transform 300ms ease;transition: transform 300ms ease;transition: transform 300ms ease, -webkit-transform 300ms ease;}
.radio-tile-group .input-container .close-tile{color:#bbb;border: 1px solid #ccc;text-decoration: line-through;}
.radio-tile-group .input-container .close-tile .close{background:#ed1c24;color:#fff;font-size:1.1rem;padding:.2em .6em;line-height:1;position:absolute;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .change-tile .change{background:#000;color:#fff;font-size:1.1rem;padding:.2em .6em;line-height:1;position:absolute;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .radio-tile-label {text-align: center;font-size: 1.4rem;font-weight: 600;text-transform: uppercase;letter-spacing: 0px;color: #000;font-family:'Roboto', sans-serif;line-height:1.4;}
.radio-tile-group .input-container .close-tile .radio-tile-label {color:#bbb;}
.radio-tile-group .input-container .radio-tile-label span{display:block;font-size:60%;font-weight: 600;}
.radio-tile-group .input-container .radio-button:checked + .radio-tile {background-color: #000;border: 1px solid #000;color: white;-webkit-transform: scale(1.1, 1.1);transform: scale(1.1, 1.1);}
.radio-tile-group .input-container .radio-button:checked + .radio-tile .radio-tile-label {color: white;background-color: #000;}

.under-bread .breadcrumbs {margin-bottom: 0;margin-top: 2em;}
.under-bread .breadcrumbs ol {border-bottom: 0px dotted #aaa;border-top: 1px dotted #aaa;}

.form-table th.bring {background-color: #f5f1e9;margin-bottom:0;padding-top:1.5em}
.form-table td.bring {background-color: #f5f1e9;line-height:1.7;padding-bottom:1.5em}
.confirm-body .wrap{padding:0 1.5em;}
.confirm-body th,.confirm-body td{text-align:center;}
.confirm-body th{font-size:1.2rem;}
.confirm-body td{margin-bottom:2em;}

/* 6 footer
------------------------------------------- */
footer{background-color:#000000;}
footer .wrap{padding:3.5em 0;}
footer .wrap img.logo{width:15%;margin:0 auto 2em;display: block;}
footer .wrap p{color:#fff;font-weight:300;font-size:.8em;margin:0 0 1.5em;letter-spacing:1px;}
footer .wrap ul{display: flex; flex-wrap: wrap; justify-content: center; align-items: center; align-content: center;padding:0 3em;margin-bottom:2.5em;}
footer .wrap li{width:16%;padding:0 .5em;}
footer .copyright{color:#fff;font-size:.8em;letter-spacing:1px;}

@media screen and (min-width: 768px) {
	.wrap{padding:0 4em}
	footer .wrap{padding:4.5em 0}
	footer .wrap img.logo{width:7%;margin:0 auto 3em;}
	footer .wrap p{font-size:.8em;margin:0 0 2em;}
	footer .wrap ul{padding:0 20%;margin-bottom:3.5em;}
	footer .wrap li{padding:0 1em;}
	footer .copyright{font-size:.8em;}
}

@media screen and (min-width: 769px) {
	.wrap{padding:0 0;width:80%;margin:0 auto;text-align: center;display:block;}
	footer .wrap{padding:4.5em 0;}
	footer .wrap p{font-size:1em;}
	footer .wrap ul{padding:0 25%;}
	footer .wrap li{padding:0 1em;}
	footer .copyright{font-size:.9em;}
}

@media screen and (min-width: 1440px) {
	footer .wrap{padding:5.5em 0}
	footer .wrap img.logo{width: 5%;}
	footer .wrap ul{padding:0 30%;}
}

@media screen and (min-width: 768px) {
.wrap {padding: 0 3em;}
.r-fill-bg .sec-ttl {
  color: #fff;
  margin-bottom:1em !important;
  margin-top:1em !important;
}
.sp-header .gnavi .wrap {padding: 3em 4% 2rem;}
.sp-header .gnavi-frame li {
    margin-bottom: 2.2em!important;
}

.sp-header .gnavi-frame dl.login dd a{color:#fff;font-size:2.2rem;}
.sp-header .gnavi-frame dl.login dd p{padding:.5em 1em .5em 1em;color:#34ceca;font-size:2.2rem;}
.sp-header .gnavi-frame dl.login dd img{width:5%;left:1.25em;}
.sp-header .gnavi-frame dl.login dd .sc-small{color:#fff;}

/*//// modal window ////*/
.modal-content{background: #fff;padding:4em 3em 5em;width: 80%;}
.modal-ttl{margin-bottom: 1em;font-size: 3.4rem;line-height:1.8;}
.modal-ttl span{font-size: 1.6rem;}
.login-form dd{padding-bottom: 2.5em;}
.login-form dd p {font-size:1.8em;margin-bottom:.5em;}
.login-form dd p span{font-size: 1.25rem; color: #000!important;padding-left:.5em;}
.login-form input[type="text"],.login-form input[type="password"]{ font-size: 2.3rem; padding:1em 1.2em; border: 1px solid #fff; }
.login-send input{ font-size: 2.4rem; padding:1em 4.5em;margin-bottom:1.5em;}
.pass-at a{font-size: 2.1rem;}
.new-send a{ font-size: 2.4rem; padding:1em 4.5em;margin-top:1.5em;}
.noweb-at{font-size: 2.2rem;margin-top:3em;}
.modal-close{z-index:9999;width:40px;height:40px;}
.modal-close span {display: block; width: 100%;}
.modal-close span:nth-child(1) { top:1.5em;}
.modal-close span:nth-child(2) { top:1.5em;}
.modal-ac-ttl{font-size:1.8rem;margin-bottom:1.25em;}
.modal-content .kousya{font-size:2.3rem;margin-bottom:.75em;}
.modal-content .tel{font-size:2.6rem;margin-bottom:.5em;}
.modal-content .add{font-size:1.6rem;margin-bottom:1.5em;}
.modal-content iframe{height:50vh;}

.mypage-point-container .modal-content{padding:2em 3em 0em;}
.mypage-point-container .modal-content section{margin-bottom:4em;line-height:1.6;font-size:1.2em;}
.mypage-point-container .modal-content h3{font-size:2em;margin-bottom:.75em;}
.mypage-point-container .modal-content ul{padding-top:2.5em;}
.mypage-point-container .modal-content li{width:26%;text-align:center;margin-bottom:2em}
.mypage-point-container .modal-content li.all{width:100%;}
.mypage-point-container .modal-content li.all img{width:80%;}
.mypage-point-container .modal-content li img{margin-bottom:.5em;}
.mypage-point-container .modal-content li p{font-size:1.2em;}

/*//// form-table ////*/
.form-body{width:100%;}
.form-table{margin-bottom:.25em;width:100%;}
.form-table th,.form-table td{padding:0 2em;}
.form-table th{font-size:1.8rem;font-weight:bold;margin-bottom:.75em;}
.form-table td{font-size:1.8rem;padding:.5em 2em;margin-bottom:2em;}
.form-table input,.form-table textarea{padding:1.5em 1em;font-size:1.8rem;}
.form-operate li {font-size: 1.6rem;}
.form-operate li input{padding:1em 6em;font-size:2rem;}
.couple-operate li input{padding:1em 0;}
.caution-txt{text-align:center;margin-bottom:3.5em;}

/* NEW trial FORM
------------------------------------------- */
.trialform-box{padding-top:4em}
.form-wrap{margin-bottom:4em;}
.form-wrap .wrap{padding:0;}
.form-info-wrap{padding:3em 3em;display: -webkit-box;display: flex;flex-wrap: wrap;-webkit-box-pack: space-between;justify-content: space-between;}
.form-info-wrap ul{width:46%}
.form-info-wrap ul:first-child{margin-bottom:0em;}
.form-info-wrap li:first-child p{width: 140px;height: 140px;}
.form-info-wrap li:last-child{width: calc( 100% - 155px );padding:0 .5em;}

.radio-tile-group .input-container {height: 8rem;margin: 0 0 2em 0;}
.radio-tile-group .input-container .close-tile .close{font-size:1.2rem;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .change-tile .change{font-size:1.2rem;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .radio-tile-label {font-size: 2rem;}
.radio-tile-group .input-container .radio-tile-label span{font-size:70%;}
}

@media screen and (min-width: 769px) {
.head-top .wrap {width:100%!important;}
.head-logo2 {width: 17%!important;}
.gnavi {width: 100%!important;padding-right: 10%!important;}
.gnavi-main li.beginner{padding-left:1em;}
.gnavi-main li.login{margin-left:3em;text-align:left;position:relative;width: 100%;padding:16px 0 0;}
.gnavi-main li.login a{position:relative;display: inherit;}
.gnavi-main li.login input{color:rgba(255, 255, 255, 0);background:0;position:absolute;top:0;left:0;}
.gnavi-main li.login  {display:flex;}
.gnavi-main li.login img{width:20%;}
_:-ms-fullscreen, :root .gnavi-main li.login a img{width:20%;height:100%;}
.gnavi-main li.login p{width:80%;padding-left:1em;font-weight: bold;}
.gnavi-main li.login p span{ffont-weight: normal;display:block;}

/*//// modal window ////*/
.modal-content{padding:3.5em 2.5em 4em;width: 60%;}
_:-ms-fullscreen, :root .modal-content{padding:3em 2.5em 3em;width: 50%;}
.modal-ttl{margin-bottom: 1em;font-size: 2.4rem;line-height:1.7;}
.modal-ttl span{font-size: .9rem;}
.login-form dd{padding-bottom: 1.5em;}
.login-form dd p {font-size: 1.1em;}
.login-form dd p span{font-size: .8em;padding-left:.75em;}
.login-form input[type="text"],.login-form input[type="password"]{font-size: 1.4rem; padding:1.5em 1em;}
.login-send input{font-size: 1.4rem; padding: 1em 4.5em;margin-bottom:1.5em;}
.pass-at a{font-size: 1.1rem;}
.new-send a{ font-size: 1.4rem; padding:1em 4.5em;margin-top:1.5em;}
.noweb-at{font-size: 1.4rem;margin-top:2.5em;}
.modal-close{top: 1em; right: 1em; width:30px;height:30px;}
.modal-close span:nth-child(1) { top:1em;transform: rotate(45deg);}
.modal-close span:nth-child(2) { top:1em;transform: rotate(-45deg);}

}

@media screen and (min-width: 1024px) {
/*//// form-table ////*/
.form-main .wrap{padding:0;width:100%;}
.plain-sec-ttl{font-size:2.4rem;}
.form-lede {margin-bottom: 3.5rem;padding-bottom: 3em;}
.form-caution{font-size:1.8rem;}
.form-table th,.form-table td{padding:1em 0;}
.form-table th{font-size:1.5rem;padding:0 0;margin-bottom: 0;}
.form-table td{margin-bottom:.5em;}
.form-table input, .form-table textarea{padding: 1.25em 1em;font-size: 1.5rem;}
.form-operate li{font-size:2.4rem;}
.supple-btn{font-size:1.8rem;}
.input-list li{font-size:1.8rem;}
.input-head{margin-bottom:2rem;}
.form-table td{font-size:1.6rem;}
.caution-txt{font-size:1.8rem;}
.caution-ttl{font-size:2.4rem;}

/* NEW trial FORM
------------------------------------------- */
.form-wrap .wrap section:first-child{width:70%;}
.form-wrap .wrap section:last-child{width:25%;}
.form-info-wrap{background:#efefef;padding:2em 1.5em;display:block;}
.form-info-wrap ul{width:100%;}
.form-info-wrap ul:first-child{margin-bottom:3em;}
.form-info-wrap li:first-child{width:100%;}
.form-info-wrap li:first-child p{width: 140px;height: 140px;margin:0 auto 1.5em;display:block;}
.form-info-wrap li:last-child{width: 100%;padding:0 .5em;position:relative;}
.form-info-wrap li p.inst{font-size:1.1rem;margin-bottom:.75em;}
.form-info-wrap li p.name{font-size:1.8rem;margin-bottom:.75em;}
.form-info-wrap li p.name span{font-size:70%;}
.form-info-wrap li p.add{font-size:1.1rem;;margin-bottom:.75em;}
.form-info-wrap li p.tel{font-size:1.8rem;margin-bottom:.75em;}
.form-info-wrap li .btn{padding:.5em;font-size:1.1rem;}

}


@media screen and (min-width: 1280px) {
.gnavi-main li.login{margin-left:4em;padding:10px 0 0;}
.gnavi-main li.login p{font-size: 1.3rem;}

/*//// modal window ////*/
.modal-content{padding:2.5em 3.5em 3em;width: 50%;}
.modal-ttl{font-size: 2em;}
.modal-ttl span{font-size: 40%;}
.login-form dd{padding-bottom: 2.5em;}
.login-form dd p {font-size: 1.2em;}
.login-form dd p span{font-size: 70%;padding-left:.75em;}
.login-form input[type="text"],.login-form input[type="password"]{font-size: 1.4em; padding:1em 1em;}
.login-send input{font-size: 1.4em; padding: .75em 4.5em;margin-bottom:1.5em;}
.pass-at a{font-size: 1.1em;}
.noweb-at{font-size: 1.3em;margin-top:2em;}
.new-send a{font-size: 1.4em; padding: 1em 4.5em;margin-top:1em;}

/* NEW trial FORM
------------------------------------------- */
.form-info-wrap{padding:2.5em 2em;display:block;}
.form-info-wrap li:first-child p{width: 200px;height: 200px;margin:0 auto 1.5em;display:block;}
.form-info-wrap li:last-child{padding:0 .5em;}
.form-info-wrap li p.inst{font-size:1.2rem;margin-bottom:.75em;}
.form-info-wrap li p.name{font-size:2rem;margin-bottom:.75em;}
.form-info-wrap li p.add{font-size:1.2rem;;margin-bottom:.75em;}
.form-info-wrap li p.tel{font-size:2rem;margin-bottom:.75em;}
.form-info-wrap li .btn{padding:.75em;font-size:1.2rem;}

.radio-tile-group .input-container {height: 8rem;margin: 0 0 2em 0;}
.radio-tile-group .input-container .close-tile .close{font-size:1.2rem;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .change-tile .change{font-size:1.2rem;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .radio-tile-label {font-size: 2rem;}
.radio-tile-group .input-container .radio-tile-label span{font-size:70%;}
}

@media screen and (min-width: 1440px) {
.gnavi-main li.login{margin-left:4em;padding:10px 0 0;}
.gnavi-main li.login p{font-size: 1.5rem;}
.gnavi-main li.login p span{font-size: 1.2rem;}

/* trial FORM
------------------------------------------- */
.form-table th{font-size:1.2em;padding:0 0;margin-bottom: 0;}
.form-table td{margin-bottom:.5em;}
.form-table input, .form-table textarea{padding: 1.25em 1em;font-size: 1.05em;}
.form-info-wrap li:first-child p{width:250px;height: 250px;margin:0 auto 2em;}

.radio-tile-group .input-container {height: 5em;margin: 0 0 2em 0;}
.radio-tile-group .input-container .close-tile .close{font-size:.8em;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .change-tile .change{font-size:.8em;top:-.7em;right:-.3em;}
.radio-tile-group .input-container .radio-tile-label {font-size: 1.5em;}
.radio-tile-group .input-container .radio-tile-label span{font-size:60%;display:inline;padding-left:.4em;}

}

.pref-search {
	text-align: initial;
}



/* instmypage news
------------------------------------------- */
.mp_sec_bloc{
  padding: 3rem 0;
}
.mp_inst_maintitle {
  background: none;
  font-size: 2em;
  padding: 0px;
  margin-bottom: .5em;
}
.mp_inst_maintitle  .ja {
    display: block;
    font-size: 0.45em;
}
.mp_inst_news_list{
  margin-bottom: 2.5em;
  text-align: left;
}
.mp_inst_news_box{
  display: flex;
}
.mp_inst_news_box{
  padding: .5em 0;
}
.mp_inst_news_box_date{
  font-size: 12px;
  line-height: 1.8em;
  width: 6rem;
  color: #888;
}
.mp_inst_news_box_ttl{
  width: calc(100% - 6.5rem);
}
.mp_inst_news_box_ttl a{
  text-decoration: underline;
  text-underline-offset: .2em;
}

@media (min-width:760px){
  .mp_inst_news_list {
    width: 380px;
    margin: 1em auto 3.5em;
  }
  .mp_inst_maintitle {
    font-size: 2.6em;
  }
  .mp_sec_bloc {
    padding: 4rem 0;
  }
  .mp_inst_inner{
    max-width: 600px;
    margin: auto;
  }
  .mp_inst_news_box_date {
    font-size: 13px;
  }
  .mp_inst_news_box_ttl {
    width: fit-content;
    font-size: 13.5px;
  }
}/*  */


/* instmypage news 記事
------------------------------------------- */
.mp_inst_news_article_date{
  font-size: 13px;
  line-height: 1.7em;
  letter-spacing: 0.03em;
  width: 6rem;
  padding: .4em 0;
  color: #888;
}
.mp_inst_news_article_ttl{
  font-size: 1.5em;
  font-weight: bold;
  text-align: left;
}
.mp_inst_news_article_body{
  padding: 2em 0;
  text-align: left;
}
.mp_inst_news_article_body p{
  padding: .5em 0;
}

.mp_inst_back_btn {
  display: block;
  width: fit-content;
  min-width: 8em;
  font-size: .9em;
  text-align: center;
  font-weight: 300;
  border: 1px solid;
  padding: .8em 1.5em;
  letter-spacing: .1em;
  margin: 1em auto;
  line-height: 1.6;
  color: #888;
  border: 1px solid;
}