body{
  text-align: center;
  font-family: "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 16px ;
  line-height: 27px;
  overflow-x: hidden;
}
ul{
  list-style: none;
  padding: 0;
  margin: 0;
}
.pc-only{
  display: inline-block;
}
.sp-only{
  display: none;
}
.flexbox{
  display: flex;
}
.container{
  max-width: 1280px;
  margin: 0 auto;
}
.container-m {
  max-width: 800px;
  margin: 0 auto;
  padding-left: 0px;
  padding-right: 20px;
}
.custom_container{
position: relative;
z-index: 1;
}
.man_imgbox {
  position: absolute;
  right: -50%;
  top: -140px;
  z-index: 1;
  transform: translate(50%, 0);
}
img{
  max-width: 100%;
}
a img{
  opacity: 1;
  transition: all 0.3s;
}
a:hover img{
  opacity: 0.6;
}
header{
  background-color: #0013bfcc;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
}
p{
  margin-bottom: 0;
}
.kv_section{
  background-image: url(../images/kv.png);
  background-size: 1920px 1129px;
  height: 1129px;
  background-position: top center;
}
.kv_section{
  /* margin-top: -60px; */
  position: relative;
  z-index: -1;
}
.hamburger{
  width: 60px;
}
.hamburger a{
  display: block;
  line-height: 60px;
}
.kv_content img {
  margin-top: 320px;
}
.logo {
  /* margin-left: 180px; */
}
.logo img{
  width: 180px;
}
nav{
  /* background-color: #0013bfcc; */
  /* padding: 5px 0; */
  justify-content: space-between;
}
nav ul li img{
  width: 140px;
}
nav ul  li.hamburger img{
  width: 40px;
}
.top_nav{
  align-items: center;
}
li.hamburger{

}
.contact_text{
  width: 343px;
}
.contact_btn{
  width: 130px;
  margin-left: 20px;
}
.contact_box{
  justify-content: center;
  padding: 20px 0;
}
.campaign_section{
  background-image: url(../images/campaign_section.png);
  background-size: 1920px 2197px;
  background-position: top center;
  padding: 70px 0;
  background-size: cover;
}
.campaign_content{
  width: 1066px;
}
.strong_section{
  background-image: url(../images/strong_bg.png);
  background-size: 1920px 835px;
  height:835px;
  background-position: top center;
}
img.strong_content {
  max-width: 100%;
  margin-top: 204px;
}
.section.beginner_section {
  position: relative;
  z-index: 10;
}
.beginner_section{
  background-image: url(../images/beginner_bg.png);
  background-size: 1920px 1435px;
  height: 1435px;
  background-position: top center;

}
.beginner_content1{
  width: 919px;
  margin-top: 50px;
  max-width: 100%;
}
.beginner_content2{
  width: 800px;
  margin-top: 465px;
}
.personal_section{
  background-image: url(../images/personal_bg.png);
  background-size: 1920px 2267px;
  height: 1705px;
  background-position: top center;
}
.place_section{
  background-image: url(../images/place_bg_3_re.png);
  background-size: 1920px 7908px;
  height: 7650px;
  background-repeat: no-repeat;
  background-position: top center;
  /* width: 1920px; */
}
img.personal_content {
  margin-top: 285px;
  max-width: 100%;
}
.section.personal_section {
  margin-top: -505px;
  z-index: 1;
}
.section.place_section {
  position: relative;
  margin-top: -310px;
  /* width: 1920px; */
}
.price_section{
  background-image: url(../images/price_bg.png);
  background-size: 1920px 3060px;
  background-position: top center;
  height: 3060px;
  position: relative;
  z-index: 10;
}
.faq_section{
  margin-top: -100px;
  padding-top: 100px;
}
.faq_section_bg{
  background-color: #fff;
  /* height: 3704px; */

}
.access_section{
  background-image: url(../images/access_bg.png);
  background-size: 1920px 1166px;
  background-position: top center;
  background-position: top center;
  height: 680px;
}

.place_content1 {
  margin-top: 370px;
}
.place_content2{
  width: 903px;
}
.place_content3{
  width: 918px;
  margin-top: 80px;
}
.place_content4{
  margin-top: 80px;
}
.place_content5{
  width: 237px;
  margin-top: 80px;
}
.place_content6{
  margin-top: 0;
}
.place_content7{
  margin-top: 60px;
  max-width: 100%;
}
.insta{
  margin-top: 60px;
}
.price_section{
  margin-top: -312px;
}
.price_content1{
  margin-top: 275px;
  width: 135px;
}
.price_content2,.price_content3,.price_content4 ,.price_content5{
  width: 800px;
  margin-top: 80px;
}
.qa_content2{
  width: 926px;
  margin-top: 60px;
  max-width: 100%;
}
.access_content1{
  margin-top: 205px;
  margin-bottom: 20px;
}
.gmap {
height: 0;
overflow: hidden;
padding-bottom: 28%;
position: relative;
}
.gmap iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}

footer{
  background-color: #0013bf;
}
.footer {
  /* margin-top: 13px; */
  padding: 20px 0 10px;
}
.to_top{
  position: fixed;
  bottom: 40px;
  right: 0;
  z-index: 999;
}
.pc-only.displayblock{
  display: block;
}
.insta_text{
  max-width: 232px
}


.layerOn .btn-close {
  width: 60px;
  height: 60px
}

.layerOn {
  overflow: hidden;
  height: 100%
}
.plan_table{
  width: 800px;
  margin: 0 auto;
  margin-top: 40px;
}
.plan_table th{
  background-color: #0059FF;
  color: white;
  font-size: 22px;
  line-height: 36px;
  font-weight: bold;

  width: 340px;
}
.price_sub{
  color: white;
  font-size: 18px;
  line-height: 50px;
}
.plan_head{
  padding-bottom: 10px;
  border-bottom: 2px solid white;
  display: inline-block;
  color: white;
  font-size: 22px;
  font-weight: bold;
  margin-top: 60px;
}

.plan_table th span{
  font-size: 13px;
  display: block;
}

.plan_table td{
  color: #0013BF;
  font-size: 24px;
  line-height: 1;
  font-weight: bold;
  background-color: #fff;
  line-height: 32px;
}

.plan_table td span{
  font-size: 36px;
}

.plan_table td span.atention{
  font-size: 24px;
  margin-top: 5px;
  display: block;
}
.plan_table td span.atention span{
  display: block;
  font-size: 14px;
}
.table_text{
  font-size: 20px;
  color: white;
  margin-top: 20px;
}
.plan_table tr{
  height: 150px;
}
.plan_table th.bdb{
  border-bottom: 1px solid white;
  display: table-cell;

}
.plan_table td.bdb{
  border-bottom: 1px solid #0013BF;
  display: table-cell;

}

.plan_table th.dptc{
  border-bottom: 1px solid white;
  display: table-cell;

}
.plan_table td.dptc{
  border-bottom: 1px solid #0013BF;
  display: table-cell;

}

.plan_table th.sp-only , .plan_table td.bdb.sp-only,.plan_table td.dptc.sp-only{
  display: none

}

.option_list{
  justify-content: space-between;
}
.option_name{
  font-size: 22px;
  line-height: 36px;
  font-weight: bold;

}

.optionbox{
  background-color: white;
}
.option_list{
  width: 540px;
  border-bottom: 1px solid #0013bf;
  margin: 0 auto;
  padding: 15px 0;
}
.option_lists li:last-child .option_list{
  border-bottom: none;
}
.option_content{
  font-size: 20px;
  color: #0013bf;
  font-weight: bold;
}
.option_content span{
  font-size: 32px;
}
.optionbox{
  width: 800px;
  margin: 0 auto;
  margin-top: 40px;
  padding: 10px 0;
}
.optionbox .note {
  width: 540px;
  margin: 0 auto;
  text-align: left;
  margin-top: -15px;
  font-weight: bold;
}
.web_applybox{
  width: 800px;
  margin: 0 auto;
  margin-top: 40px;
}
.web_applybox .note {
  color: white;
  font-size: 14px;
  font-weight: bold;
  text-align: left;
  line-height: 1.2em;
  line-height: 1.2;
  padding: 10px 0;
}
.web_apply_lists .flexbox{
  align-items: center;
  width: 152px;
  height: 140px;
  justify-content: center;
  color: white;
  font-size: 18px;
  line-height: 25px;
  font-weight: bold;
}
.web_apply_lists{
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}
.wa1{
  background-image: url(../images/wa1.png);
  background-size: cover;
}
.wa2{
  background-image: url(../images/wa2.png);
  background-size: cover;
}
.wa3{
  background-image: url(../images/wa3.png);
  background-size: cover;
}
.wa4{
  background-image: url(../images/wa4.png);
  background-size: cover;
}
.wa5{
  background-image: url(../images/wa5.png);
  background-size: cover;
}
.web_apply_lists .wa2 span{
  font-size: 80%;
  display: block;
  width: 100%;
  margin-top: 5px;

}
.kessai_text{
  color: white;
  margin-top: 10px;
}
.kessai_img{
  margin-top: 40px;
  display: block;
}
.tento_applybox .price_sub{
  line-height: 40px;
  margin-top: 20px;
  font-weight: bold;
}
.faq_wrap{
  max-width: 926px;
  margin: 0 auto;
}
.faqbox{
  border: 1px solid #0013bf;
  padding: 30px 30px 10px 100px;
  position: relative;
  margin-top: 10px;
}
.faqbox::before{
  background-image: url(../images/q.png);
  width: 80px;
  height: 80px;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  content: "";
}

.faqbox .q{
  color: #0013bf;
  font-size: 20px;
  line-height: 32px;
  font-weight: bold;
  text-align: left;

}
.faqbox .a{
  font-size: 15px;
  line-height: 24px;
  margin: 0;
  margin-top: 40px;
  font-weight: bold;
  text-align: left;

}
.faq_wrap{
  margin-top: 60px;
}
.access_info{
  color: white;
  text-align: left;
  font-weight: bold;
}
.access_address{
  border-right: 1px solid white;
  padding-right: 40px;
  font-size: 18px;
  line-height: 30px;
}
.access_box{
  width: 700px;
  margin: 0 auto;
  font-size: 20px;
  line-height: 31px;
}
.access_border {
  border: 1px solid;
  padding: 5px;
  line-height: 1.2;
  margin: 5px 0;
}
span.fs-small {
  font-size: 12px;
}
.access_jr{
  padding-left: 40px;
  padding-top: 20px;
}


@media (max-width: 767px) {
  .layerOn .header .list-menu {
      height:100%;
      opacity: 1;
      visibility: visible
  }
}

.layerOn .main-menu__ins {
  transform: translateY(0%);
  visibility: visible;
  pointer-events: all;
  opacity: 1
}

.layerOn .main-menu__ins__layout {
  display: flex;
  flex-wrap: wrap;
  max-width: 880px;
  margin: 0 auto
}

@media (max-width: 767px) {
  .layerOn .main-menu__ins__layout {
      margin-top:-25px
  }
}

.layerOn .main-menu__slide:nth-of-type(2) {
  flex: 0 0 0%
}
.btn-close{
  position: relative;
  width: 60px;
  display: block;
  height: 60px;
  cursor: pointer;
}
.layerOn .btn-close {
  /* position: fixed; */
  /* width: 55px;
  height: 55px;
  right: 10px; */
  z-index: 999999;
  cursor: pointer
}

.btn-close:after, .btn-close:before {
  content: "";
  position: absolute;
  width: 40px;
  height: 2px;
  background: #fff;
  right: 0px;
  transition: all 0.3s;
}
.btn-close:after{
  top: 33%

}
.btn-close:before {

  top: 66%
}

.layerOn .btn-close:after,.layerOn .btn-close:before {
  content: "";
  position: absolute;
  width: 60px;
  height: 2px;
  background: #fff;
  right: 0px;
  top: 50%
}

@media (max-width: 767px) {
  .layerOn .btn-close:after,.layerOn .btn-close:before {
      width: 60px;
  }
}

.layerOn .btn-close:before {
  transform: rotate(-45deg)
}

.layerOn .btn-close:after {
  transform: rotate(45deg)
}

@media (max-width: 767px) {
  .layerOn .btn-close {
      width:60px;
      height: 60px
  }
}

.main-menu {
position: fixed;
z-index: 900;
display: flex;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch;
overflow: hidden;
height: 100vh;
width: 100vw;
pointer-events: none;
left: 0;
top: 0
}
.sp_bottomnav{
  display: none;
}

.main-menu__slide {
flex: 1;
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
transition: flex 0.45s
}

.main-menu__ins {
display: flex;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
flex-wrap: wrap;
opacity: 0;
position: absolute;
height: 100vh;
width: 100vw;
z-index: 3;
top: 0;
left: 0;
right: 0;
bottom: 0;
transform: translateY(-100%);
transition: transform 0.5s;
transition-delay: 0.5s;
visibility: hidden
}

.main-menu__slide:nth-of-type(1),.main-menu__slide:nth-of-type(3) {
background: rgba(0,0,0,0.85)
}

.main-menu__slide:nth-of-type(2) {
flex: 1 0 100%;
background: transparent
}

.main-menu__block {
width: 100%;
/* border-right: 1px solid #808080; */
display: flex;
flex-wrap: wrap;
align-content: flex-start;
padding-left: 30px
}
.main-menu__block li{

border-bottom: 1px solid #808080;
}

.main-menu__block li a{
  font-size: 18px;
  line-height: 4.7rem;
}

/* .main-menu__block:nth-child(1) {
width: 38.5%
}

.main-menu__block:nth-child(2) {
width: 41.5%
}

.main-menu__block:nth-child(3) {
width: 20%;
border-right: none
} */

@media (max-width: 767px) {
.main-menu__block:nth-child(3) li:last-child a {
  border-bottom:0
}
}

@media (max-width: 767px) {
.main-menu__block {
  width:100% !important;
  flex-direction: column;
  padding: 0 40px 0
}
}

.main-menu__block li {
width: 100%;
color: #fff;
font-size: 30px
}

@media (max-width: 767px) {
.main-menu__block li {
  line-height:1;
  display: flex
}
}

@media (min-width: 768px) {
.main-menu__block li:first-child {
  margin-top:-20px
}
}

.main-menu__block li a {
color: #fff;
font-size: 18px;
/* font-size: 1.8rem; */
line-height: 18px;
letter-spacing: 0;
font-weight: bold;
position: relative;
display: inline-block;
padding: 15px 0;
}

@media (max-width: 767px) {
.main-menu__block li a {
  padding-bottom:9px;
  padding-top: 10px;
  padding-left: 15px;
  font-weight: 500;
  border-bottom: 1px solid #333;
  display: inline-block;
  width: 100%;
  font-size: 13px;
  font-size: 1.3rem
}
}

@media only screen and (max-width: 350px) {
.main-menu__block li a {
  padding:5px 5px 5px 13px;
  font-size: 12px;
  font-size: 1.2rem
}
}

.main-menu__block li a:before {
content: "";
position: absolute;
width: 12px;
height: 12px;
background: url(../img/common/icon/ico_arr_white.svg) no-repeat center center/100% 100%;
left: 0;
top: 5px
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.main-menu__block li a:before {
  top: 4px
}
}

@media (max-width: 767px) {
.main-menu__block li a:before {
  width:6px;
  height: 6px;
  top: 16px
}
}

@media only screen and (max-width: 350px) {
.main-menu__block li a:before {
  top:11px
}
}

.main-menu__soci {
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 100%;
padding-top: 10px
}

.main-menu__soci li {
margin: 0 13px
}

.main-menu__soci li a img {
width: 40px
}

.prevent_infection{
  height: 100vh;
  width: 100%;
  position: fixed;
  background-color: rgba(0, 0, 0, 0.85);
  z-index: 1000000;
}
.pi_close{
  position: absolute;
  width: 80px;
  height: 80px;
  right: -40px;
  top: -40px;
  cursor: pointer;
}
.pi_content {
  position: relative;
  width: 800px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.prevent_infection.remove_bnr{
  display: none;
}
.text-left{
  text-align: left;
}
.personal_conent2{
  margin-top: 10px
}
.font-m{
  font-size: 44.45px;
  line-height: 67.7px;
  font-weight: bold;
}
.color1{
  color: #0013BF;
}
.personal_conent2_text{

}
.personal_conent2_flexbox{
  align-items: center;
}
.personal_conent2_text{
  margin-left: 10px;
}
.personal_conent3{
  max-width: 574px;
  margin-top:  10px;
}
.blue_bar{
  background-color: #0013BF;
  color: white;
  padding: 5px 10px;
  width: 100%;
  margin-top: 20px;
}
.blue_line_box{
  border: 1px solid #0013bf;
  padding: 0 10px;
  width: 100%;
  margin-top: 20px;
  color: #0013bf;
  text-align: center;
}
.personal_content3_flebox{

}
span.strongText{
  font-size: 32px;
  line-height: 40px;
}
span.smallT{
  font-size: 14px;
}
span.midT{
  font-size: 20px;

}
span.bigT{
  font-size: 32px;
  line-height: 40px;
}
.personal_content3_lists{
  list-style: none;
}
.personal_content3_lists li{
  border-bottom: 1px solid  #0013bf;
  justify-content: space-between;
  align-items: center;
  padding: 5px 0;
  margin-bottom: 5px;
}
.personal_content3_lists .flexbox{
  justify-content: space-between;
}
.personal_content3_flebox_hours{justify-content: space-between;
align-items: center;}

.personal_price_hour{
  margin-right: 10px;
}
.trainer_namebox{
  color: white;
  background-color: #0013bf;
  padding: 5px 10px;
}
.trainer_name{
  font-weight: bold;
  font-size: 26.5px;
  line-height: 36px;
}
.trainer_title{
  font-style: italic;
}
.trainer_imgbox{
  width: 210px;
  object-fit: cover;
  height: 310px;
}
.trainer_desc p{
  font-size: 14px;
  line-height: 20px;
}
.trainer_textbox1{
  width: 353px;

}
.desc_title{
  color: #0013bf;
}
.trainer_contact_infobxo{
  width: 100%;
  border-top: 1px solid #999999;
}
.trainer_description_box{
  flex-wrap: wrap;
  width: calc(100% - 210px);
  background-color: #fff;
}
.trainer_desc{
  background-color: #fff;
  padding: 15px;
}
.trainer_textbox2{
    width: calc(100% - 353px);
    padding-top: 20px;
}
.trainer_contact_infobxo p{
  font-size: 12px;
  line-height: 20px;

}
.desc_title{
  margin: 0;
}
.desc_detail{
  margin: 0;
}
.mgt-s{
  margin-top: 10px;
}
.trainer_textbox3{
  padding: 15px;
  padding-top: 0;
}
.trainer_box {
  margin-top: 20px;
}
.place_section h2 {
  font-size: 62px;
  line-height: 81px;
  font-weight: bold;
  text-align: center;
  color: white;
  margin-top: 80px;
  margin-bottom: 100px;
}
.place_section_headm{
  font-size: 30px;
  margin-top: 60px;
  color: white;
  font-weight: bold;
}
.place_area:not(.place_area-last) {
  padding-bottom: 200px;
}
.place_area-last{
  padding-bottom: 100px;
}
.place_area p {
  color: white;
  font-size: 30px;
  font-weight: bold;
  padding: 90px 0 80px;
  line-height: 2;
  letter-spacing: -0.08em;
}
.ls-small{
  letter-spacing: -0.6em;
}
.place_logo1,
.place_logo2,
.place_logo3{
    padding-bottom: 100px;
}
.slider {
  overflow: hidden;
}
.slider-wrap {
	display: flex;
	height:100%;
}
.slide{
  padding:0 10px;
  flex-shrink: 0;
}
.slider_area01 .slider-wrap,.slider_area03 .slider-wrap {
	animation: scroll-01 25s linear infinite;
	width: calc(300px * 12);
}
@keyframes scroll-01{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-300px * 6));
  }
}
.slider_area02 .slider-wrap {
	animation: scroll-02 35s linear infinite;
	width: calc(300px * 20);
}
@keyframes scroll-02{
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(-300px * 10));
  }
}
.machine_boxes{
  justify-content: space-between;
}
.machine_boxes{
  width: 50%;
  color: white;
  text-align: center;
  position: relative;
  z-index: 10;
}
.machine_title{
  text-align: center;
  color: white;
  font-size: 18px;
  font-weight: bold;
}
.machine_desc{
  color: white;
  font-size: 18px;
  text-align: left;
  max-width: 360px;
  margin: 0 auto;
  margin-top: 20px;
}
.machine_title2{
  margin-top: 20px;
}
.machine_wrap{
  margin-top: 50px;
}
.monitor_support{
  position: relative;
  z-index: 10;
}
.monitor_support_text{
  position: absolute;
  bottom: 40px;
  left: 40px;
  color: white;
  text-align: left;
}
.monitor_support_text h3{
  font-size: 21px;
  line-height:31px;
  font-weight: bold;
}
.monitor_support_text p{
  font-size: 16px;
  line-height: 28px;
}
.monitor_support{
  background-image: url(../images/place_content7_220213.png);
  background-size: cover;
  max-width: 925px;
  height: 451px;
  margin: 0 auto;
}
.monitor_support{
  margin-top: 60px;
}
.footer p{

    font-size: 12px;
    color: white;
}
.footer span{
  font-size: 14px;
  display: block;
  color: white;
}

@media screen and (min-width: 1920px) {

.kv_section{
  background-image: url(../images/kv.png);
  background-size: cover;
  height: 1129px;
  background-position: top center;
}

.campaign_section{
  background-image: url(../images/campaign_section.png);
  background-size: cover;
  height:2190px;
  background-position: top center;
}

.strong_section{
  background-image: url(../images/strong_bg.png);
  background-size: cover;
  height:835px;
  background-position: top center;
}

.beginner_section{
  background-image: url(../images/beginner_bg.png);
  background-size: cover;
  height: 1435px;
  background-position: top center;
}

.personal_section{
  background-image: url(../images/personal_bg.png);
  background-size: cover;
  height: 1715px;
  background-position: top center;
}
.place_section{
  background-image: url(../images/place_bg_3_re.png);
  background-size: cover;
  height: 7800px;
  background-repeat: no-repeat;
  background-position: top center;
}

.price_section{
  background-image: url(../images/price_bg.png);
  background-size: cover;
  background-position: top center;
  height: 3060px;
  position: relative;
  z-index: 10;
}

.access_section{
  background-image: url(../images/access_bg.png);
  background-size: cover;
  background-position: top center;
  background-position: top center;
  height: 620px;
}

}

@media only screen and (max-width:1919px) {
    .place_section {
      height: 7680px;
  }
}

@media only screen and (max-width:1700px) {
    .place_section {
      height: 7500px;
  }
}

@media only screen and (max-width:1500px) {
    .place_section {
      height: 7280px;
  }
}

@media only screen and (max-width:1300px) {
    .place_section {
      height: 7150px;
  }
}

@media only screen and (max-width:1000px) {
    .place_section {
      height: 7000px;
  }
}

@media only screen and (max-width:834px) {
    .place_section {
      height: 6920px;
  }
}