@charset "UTF-8";
/* CSS Document */

@import 'https://fonts.googleapis.com/css?family=Oswald|Raleway';

@media screen and (min-width: 1023px){	
  .br-pc { display:block; }
  .br-sp { display:none; }
}

@media screen and (max-width: 1023px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}

html {
	font-size: 62.5%;
	height: 100%;
}
body {
	color: #222;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	position: relative;
}
*, *::before, *::after {
	box-sizing: border-box;
}
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.inline-block {
    display: inline-block;
}

/*cssアニメーション*/
.animation {
  opacity: 0;
  transform: translate3d(0, 50%, 0);
  transition: all 1s ease;
}
.animation.active {
 opacity: 1;
 transform: translate3d(0, 0, 0);
}

/*トレーナー募集*/
.bosyu{
	position:fixed;
	bottom:15px;
	left:0;
	z-index: 10;
}
#bosyu {
	padding-top:120px;
	width: 100%;
	position: relative;
}
/*----------------------------

PCデザイン

----------------------------*/
.none {
	display: none;
}
.pad{
	display: none;
}
/*h2 {
    font-family: 'Raleway', sans-serif;
	font-size: 4.8rem;
	line-height: 4.8rem;
	padding-bottom: 20px;
}*/
h2 {
	font-size: 4.0rem;
    line-height: 4.8rem;
    padding-bottom: 30px;
    font-weight: normal;
}
.subttl {
	font-size: 1.6rem;
	margin-bottom: 55px;
}
h3 {
	font-size: 3.0rem;
	line-height: 1.6;
	font-weight: normal;
}
h5 {
	margin-bottom: 50px;
	font-size: 3.25rem;
	line-height: 1.6;
	color: #ff0000;
}	
h6 {
	font-size: 3.0rem;
	line-height: 1.6;
	font-weight: normal;
	}
.pt50{
	padding-top: 50px;
}
/*----------HEADER----------*/

#header {
	width: 100%;
    background: #000;
    z-index: 1000;
    top: 0;
}
.inner-cont {
	width: 1000px;
	height: 150px;
	position: relative;
	margin: 0 auto;
	color: #fff;
}
a {
	color: #fff;
	text-decoration: none;
}
.top-logo {
	width: 316px;
	height: 70px;
	background: url(../images/logo2.png) no-repeat;
	background-size: cover;
	margin-top: 18px;
	float: left;
}
.shop {
	font-size: 1.3rem;
	line-height: 1.6;
	width: 120px;
	height: 30px;
	margin: 50px 0 0 15px;
	float: left;
	text-align: left;
}
.contact-info {
	width: 460px;
	height: 70px;
	margin: 24px 0 0 95px;
	float: right;
}
.contact-info-intro {
	font-size: 1.7rem;
	padding-bottom: 10px;
}
.contact-info-intro2 {
	text-align: center;
	font-size: 1.3rem;
	padding-top: 5px;
}
.contact-info-intro3 {
	font-size: 1.5rem;
	padding-bottom: 0px;
}
.tel {
	font-family: 'Oswald', sans-serif;
	font-size: 2.8rem;
	letter-spacing: 1px;
}
.tel2 {
	font-family: 'Oswald', sans-serif;
	font-size: 2.5rem;
	letter-spacing: 1px;
}
.tel::before {
	margin:0 10px 3px 0;
    content:" ";
    display:inline-block;
    width:28px;
    height:28px;
    background:url(../images/icon-tel.png);
    background-size:contain;
    vertical-align:middle;
}
.tel2::before {
	margin:0 10px 3px 0;
    content:" ";
    display:inline-block;
    width:28px;
    height:28px;
    background:url(../images/icon-tel.png);
    background-size:contain;
    vertical-align:middle;
}
.contact-info .tel{
	float: left;
	margin-right: 7px;
}

.drawer-nav .tel{
	display: block;
	margin-bottom: 20px;
}

.mail {
	font-size: 1.4rem;
	padding: 5px 20px;
	border: 1px solid #fff;
}
.mail::before {
	margin:0 10px 0 0;
    content:" ";
    display:inline-block;
    width:20px;
    height:20px;
    background:url(../images/icon-mail.png);
    background-size:contain;
    vertical-align:middle;
}
.contact-info .mail{
	float: left;
}
.drawer-nav .mail{
	display: block;
	width: 220px;
	margin: 0 auto 20px;
}

.sns {
	display: inline-block;
}
.contact-info .sns{
	margin-left: 1px;
}
.drawer-nav .sns{
	padding: 0 10px;
}
.drawer-menu a.drawer-menu-item {
	font-family: 'Raleway', sans-serif;
	font-size: 1.8rem;
	letter-spacing: 1px;
}
.subnav {
	font-size: 1.2rem;
	padding: 0 0 0 24px;
}
.contact-info-sp {
	display: none;
}
.drawer-hamburger {
	display: none !important;
}
.shop-btn{
	padding: 110px 0 15px;
	height:100px;
}
.shop-btn a {
    font-size: 1.6rem;
    padding: .4em .75em;
    margin: 0 15px;
	width: 250px;
	white-space: nowrap;
    display: inline-block;
    background-color: #fc0;
	color: #000;
	vertical-align: middle;
}
.shop-btn a:first-of-type {
    background-color: #FF773E;
}
.shop-btn a:nth-of-type(2) {
    background-color: #fc0;
}

.shop-btn a:last-of-type {
    background-color: #e29cb6;
}

@media screen and (max-width: 640px) {
.shop-btn a{
	height:21px;
	vertical-align:middle;
}
.shop-btn a img{
	padding-top: 0px;
}

}

#header_sub {
    width: 100%;
    height: 60px;
    background: #000 !important;
    position: relative;
    padding: 2px 0 0 0;
}
#header_sub .sub-nav {
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 20px 0 !important;
}
.site-header {
    background: #fff;
    display: flex;
    position: absolute;
    justify-content: space-between;
    width: 100%;
	z-index: 100 !important;
}
/*.site-header.fixed{
    position: fixed;
    top: 0;
	z-index: 100;
}*/
.drawer_span {
	color: #FFF;
    /* margin: 20px 0 0 0; */
    position: absolute;
    text-align: center;
    /* top: 45px; */
    top: 85%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}



/*----------TOP IMAGE----------*/

#reiwa {
	width: 763px;
	margin: 150px auto 0 auto;
}

#reiwa img {
	width: 100%;
}

#top {
    width: 100%;
	min-height: 300px;

    position: relative;
}
.top-img {
	width: 100%;
	height: 100%;
    /*height: 72vh;*/
	background: #999 url(../images/top-bg.jpg) no-repeat center 0px;
	background-size: cover;
	/*background-attachment: fixed;*/
	padding-top: 80%;
    overflow: hidden;

}

#toplogo1 {
	width: 180px;
    position: absolute;
	top: 11%;
	left: 5%;
}
#toplogo2 {
	width: 230px;
    position: absolute;
	bottom: 5%;
	left: 5%;
}
#toplogo3 {
	width: 230px;
    position: absolute;
	bottom: 5%;
	right: 5%;
}

@media only screen and (min-width: 1024px) and (max-width: 1280px) {
#toplogo1 {
	width: 120px;
    position: absolute;
	top: 15%;
	left: 5%;
}
#toplogo2 {
	width: 180px;
    position: absolute;
	bottom: 5%;
	left: 5%;
}
#toplogo3 {
	width: 180px;
    position: absolute;
	bottom: 5%;
	right: 5%;
}
}

.swiper-container-2 {
    width: 100%;
    height: 100%;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
}
.slide01 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-1.jpg) no-repeat center center;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide02 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-2.jpg) no-repeat center center;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide03 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-3.jpg) no-repeat center center;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide04 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-4.jpg) no-repeat center center;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide05 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-5.jpg) no-repeat center center;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide06 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-6.jpg) no-repeat center top;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide07 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-7.jpg) no-repeat center center;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide08 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-8.jpg) no-repeat center top;
	background-blend-mode: multiply;
	background-size: cover;
}
.slide09 {
	width: 100%;
    height: 100%;
	background: #999 url(../images/top-bg-9.jpg) no-repeat center top;
	background-blend-mode: multiply;
	background-size: cover;
}
#down {
	position: absolute;
	bottom: 20px;
	left: 50%;
	z-index: 2;
	display: inline-block;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	text-decoration: none;
	padding-top: 60px;
}
#down span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 46px;
	height: 46px;
	margin-left: -23px;
	border: 2px solid #fff;
	border-radius: 100%;
	box-sizing: border-box;
}
#down span::after {
	position: absolute;
	top: 50%;
	left: 50%;
	content: '';
	width: 16px;
	height: 16px;
	margin: -12px 0 0 -8px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}

/*追加修正*/
.pickup{
	margin:20px auto;
	padding:0;
	display:table;

}
ul.pickup li{
	display:table-cell;
	text-align: center;
}
.pickup li img{
	max-width: 300px;
	margin: 0 15px;

}


/*----------VIDEO----------*/

#video{
   	position: relative;
    height: 0;
    padding: 0 0 55%;
}
#video-background {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
	background-color: rgba(0,0,0,0.6);
}
#video-background video {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    margin: auto;
}
div#down_scroll{
  position:absolute;
  left: 0;
  right: 60px;
  margin: auto;
  bottom: 0;
}
div#down_scroll a {
  color: #fff;
  font-family: 'Montserrat', sans-serif;
  font-size: 13px;
  position: absolute;
  bottom: 5%;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  padding-top: 50px;
  -webkit-transition: all .5s;
  transition: all .5s;
}
div#down_scroll a:hover  {
  opacity: 0.4;
  filter: alpha(opacity=40);
}
div#down_scroll a span {
  position: absolute;
  top: 0;
  left: 50%;
  width:28px;
  height: 47px;
  margin-left: -15px;
  border: 2px solid #fff;
  border-radius: 50px;
  box-sizing: border-box;
}
div#down_scroll a span::before {
  position: absolute;
  top: 10px;
  left: 50%;
  content: '';
  width: 6px;
  height: 6px;
  margin-left: -3px;
  background-color: #fff;
  border-radius: 100%;
  -webkit-animation: sdb 2s infinite;
  animation: sdb 2s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb {
  0% {
  -webkit-transform: translate(0, 0);
  opacity: 0;
  }
  40% {
  opacity: 1;
  }
  80% {
  -webkit-transform: translate(0, 18px);
  opacity: 0;
  }
  100% {
  opacity: 0;
  }
}
@keyframes sdb {
  0% {
  transform: translate(0, 0);
  opacity: 0;
  }
  40% {
  opacity: 1;
  }
  80% {
  transform: translate(0,18px);
  opacity: 0;
  }
  100% {
  opacity: 0;
  }
}
/*----------INTRODUCTION----------*/

#introduction {
    width: 100%;
    background-color: #f2f2f2;
	padding-top:150px;
	padding-bottom: 100px;

}

#introduction5 {
    width: 100%;
    background-color: #f2f2f2;
	padding-top:150px;
	padding-bottom: 150px;

}






#introduction2 {
    width: 100%;
    background-color: #f2f2f2;
	padding: 120px 0;
}
#introduction3 {
    width: 100%;
		height: auto;
    background-color: #f2f2f2;
	padding: 50px 0px 0px 0px;
}

#introduction h2 {
	margin-bottom: 20px;
}
.top-txt {
    font-size: 6.0rem;
    font-weight: bold;
    color: #000;
	line-height: 1.6;
    /* text-shadow: 4px 4px 8px rgba(0, 0, 0, 0.5); */
}
.top-txt-gym{
	display: block;
    font-size: 2.8rem;
    letter-spacing: 1px;
    padding: 40px 0 60px;
} 
.top-txt-sub {
    display: block;
    font-size: 1.6rem;
    line-height: 1.6;
	margin-top: 30px;
	font-weight: lighter;
}
.top-txt-sub2{
    display: block;
    font-size: 2.4rem;
    letter-spacing: 1px;
    line-height: 3.0;
	font-weight: lighter;
}
.top-txt-sub3{
    display: block;
    border: 1px solid #000;
    padding: 15px;
    margin: 40px auto;
    width: 640px;
    line-height: 1.8;
    font-size: 5.0rem;
}
.magazine {
	margin: 100px auto 100px;
	padding:0;
    display:table;
	max-width: 960px;
}
.info {
	margin: 80px auto 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
    border: 1px solid #666;
    padding: 15px;
    width: 760px;
}
.info2 {
	margin: 80px auto 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
    border: 1px solid #666;
    padding: 15px;
    width: 760px;
}
.info3 {
	
	margin: 0px auto 0;
    text-align: center;
    font-size: 1.6rem;
    padding: 0px;
			width: 100%;
			height: auto;
}
.sanmitsu{
	width: 100%;
}
.kansen{
	padding:20px 0px;
}
#hutoji{
	font-weight: bold;
}
.staff-photo {
	margin: 30px auto 55px;
}
.sports {
	padding: 120px 0;
	background-color: #f6f6f6;
}
.sports p {
	margin-top: 15px;
}
.zone_description {
	font-size: 1.9rem !important;
    line-height: 1.7 !important;
    padding: 20px 20px 20px 20px !important;
}




/*----------voice----------*/
#voice p {
	font-size: 1.6rem;
	line-height: 1.8;
    margin: 0;
}

/*----------PERFORMANCE----------*/
#performance {
	width: 100%;
	padding: 120px 0;
	background-color: #000;
	color: #fff;
}
#performance h2 {
	line-height: 1.8;
    font-size: 5.0rem;
	font-weight: bold;
	color: #fc0;
	padding-bottom: initial;
}
#performance .cssgrid > div {
    overflow: visible;
    min-width: 0;
    padding: 1em;
    margin: 40px 0;
}
.smalltxt{
	font-size: 1.0rem!important;
	margin-bottom: 50px!important;
	line-height: 1.6;
}
.middleTxt{
	font-size: 1.6rem;
	color: #fc0;
}
.largeTxt{
	font-size: 2.0rem;
	color: #fc0;
	font-weight: bold;
	margin-bottom: 15px;
}
.yellowTxt{
	color: #fc0;
	font-weight: bold;
}
.performanceBA div{
    padding: 0;
	position: relative;
}
.performanceBA>div:nth-of-type(1){
	background: url(../images/parformance-before01.png) no-repeat 0 60px;
    background-size: 96%;
}
.performanceBA>div:nth-of-type(2){
	background: url(../images/parformance-before06.png) no-repeat 0 60px;
    background-size: 96%;
}
.performanceBA>div:nth-of-type(3){
	background: url(../images/parformance-before07.png) no-repeat 0 60px;
    background-size: 96%;
}
.performanceBA>div:nth-of-type(4){
	background: url(../images/parformance-before04.png) no-repeat 0 60px;
    background-size: 96%;
}
.performanceBA>div:nth-of-type(5){
	background: url(../images/parformance-before02.png) no-repeat 0 60px;
    background-size: 96%;
}

.performanceBA img{
	left: 0;
	top: 0px;
}
.performanceBA>div>div{
	position: absolute;
	width: 82%;
    height: 140px;
    bottom: -30px;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
	background-color: rgba(0,0,0,0.45);
	border: solid 1px;
	font-size: 1.4rem;
    line-height: 1.8;
    margin: 0;
	padding: 18px;
	text-align: left;
}

#performance .result {
	display: flex;
  	justify-content: center;
  	flex-wrap: wrap;
	
	position: absolute;
    width: 82%;
    height: initial;
    bottom: -25px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0;
    padding: 0;
    text-align: left;
}

#performance .result2 {
	display: flex;
  	justify-content: center;
  	flex-wrap: wrap;
	
	position: absolute;
    width: 82%;
    height: initial;
    bottom: -55px;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    background-color: transparent;
    border: none;
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0;
    padding: 0;
    text-align: left;
}

#performance .before {
	width: 41%;
	text-align: right;
}

#performance .arrow {
	width: 10%;
	text-align: center;
}

#performance .after {
	width: 49%;
	text-align: left;
}

#performance .result span,#performance .result2 span {
	color: #fc0;
	font-weight: bold;
}

/*----------PRICE----------*/
#price{
	padding: 100px 0;
}
#price > p:first-of-type {
    text-align: center;
    font-size: 1.8rem;
    color: #e51a14;
    margin: 15px 0 0 0;
    line-height: 1.6;
}
#price > p:nth-last-of-type(2n) {
	text-align: center;
	font-size: 1.8rem;
	color: #000;
	margin: 15px 0 0 0;
	line-height: 1.6;
}

.price-inner-cont {
	width: 760px;
	margin: 70px auto 0;
}
.title {
	width: 100%;
	height: 70px;
	background: #00a29a;
	font-size: 2.6rem;
	line-height: 2.6;
	font-weight: bold;
	color: #fff;
	letter-spacing: 1px;
}
.table-cont-40 {
	width: 40%;
	float: left;
}
.table-cont-30 {
	width: 30%;
	float: left;
}
.main-th {
	height: 70px;
	border: 1px solid #666;
	margin: 10px 10px 10px 0;
	padding-top: 12px;
}
.main-td {
	height: 70px;
	border: 1px solid #666;
	margin: 0 10px 0 0;
    font-family: 'Oswald', sans-serif;
	font-size: 3.6rem;
	line-height: 1.8;
	color: #e51a14;
	letter-spacing: 1px;
}
.sub-th-a {
	height: 70px;
	font-size: 1.6rem;
	line-height: 4;
	background: #e8e8e8;
	border: 1px solid #666;
	margin: 10px 10px 10px 0;
}
.sub-td-a {
	height: 70px;
	font-size: 1.6rem;
	line-height: 3.8;
	background: #e8e8e8;
	border: 1px solid #666;
	margin: 0 10px 0 0;
	font-family: 'Oswald', sans-serif;
	font-size: 2.8rem;
	line-height: 2.6;
	color: #666;
	letter-spacing: 1px;
}
.sub-th-b {
	height: 70px;
	font-size: 1.6rem;
	line-height: 4;
	background: #dbdbdb;
	border: 1px solid #666;
	margin: 10px 0 10px 0;
}
.sub-td-b {
	height: 70px;
	font-size: 1.6rem;
	line-height: 3.8;
	background: #dbdbdb;
	border: 1px solid #666;
	margin: 0;
	font-family: 'Oswald', sans-serif;
	font-size: 2.8rem;
	line-height: 2.6;
	color: #666;
	letter-spacing: 1px;
}
.table-small {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	color: #222;
}
.price-last-cont {
	text-align: center;
	font-size: 1.6rem;
	margin: 15px 0 0 0;
	line-height: 1.6;
}
.price-inner-cont p{
    text-align: left;
    font-size: 1.8rem;
    margin-top: 170px;
    line-height: 1.8;
}
#return{
	width: 760px;
	background-color: black;
	padding: 40px;
	margin: 50px auto;
}
#return p{
	font-size: 1.0rem;
	line-height: 1.6;
	color: white;
	padding: 30px 0;
}

/*----------パララックス----------*/

.fullPhoto{
/*	height: 120vh;*/
	background:black;
	background-position: center;
	background-size: cover;
}
.fullPhoto2{
	background-color: #f6f6f6;
	height: 80vh;
	/*background: url(../images/staff-all-2019.jpg) no-repeat;*/
	padding:0% 20%;
	text-align: center;
	background-position: center;
	background-size: cover;
	background-color: #f6f6f6;
}
.fullPhoto-img{
	width: 80%;
	text-align: center;
}

.fullPhoto-text{
	font-size: 2rem;
	line-height: 1.5;
	text-align: center;
	margin: 20px 20px;
}

/*----------STAFF----------*/


/*グレーのボックス*/

#staff {
	width: 100%;
	height: auto;
	padding: 120px 0;
	background-color: #f6f6f6;
}



#staff .subttl {
}
.staff-info-cont {
	width: 960px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: left;
	margin: 0 auto;
}
.staff-info-cont img.staff-photo {
	margin: 60px 0 30px 0;
}
.position-name {
	font-size: 2.0rem;
	margin-bottom: 30px;
}
.name {
	font-size: 2.8rem;
	letter-spacing: 5px;
	margin-bottom: 30px;
}
.e-name {
	font-family: 'Raleway', sans-serif;
	font-size: 2.0rem;
	letter-spacing: 1px;
	color: #00a29a;
	margin: 0 0 0 20px;
}
.career {
	font-size: 1.4rem;
	line-height: 1.8;
}




.staff-01{
	margin:200px auto;
	display:table;
	text-align: left;
}





.staff-02,.staff-03,.staff-04{
	width:30%;
}
/*一回り小さく*/
.position-name-s {
	font-size: 1.6rem;
	margin-bottom: 30px;
}
.name-s {
	font-size: 2.4rem;
	letter-spacing: 5px;
	margin-bottom: 30px;
}
.e-name-s {
	font-family: 'Raleway', sans-serif;
	font-size: 1.5rem;
	letter-spacing: 1px;
	color: #00a29a;
	margin: 5px 0 0 0;
}
.career-s {
	font-size: 1.2rem;
	line-height: 1.8;
}
.staff {
	max-width: 760px;
	margin: 0 auto 50px auto;
	overflow: hidden;
	background: #EDEDEF;
}
.staff_photo {
	float: left;
	width: 35%;
	height: 340px;
}



.staff_photo img {
	width: 100%;
	vertical-align: -webkit-baseline-middle;
}
.staff_photo2 {
	float: left;
	width: 35%;
	height: 340px;
}



.staff_photo2 img {
    width: 100px;
    vertical-align: -webkit-baseline-middle;
}

.staff_txt {
	float: right;
	width: 65%;
	position: relative;
	line-height: 1.8;
}



/*白いボックス*/

.staff_txt_in {
	background-color:rgba(255,255,255,0.6);
	position: absolute;
    top: 6%;
    right: 5%;
    bottom: 6%;
    left: 5%;
	text-align: left;
	padding: 5%;
}



.staff_txt_in .position {
	font-size: 1.4rem;
	line-height: 1;
}
.staff_txt_in .name {
	font-size: 2.8rem;
	margin: 0 0 10px 0;
}
.staff_txt_in .name span {
	font-size: 1.4rem;
	letter-spacing: 1px;
	color: #009999;
	margin: 0 0 0 10px;
}
.staff_txt_in .introduction {
	font-size: 1.3rem;
    line-height: 1.3;
}




.staff_txt_in2 {
	background-color:rgba(255,255,255,0.6);
	position: absolute;
    top: 6%;
    right: 5%;
    bottom: 6%;
    left: 5%;
	text-align: left;
	padding: 5%;
}


.staff_txt_in2 .position {
	font-size: 1.4rem;
	line-height: 1;
}
.staff_txt_in2 .name {
	font-size: 3rem;
	margin: 0 0 10px 0;
}
.staff_txt_in2 .name span {
	font-size: 1.4rem;
	letter-spacing: 1px;
	color: #009999;
	margin: 0 0 0 10px;
}
.staff_txt_in2 .introduction {
	font-size: 1.3rem;
    line-height: 1.5;
}



.staff01 .staff_txt {
	background:/*url(../images/staff_back01.jpg)*/ -180px no-repeat;
	background-size: cover;
    display: inline-block;
  	padding-top: 55.3%;
}
.staff02 .staff_txt {
	background: /*url(../images/staff_back02.jpg)*/ -120px no-repeat;
	background-size: cover;
  	padding-top: 55.3%;
}
.staff05 .staff_txt {
	background: url(../images/staff_back03.jpg) center no-repeat;
	background-size: cover;
  	padding-top: 55.3%;
}
.staff03 .staff_txt {
	background: /*url(../images/staff_back04.jpg)*/ -120px no-repeat;
	background-size: cover;
  	padding-top: 45%;
}
.staff04 .staff_txt {
	background: url(../images/staff_back05.jpg) -120px no-repeat;
	background-size: cover;
  	padding-top: 45%;
}


.staff_instagram {
	left:0;
}

.staff_instagram img {
	width: 20px;
	padding-bottom: 2px;
	vertical-align: bottom;
}


.staff_instagram a {
	padding:0 0 0 10px;
	text-decoration: none;
	transition:0.5s;
	color:#009999;
	font-size: 1.4rem;
}
.staff_instagram a:hover {
	color:#84c1bf; 	/*リンクにマウスが乗ったら背景色を変更する*/
}





/*----------MOVIE----------*/
#movie {
	width: 100%;
	position: relative;
	background: url(../images/movie-bg.jpg) no-repeat;
	background-size: cover;
	padding: 120px 0;
}
.c-wh {
	color: #fff;
}
.mov{
	position: relative;
	width: 720px;
	margin: 70px auto 50px;
}
.btn-red {
	display: block;
	width: 288px;
	height: 82px;
	background: url(../images/movie-btn.png) no-repeat;
	margin: 0 auto;
	transition: opacity 0.25s;
}
.btn-red:hover {
	opacity: 0.8;
}


/*----------VOICE----------*/
#voice {
	width: 100%;
	height:auto !important;
}
#voice h4 {
	font-size: 1.6rem;
	font-weight: bold;
	line-height: 1.8;
	margin: 220px 0 20px 0;
}
.attribution {
	font-weight: normal;
}
.voice-item {
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
	text-shadow: 0 0 3px #fff;
}
.voice-cont {
	width: 960px;
	margin: 50px auto 60px auto;
	overflow: hidden;
	display: flex;
	justify-content:space-between;
}
.txt-area-ri {
	width: 100%;
}
.txt-area-le {
	width: 100%;
}
.voice-01 {
	width: 32%;
	background: url(../images/voice-01.png) no-repeat 0 top;
	background-size: contain;
}
.voice-02 {
	width: 32%;
	background: url(../images/voice-02.png) no-repeat 100% top;
	background-size: contain;
}
.voice-03 {
	width: 32%;
	background: url(../images/voice-03.png) no-repeat 0 top;
	background-size: contain;
}
/*追加*/
.voice-04 {
	margin-top:60px;
	width: 100%;
	height: 60px;
	text-align: center;
	vertical-align: middle;
}

/*----------SPORTS----------*/
.cssgrid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  grid-auto-rows: 1fr;
  grid-gap: 0.8em;
  padding-top: 20px;
  margin: 0 auto 5em;
  width: 960px;
}

.cssgrid > div {
  overflow: auto;
  min-width: 0;
  padding: 1em;
}
.cssgrid img {
  width: 100%;
}

/*----------PERFORMANCE----------*/
#performance {
	width: 100%;
	padding: 120px 0;
}
.txt-area{font-size:1.4rem;}
.row{
	margin: 80px auto 0 auto;
    padding-bottom: 20px;
    /* margin-bottom: 100px; */
    width: 960px;
    display: table;
    box-sizing: border-box;
}
	.row:after {
    content:".";
    display:block;
    height:0;
    visibility:hidden;
    clear:both;
}

.large-5{
	display: table-cell;
    width: 41%;
    text-align: center;
    float: left;
    box-sizing: border-box;
    margin: 0 2% 0 2%;
}

.large-2{
	margin:auto;
	display:table-cell;
	width:10%;
	text-align: center;
	float:left;
	vertical-align: middle
	box-sizing: border-box;
}
.performance-img{
	margin-top:20px;
	margin-bottom:10px;
	max-width:70%;
	border-radius:50%;
	border:3px solid #DFDFDF;
}
.text-befor{
	display:block;
	width:100%;
	color:#00a29a;
	font-family: Arial,sans-serif;
	font-size:4rem;
	font-weight:900;
}
.text-after{
	display:block;
	width:100%;
	color:#d90000;
	font-family: Arial,sans-serif;
	font-size:4rem;
	font-weight:900;
}
.next-arrow img{
	margin:250px 0 0 -10px;
	transform: rotate(-90deg);
	vertical-align: middle
}
.perfo-table-bf{
	margin:10px auto;
	border:2px solid #00a29a;
}
.perfo-table-bf tr th{
	padding:10px 10px;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing:0.3em;
	color:#FFF;
	font-weight:bold;
	background-color:#00a29a;
}
.perfo-table-bf tr td{
	padding:10px 10px;
	font-family: 'Oswald', sans-serif;
	font-size: 2.6rem;
	color:#565656;
}
.perfo-table-bf tr td small{
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	color:#565656;
}
.perfo-table-bf tr:first-child th{
	border-bottom:1px solid #FFF;
}
.perfo-table-bf tr:nth-child(2) th{
	border-top:2px solid #FFF;
}
.perfo-table-bf tr:first-child td{
	border-bottom:1px solid #00a29a;
}
.perfo-table-bf tr:nth-child(2) td{
	border-top:2px solid #00a29a;
}
/*after*/
.perfo-table-af{
	margin:10px auto;
	border:2px solid #d90000;
}
.perfo-table-af tr th{
	padding:10px 10px;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing:0.3em;
	color:#FFF;
	font-weight:bold;
	background-color:#d90000;
}
.perfo-table-af tr td{
	padding:10px 10px;
	font-family: 'Oswald', sans-serif;
	font-size: 2.6rem;
	color:#565656;
}
.perfo-table-af tr td small{
	font-family: 'Oswald', sans-serif;
	font-size: 2rem;
	font-weight:normal;
	color:#565656;
}
.perfo-table-af tr:first-child th{
	border-bottom:1px solid #FFF;
}
.perfo-table-af tr:nth-child(2) th{
	border-top:2px solid #FFF;
}
.perfo-table-af tr:first-child td{
	border-bottom:1px solid #d90000;
}
.perfo-table-af tr:nth-child(2) td{
	border-top:2px solid #d90000;
}
/*----------ITEMS----------*/
#items {
	width: 100%;
	margin-top: 200px;
}
.item-cont {
	width: 960px;
	margin: 60px auto 50px;
	padding: 0;
	display: flex;
	justify-content: space-between;
	color: #fff;
}
.item-01 {
	width: 100%;
	background:  #cd231e;
	margin-right: 30px;
	padding: 30px;
}
.item-02 {
	width: 100%;
	background:  #332db0;
	margin-right: 30px;
	padding: 30px;
}
.item-03 {
	width: 100%;
	background:  #00a29a;
	padding: 30px;
}
.item-image-01 {
	width: 255px;
	height: 200px;
	background: url(../images/belt.png) no-repeat center center;
	background-size: contain;
}
.item-image-02 {
	width: 255px;
	height: 200px;
	background: url(../images/meter.png) no-repeat center center;
	background-size: contain;
}
.item-image-03 {
	width: 255px;
	height: 200px;
	background: url(../images/band.png) no-repeat center center;
	background-size: contain;
}
.item-name {
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 2.4;
	text-align: left;
	margin: 20px 0;
}
.item-info {
	font-size: 1.6rem;
	line-height: 1.8;
	text-align: left;
}
#items > p:last-of-type{
	font-size: 1.6rem;
}


/*----------SLIDE----------*/
#slide {
	width: 100%;
	background: #f9f9f9;
	padding: 120px 0;
	margin-top: 120px;
}
.swiper-container {
	width: 670px;
	height: auto;
	position: relative;
	overflow: hidden;
}
.resizeimage img {
	/*max-width: 100%;
	position: absolute;
	left: 50%;
	top: 50%;*/
}
#slide h4 {
	font-size: 4.8rem;
	font-weight: bold;
	margin-top: 80px;
}
.copy {
	font-size: 2.4rem;
	line-height: 1.8;
	color: #00a29a;
	margin: 50px 0 50px 0;
}
.sub-copy {
	font-size: 1.6rem;
	line-height: 1.8;
}


/*----------INTERIOR----------*/
#interior {
	width: 100%;
	margin-top: 120px;
}
.fig-cont {
	width: 1024px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
}
#interior figure img {
	width: 330px;
}
#interior figure img {
}
.figcaption {
	font-size: 1.4rem;
	line-height: 1.8;
	margin: 20px 0 40px;
}

/*----------ACCESS----------*/
#access {
	width: 100%;
	margin-top: 120px;
}
#map_canvas {
  width: 100%;
  height: 520px;
  margin: 0 auto;
}
#map_canvas2 {
  width: 100%;
  height: 520px;
  margin: 0 auto;
}
#map_canvas3 {
  width: 100%;
  height: 520px;
  margin: 0 auto;
}
#access h3{
	margin: 100px 0 20px 0;
}
#access h6{
	margin: 0 0 20px 0;
}
#access a{
	color: #222;
	text-decoration: none;
}
.address {
	font-size: 1.6rem;
	line-height: 1.8;
	margin-top: 30px;
}
.tel-info {
	margin-right: 20px;
}

/*----------FREE TRIAL----------*/
#freetrial {
	width: 100%;
}
.free-tri{
	padding-bottom: 120px;
}
/*----------CONTACT----------*/

#contact {
	width: 100%;
	padding: 120px 0;
	background: #f9f9f9;
}

#contact input,#contact textarea {
	background: #FFF !important;
}

.banner {
	width: 763px;
	height: 244px;
	background: url(../images/trial-bnr_2018.jpg) no-repeat;
	margin: 120px auto 70px;
}
.banner2 {
	width: 763px;
	height: 244px;
	background: url(../images/fc-bnr.jpg) no-repeat;
	margin: 0 auto 70px;
}
.banner3 {
	width: 763px;
	height: 244px;
	background: url(../images/line-bnr.jpg) no-repeat;
	margin: 70px auto 70px;
}
#contact table {
	margin: 0 auto 20px;
}
.c_form td {
    padding: 10px;
}
.form-item {
	font-size: 1.6rem;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2.0;
	color: #666;
}
input[type="text"]{
	width: 360px;
	height: 30px;
}
.submit-btn,
.reset-btn {
	font-size: 1.6rem;
	background: #666;
	color: #fff;
	padding: 5px 15px;
}
.submit-btn {
	margin-right: 10px;
}
.contact-mail{
	width: 460px;
	margin:100px auto 10px;;
	padding: 15px 10px 15px 60px;
	border:2px solid #e31913;
	background:url('../images/ico-mail.png') no-repeat left 10px center;
	border-radius:4px;
}
.contact-mail a{
	font-weight:bold;
	font-size:1.8rem;
}
.contact-mail a:link,.contact-mail a:visited{
	color:#222;
	transition: all ease-in-out .3s;
}
.contact-mail a:hover,.contact-mail a:active{
	color:#e31913;
	 transition: all ease-in-out .3s;
}

/*----------NEWS----------*/
#news {
	width: 100%;
	height:auto !important;
	margin: 120px 0;
}
#news iframe{
	width:960px;
	height:394px;
}
/*----------LINE----------*/
#line{
	width: 100%;
	height:auto !important;
	margin: 0;
}
/*----------FACEBOOK----------*/
#facebook{
	width: 100%;
	height:auto !important;
	margin: 50px 0 0 0;
	background: #f9f9f9;
    padding: 100px 0 100px 0;
}
/*----------個人情報保護関連---------*/
div.personal-info{
	margin: 0;
	display:block;
	width:100%;
	height:50px;
	text-align: center;
	background-color:#000;
	border:1px solid #333;

}
a.p-info-text + a.p-info-text{
	border-left:1px solid #CCC;
}
a.p-info-text{
	padding:1px 14px;
	font-size:1.2rem;
	line-height: 50px
}
a:link.p-info-text,
a:visited.p-info-text{color:#CCC;}
a:hover.p-info-text,
a:active.p-info-text{color:#FFF;}
/*----------FOOTER----------*/
footer {
    width: 100%;
    height: 400px;
    background: #333;
    position: relative;
    margin-top: 80px;
    padding-top: 40px;
}
.foot-logo {
 	width: 90px;
	height: 90px;
	background: url(../images/logo.png) no-repeat;
	background-size: contain;
	margin: 0 auto 20px;
	display:block;
}
.foot-logo a{
 	width: 90px;
	height: 90px;
	display:block;
}
ul.sub-nav {
	display: flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content: center;
	margin: 40px 0;
}
ul.sub-nav li {
	margin-bottom:10px;
	font-family: 'Raleway', sans-serif;
	font-size: 1.6rem;
	letter-spacing: 1px;
	padding: 0 28px;
	border-right: 1px solid #fff;
}
ul.sub-nav li:first-child {
	padding-left: 0px;
}
ul.sub-nav li:last-child {
	padding-right: 0px;
	border-right: none;
}
/*ul.sub-nav li:last-child a{
    background: -webkit-linear-gradient(top, #767676 0%, #666 100%);
    background: linear-gradient(to bottom, #767676 0%, #666 100%);
    color: #fff;
    text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
    padding: 3px 8px;
}*/
.copyright {
	width: 100%;
	height: 200px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #000;
	color: #fff;
	font-size: 1.4rem;
	line-height: 3.4;
}
#pageTop span{
	display: block;
	overflow: hidden;
	width: 80px;
	height: 80px;
	background: url(../images/totop.png) no-repeat center center;
	background-size: cover;
}
#pageTop {
    position: fixed;
    bottom: 150px;
    right: 30px;
    top: auto;
    left: auto;
}
#pageTop:hover{
	opacity: 1;
}
/*追加リンクボタン*/
a.button:link,
a.button:visited,
a.button:active{
	padding:30px 40px;
	margin:auto;
	display:table;
	background-color: #d90000;
	border:1px solid #FF0000;
	font-size:1.8rem;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:6px;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
	box-shadow: 1px 1px 5px #666; /*CSS3*/
     -moz-box-shadow: 1px 1px 5px #666; /* Firefox用*/
     -webkit-box-shadow: 1px 1px 5px #666; /* Google Chrome, Safari用*/

}
a.button:hover{
	padding:30px 40px;
	margin:auto;
	display:table;
	background-color: #b90106;
	border:1px solid #FF0000;
	font-size:1.8rem;
	color:#FFF;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
}
/*追加リンクボタン（2）グリーン*/
.for-button{
	margin-top:50px;
}
a.button2:link,
a.button2:visited,
a.button2:active{
	padding:30px 40px;
	margin:auto;
	display:table;
	background-color: #00a29a;
	border:1px solid #036d68;
	font-size:1.8rem;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:6px;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
	box-shadow: 1px 1px 5px #666; /*CSS3*/
     -moz-box-shadow: 1px 1px 5px #666; /* Firefox用*/
     -webkit-box-shadow: 1px 1px 5px #666; /* Google Chrome, Safari用*/

}
a.button2:hover{
	padding:30px 40px;
	margin:auto;
	display:table;
	background-color: #068781;
	border:1px solid #036d68;
	font-size:1.8rem;
	color:#FFF;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
}
.arrow-next{
	padding-right:30px;
	background-image:url(../images/arrow-next.png);
	background-position:right 15px center;
	background-repeat:no-repeat;
}

/*追加リンクボタンその３黄色　2019年４月26日依頼により増田が追加*/
a.button3:link,
a.button3:visited,
a.button3:active{
	padding:30px 40px;
	margin:auto;
	display:table;
	background-color: #ffd700;
	border:1px solid #ffff00;
	font-size:1.8rem;
	font-weight:bold;
	color:#FFFFFF;
	border-radius:6px;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
	box-shadow: 1px 1px 5px #666; /*CSS3*/
     -moz-box-shadow: 1px 1px 5px #666; /* Firefox用*/
     -webkit-box-shadow: 1px 1px 5px #666; /* Google Chrome, Safari用*/

}
a.button3:hover{
	padding:30px 40px;
	margin:auto;
	display:table;
	background-color: #eac501;
	border:1px solid #ffff00;
	font-size:1.8rem;
	color:#FFF;
	-webkit-transition: 0.4s ; /* Safariに対応させるため */
	transition: 0.4s ;
}



/*----------Q&A----------*/
#faq-btn {
    background: #f9f9f9;
    padding-bottom: 120px;
    width: 100%;
    height: auto;
}

/*----------Q&Aページ用----------*/
#topspace {
	width: 100%;
	height: 5%;
	top:0;
	/*position: relative;*/
}
#faq {
	background: #f9f9f9;
	padding: 200px 0 100px 0;
	width: 100%;
	height: auto;
}
.faq-line{
	margin:10px auto;
	width:960px;
	border-top:1px solid #CCC;
}
.faq-box{
	padding:15px 0;
	margin:10px auto;
	width:960px;
	border-bottom:1px solid #CCC;

}
.question-box{
	padding:2px 0 20px 40px;
	width:100%;
	background-image:url(../images/ico-question.png);
	background-position:left top;
	background-repeat:no-repeat;
	font-size:1.8rem;
	line-height:1.6;
	font-weight:bold;
	text-align:left;
	min-height:40px;
}
.answer-box{
	padding:2px 0 20px 70px;
	width:100%;
	background-image:url(../images/ico-answer.png);
	background-position:left 30px top;
	background-repeat:no-repeat;
	font-size:1.6rem;
	line-height:1.6;
	font-weight:normal;
	text-align:left;
	min-height:40px;
}
/*----------VOICE USER----------*/
#voice {
	padding: 80px 0 120px 0;
    width: 100%;
    height: auto;
    background: #f9f9f9;
}
#voice2 {
	padding: 200px 0 140px 0;
    width: 100%;
    height: auto;
    background: #FFF;
}
.voice-box{
	margin:20px auto;
	padding:0;
	width:960px;
	display:block;
	text-align: left;
	box-sizing:border-box;
}
.voice-box > img{
	position:absolute;
	z-index: 10;
}
.voice-inbox{
	margin:0 0 0 97px;
	padding:20px 30px;
	border:3px solid #666;
	font-size:1.6rem;
	line-height: 1.6;
	border-radius:12px;
	box-sizing:border-box;
}
.voice-box small{
	font-size:1.2rem;
	color:#666;
	display:block;
}
.voice-box strong{
	margin:6px 0 6px 15px;
	font-size:1.6rem;
	font-weight:bold;
	display:inline-block;
}
.dot-man{
	margin:6px 0 6px 0;
	padding:0 0 0 26px;
	background-image:url(../images/ico-man.png);
	background-position:left center;
	background-repeat: no-repeat;
	line-height: 2;
	display:inline-block;
	font-weight:bold;
}
.dot-women{
	margin:6px 0 6px 0;
	padding:0 0 0 26px;
	background-image:url(../images/ico-women.png);
	background-position:left center;
	background-repeat: no-repeat;
	line-height: 2;
	display:inline-block;
	font-weight:bold;
}
.voice-box p{
	padding:10px 0 0 0 ;
	font-size:1.4rem;
	border-top:1px solid #CCC;
	text-align: justify;
    text-justify: inter-ideograph;
    -ms-text-justify: inter-ideograph;
}
.voice-img-right img{
	margin:6px 0 6px 12px;
	padding:0;
	float: right;
	border:1px solid #CCC;
	border-radius:3px;
	width:360px;
	box-sizing:border-box;
}
#go-top{
	margin-top:60px;
	text-align: center;
	width:100%;
}
/*----------FLOW----------*/
#flow{
	width: 100%;
	height:auto !important;
	margin: 200px 0 0 0;
}
.flow-box{
	margin:0 auto 40px auto;
	display:table;
	max-width: 960px;
}
.flow-item{
	width:50%;
	display:table-cell;
}
.flow-item img{
	margin-right:30px;
	width:480px;
	border:1px solid #CCC;
	border-radius:6px;
}
.flow-box p{
	width:50%;
	display:table-cell;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #222;
	text-align: left;
    padding-left: 15px;

}
.flow-box p strong{
	font-size:2.8rem;
}
.flow-box p small{
	font-size:1.2rem;
	line-height: 1;
}
.flow-font{
	font-size: 3.0rem;
}
.arrow-next-flow{
	margin-bottom:40px;
}
.flow-button{
	margin-top:80px;
}
.flow-text{
	width: 100%;
	margin:0 auto 40px auto;
	font-size:1.6rem;
	line-height: 1.6;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img.icon-img{
	margin:0 auto 10px auto;
}
#experience {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    padding: 10px 0;
    background-color: #2222224a;
	transition: .3s;
}
#experience img {
/*	width: 720px;*/
	/*LINEボタン削除の為非表示	*/
	margin: 0 5px;
}
#experience img:hover {
	opacity: 0.9;
	transition: .3s;

}

.fixed{
 position: fixed;
 top: 0;
}




/*----------------------------

タブレットデザイン

----------------------------*/
@media only screen and (min-width: 641px) and (max-width: 1023px) {
.none {
	display: none;
}
.padnone {
	display: none;
}
.pad{
    display: block;
}
	
/*----------HEADER----------*/
#header {
	width: 100%;
	background: #000;
	position: fixed;
	z-index: 1000;
}
.inner-cont {
	max-width: 95%;
	height: 80px;
	position: relative;
	margin: 0 auto;
	color: #fff;
}
.top-logo {
	width: 200px;
	height: 70px;
	background: url(../images/logo2.png) no-repeat;
	background-size: contain;
	margin: 13px 0 0 0;
	float: left;
}
.shop {
	font-size: 1.3rem;
	line-height: 1.6;
	width: 120px;
	height: 30px;
	margin: 26px 0 0 15px;
	float: left;
	text-align: left;
}
.contact-info {
	display: none;
}
.contact-info-sp {
	display: block;
	margin: 30px auto 0;
}
.contact-info-address {
	display: block;
	margin: 0 auto;
}
.drawer-hamburger {
	display: block !important;
}
#header_sub {
    display: none;
}
.shop-btn {
    padding: 33px 0;
    left: 220px;
    position: absolute;
}
.shop-btn a {
    font-size: 1.2rem;
    padding: .4em .5em;
    margin: 1px 4px;
    width: 200px;
    /* border: 1px solid #ccc; */
    background-color: #fc0;
}
	
/*----------TOP IMAGE----------*/
	
#reiwa {
	width: 98%;
	margin: 150px auto 0 auto;
}

#reiwa img {
	width: 100%;
}
#top {
	top: 0px;
}
.top-img {
    background: #999 url(../images/top-bg.jpg) no-repeat center top;
    background-size: cover;
    top: initial;
}
#toplogo1 {
    width: 80px;
}
#toplogo2 {
    width: 150px;
}
#toplogo3 {
    width: 150px;
}
.top-txt {
	padding: 0 20px;
	font-size: 4.8rem;
}
.top-txt-sub {
    font-size: 1.6rem;
}
.font-cont {
    height: 40%;
}
.pickup li img{
	max-width: 220px;
}
	
/*----------INTRODUCTION----------*/
#introduction {
    margin: 0px 0 0 0;
}

.resizeimage {
	width: 100%;
}
.resizeimage img {
	width: 100%;
}
.resizeimage2 img {
	width: 60%;
}	
#introduction3 {
    margin: 21px 0 0 0;
}
.info2 {
	margin: 20px auto 0;
}
.info3 {
	margin: 0px auto 0;
}

/*----------PRICE----------*/
.price-inner-cont {
	width: 80%;
	margin: 70px auto 0;
	display: block;
}
.table-cont-40 {
	width: 100%;
	clear: both;
}
.table-cont-30 {
	width: 100%;
	clear: both;
}
.main-th {
	margin: 10px 0;
}
.main-td,
.sub-th-a,
.sub-td-a,
.sub-th-b,
.sub-td-b
 {
	margin: 10px 0;
}
.sub-td-a {
    font-size: 3.6rem;
    line-height: 1.8;
    letter-spacing: 1px;
}
.sub-td-b {
    font-size: 3.6rem;
    line-height: 1.8;
    letter-spacing: 1px;
}
.info{
	width: 80%;
}
#return{
	width: 80%;
}
#return img{
	width: 100%;
}
#return img:last-of-type{
	width: 60%;
}

/*----------STAFF集合写真----------*/	
.fullPhoto {
	width: 100vw;
	background-size: cover;
background-attachment: scroll;
}
.fullPhoto2 {
	height: 550px;
    background-size: cover;
	background-attachment: scroll;
	padding: 0px;
}
.before-after img{
	width: 100vw;
	height: 100vh;
}
.fullPhoto-img{
	width: 100vw;
}
/*----------STAFF----------*/
#staff {
    margin: 0 auto;
}
.staff-info-cont {
	width: 70%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
}
.staff-01,
.staff-02,
.staff-03,
.staff-04
 {
	margin: 20px auto;
	display:block;
	width:100%;
	text-align: center;
}
.staff {
	max-width: 650px;
}
.staff_photo2 img {
    left: 7%;
}
.staff_photo2 img {
    left: 54px;
    top: 63px;
}
.staff_txt_in{
    bottom: -10%;		
}

/*----------VOICE----------*/
.voice-cont {
	width: 80%;
	display: block;
	margin: 0 auto;
}
.txt-area-ri,
.txt-area-le
 {
	width: 100%;
	clear: both;
}
.voice-01 {
    width: 100%;
    background-size: 260px;
    background-position: center top;
}
.voice-02 {
    width: 100%;
    background-size: 260px;
    background-position: center top;
}
.voice-03 {
    width: 100%;
    background-size: 260px;
    background-position: center top;
}
#voice h4 {
    margin: 0 0 20px 0;
    padding-top: 200px;
}
#voice p {
    font-size: 1.6rem;
    line-height: 1.8;
    margin: 0;
}
.smalltxt-l{
	padding-bottom: 50px;
}
	
/*----------SPORTS----------*/
.cssgrid {
  grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
  width: 90%;
}
	
/*----------PERFORMANCE----------*/
.performanceBA>div>div {
	height: initial;
	font-size: 1.2rem;
    line-height: 1.6;
    padding: 10px;
    bottom: -50px;
    height: 100px;
}
	
#performance .result {
    bottom: -55px;
    font-size: 1.25rem;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

#performance .result2 {
    bottom: -75px;
    font-size: 1.25rem;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}
	
/*----------ITEMS----------*/
#items {
	width: 100%;
	margin-top: 120px;
}
.item-cont {
	max-width: 100%;
	display: block;
}
.item-01,
.item-02 {
	margin-right: 0;
}
.item-image-01,
.item-image-02,
.item-image-03 {
	float: left;
}
.item-txt-cont {
	width: 50%;
	float: right;
}
.item-name {
	margin: 0 0 20px;
}


/*----------INTERIOR----------*/
#interior figure {
	width: 300px;
	float: left;
	margin: 10px;
}
#interior .fig-cont {
	width: 660px;
	height: 100%;
	margin: 0 auto;
}

/*----------FREE TRIAL----------*/
#freetrial {
	padding: 120px 0;
}
.free-tri {
    padding-bottom: initial;
}

/*----------CONTACT----------*/
.banner {
	max-width: 90%;
	max-height: 90%;
	background: url(../images/trial-bnr_2018.jpg) no-repeat;
	background-size: contain;
	margin: 0 auto 70px;
}
.banner2 {
	max-width: 90%;
	max-height: 90%;
	background: url(../images/fc-bnr.jpg) no-repeat;
	background-size: contain;
	margin: 0 auto 70px;
}
.banner3 {
	max-width: 90%;
	max-height: 90%;
	background: url(../images/line-bnr.jpg) no-repeat;
	background-size: contain;
	margin: 0 auto 70px;
}	
	
	
/*----------FOOTER----------*/
footer {
	width: 100%;
	height: 304px;
}
.foot-logo {
 	width: 80px;
	height: 80px;
}
ul.sub-nav {
	margin: 30px 0;
}
ul.sub-nav li {
	font-size: 1.4rem;
	padding: 0 18px;
}
ul.sub-nav li:last-child {
	padding-right: 0px;
	border-right: none;
}
.copyright {
	font-size: 1.2rem;
	line-height: 3.8;
	height: 125px;
}
#pageTop span{
	display: block;
	overflow: hidden;
	width: 80px;
	height: 80px;
	background: url(../images/totop.png) no-repeat center center;
	background-size: cover;
}
#pageTop{
	position:fixed;
	bottom: 120px;
	right: 20px;
	top: auto;
	left: auto;
}
#pageTop:hover{
	opacity: 1;
}
#experience {
    height: initial;
}
#experience img{
	/*width: 64%;*/
	/*LINEボタン削除のため非表示	*/
	margin: 0 5px;
	width: 50%;
	}
	#experience img.experience02{
		margin: 0 5px;
		width: 11.5%;
		}
	#experience img:hover {
	opacity: 0.9;
	transition: .3s;
	}
	
	.fixed{
	position: fixed;
	top: 0;

	}
	
	
/*----------NEWS----------*/
#news iframe{
	width:90%;
	height:440px;
}		
	
/*----------Q&Aページ用----------*/
#faq{
	padding-top: 80px;	
}	
.faq-box{
	width:90%;
}
.faq-line {
    width: 100%;
}

/*----------VOICE2----------*/
#voice2 {
    padding-top: 100px;
}
.voice-box{
	width:90%;

}
.voice-img-right{
	display:block;
	width:100%;
}
.voice-img-right img{
	margin:6px 0 10px 12px;
	max-width:100%;
	max-height:auto;
}
/*----------FLOW----------*/
#flow{
	margin-top: 100px;
}

.flow-box{
	margin:0 auto 30px auto;
	display:table;
	width:90%;
}
.flow-item{
	width:100%;
	display:table;
}
.flow-item img{
	margin:0 auto;
	margin-bottom:20px;
	width:480px;
}
.flow-box p{
	margin:0 auto;
	width:480px;
	display:table;
	vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.6rem;
	color: #222;
	text-align: center;

}
}

/*----------------------------

スマートフォンデザイン

----------------------------*/
@media screen and (max-width: 640px) {

.none {
	display: inline;
}
.sp{
	display: inline;
	}
.spnone {
	display: none;
}
h3 {
	font-size: 2.4rem;
	line-height: 1.6;
	padding: 0 20px;
}
h5 {
	padding: 0 20px;
	font-size: 2.4rem;
	color: #ff0000;
}	
h6 {
	font-size: 2.4rem;
	line-height: 1.6;
	padding: 0 20px;
}	
.button3{
	line-height: 1.6;
}
/*トレーナー募集*/
.bosyu img{
	width:140px;
	height:auto;
}
#bosyu{
	padding-top:100px;
	max-width:100%;
}
#bosyu img{
	max-width:90%;
	height:auto;
}

/*----------HEADER----------*/
#header {
	width: 100vw;
	background: #000;
	position: fixed;
	z-index: 1000;
}
.inner-cont {
	max-width: 90%;
	height: 110px;
	position: relative;
	margin: 0 auto;
	color: #fff;
}
.top-logo {
	width: 200px;
	height: 60px;
	background: url(../images/logo2.png) no-repeat;
	background-size: contain;
	margin: 12px 0 0 0;
	float: left;
}
.contact-info {
	display: none;
}
.nav-link-sp {
	font-size: 1.7rem;
	display: block;
	margin-bottom: 10px;
	padding-bottom: 20px;
	border-bottom:1px solid rgba(255,255,255,.4);
}
.contact-info-sp {
	display: block;
	margin-top: 10px;
	padding-top: 20px;
	border-top:1px solid rgba(255,255,255,.4);
}
.contact-info-intro {
	line-height: 1.6;
	padding-bottom: 10px;
}
.contact-info-address {
	display: block;
	margin: 0 auto;
}
.drawer-hamburger {
	display: block !important;
}
#header_sub {
    display: none;
}
/*.contact-info-address a:last-of-type{
    display: block;
    width: 220px;
    margin: 15px auto 0;
    padding: 8px 20px;
    font-size: 16px;
    background-color: #444;
    border-bottom: 3px solid #90949c;
    box-shadow: 0 0 black;
}*/
.drawer-nav .tel {
    margin-bottom: 10px;
}
.drawer-nav .mail {
    margin: 0 auto 15px;
}
.shop-btn {
    padding: 0;
    display: inline-flex;
	width: 100%;
}
.shop-btn a {
    font-size: 1.2rem;
    padding: .4em .1em;
    margin: 0 4px;
    width: 50%;
    /* border: 1px solid #ccc; */
    background-color: #fc0;
}
	
/*----------TOP IMAGE----------*/

#spTop {
    margin-top: 0px;
    display: block;
	 width: 100%;
	 background-size: contain;
}
#spTop img{
	width: 100%;
	}
#reiwa {
	width: 90%;
	margin: 150px auto 0 auto;
}

#reiwa img {
	width: 100%;
}
.top-txt {
    font-size: 2.4rem;
    /* line-height: 1.2em; */
}
.top-txt-sub {
	font-size: 1.6rem;
    width: 98%;
    margin: 30px auto 0;
}
.top-txt-sub2 {
    font-size: 1.6rem;
}
.top-txt-sub3 {
    padding: 20px 15px;
    margin: 40px auto;
    width: 90%;
    line-height: 1.8;
    font-size: 2.4rem;
}
/*追加修正*/
.pickup{
	margin: 20px auto 80px;
	padding:0;
	display:table;

}
ul.pickup li{
	margin-bottom:30px;
	display:block;
	width:100%;
	overflow: hidden;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;

}
.pickup li img{
	max-width: 90%;
	max-height: 90%;
	margin:0 auto 10px auto;
}
#voice p {
    margin-top: 30px;
}

/*----------VIDEO----------*/
#video {
    padding: 0 0 75%;
}
#video-background video {
    display: none;
}
.video-background-img{
    height: 100%;
	width: 100%;
    background: url(../images/sp-top.jpg)no-repeat center 80px/cover;
    z-index: 100;
	position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden;
}
div#down_scroll{
	display: none;
}
/*----------INTRODUCTION----------*/
#introduction {
	padding: 80px 0;
	margin: 0;
}
#introduction2 {
	padding: 80px 0;
	margin: 0;
}
#introduction3 {
	padding: 100px  0 0px 0;
	margin: 0;
}
#introduction > p:first-of-type {
	padding: 0 20px;
	font-size: 1.6rem;
	line-height: 1.8;
    margin-top: 30px;
}
#introduction > p:nth-of-type(2) {
	padding: 0 20px;
	font-size: 1.6rem;
	line-height: 1.8;
    margin-top: 30px;
}
.sports p {
	text-align: left;
	padding: 0 20px;
	font-size: 1.6rem;
	line-height: 1.8;
    margin-top: 30px;
}
.magazine {
	margin: 80px auto 0;
}
.magazine h2 {
	font-size: 2.8rem;
}
.sports {
	padding: 80px 0;
	margin: 0px auto;
}
.sports h2 {
	font-size: 2.8rem;
}
.info {
    padding: 15px;
    margin: 50px auto 0;
    text-align: center;
    font-size: 1.6rem;
    line-height: 1.6;
    width: 90%;
}
.info2 {
	width: 90%;
}
.info3 {
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.sanmitsu{
	width: 100vw;
}
/*----------PRICE----------*/
#price {
    padding: 80px 0;
}
#price h2 {
	margin: 0 auto 0;
}
#price > p:first-of-type {
    font-size: 1.5rem;
    width: 95%;
    margin: 20px auto;
}
#price > p:nth-of-type(2)  {
    font-size: 1.5rem;
    width: 95%;
    margin: 20px auto;
    line-height: 1.6;
}
.price-inner-cont {
	width: 90%;
	margin: 50px auto 0;
	display: block;
}
.price-inner-cont:nth-of-type(2),
.price-inner-cont:nth-of-type(3) {
	margin: 30px auto 0;
}
.table-cont-40 {
	width: 100%;
	clear: both;
}
.table-cont-30 {
	width: 100%;
	clear: both;
}
.title {
	font-size: 2.0rem;
	line-height: 3.6;
}
.main-th {
	margin: 10px 0;
    padding-top: 5%;
    font-size: 1.5rem;
    line-height: 2;
}
.main-td {
    height: 70px;
    border: 1px solid #666;
    margin: 10px 0 0 0;
    font-family: 'Oswald', sans-serif;
    font-size: 2.8rem;
    line-height: 1.8;
    color: #e51a14;
    letter-spacing: 1px;
    background: #FFF;
    padding: 4% 0 0 0;
}
.main-td,
.sub-th-a,
.sub-td-a,
.sub-th-b,
.sub-td-b
 {
	margin: 5px 0;
}
#return{
	width: 90%;
	padding: 10px;
}
#return p{
	text-align: left;
}
#return img{
	padding-top: 20px;
	width: 90%;
}
#return img:last-of-type{
	width: 90%;
    padding-top: 0;
    margin-bottom: 15px;
}
	
/*----------STAFF集合写真----------*/	
.fullPhoto {
    background-size: contain;
	background-attachment: scroll;
	
}
.fullPhoto2 {
    background-attachment: initial;
    background-size: cover;
    height: 400px;
		padding: 0px;
}
.fullPhoto-img{
	width: 100vw;
}
/*----------STAFF----------*/
#staff {
	padding: 80px 0;
    font-size: 1.6rem;
    line-height: 1.6;
}
.staff-info-cont {
	width: 80%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	text-align: center;
	margin: 0 auto;
}
.staff-01,
.staff-02,
.staff-03,
.staff-04
 {
	margin: 20px auto;
	display:block;
	width:100%;
	text-align: center;
}
.e-name {
	display: block;
	font-size: 1.6rem;
	margin: 20px 0 0 0;
}
.career {
	text-align: left;
}
.name-s{
	display:block;
	text-align: center;
}
.e-name-s {
	display:block;
	text-align: center;
}
.staff {
	margin: 0 auto 0 auto;
	overflow: hidden;
	background: none;
	position: static;
	top: -70px;
}
.staff_photo {
	float: none;
	display: inline-block;
  	width: 125px;
  	height: 125px;
  	position: relative;
  	overflow: hidden;
  	border-radius: 50%;
	top: 70px;
	z-index: 10;
}
    
    
    
.staff_photo img {
	position: absolute;
  	top: -100%;
  	bottom: -150%;
	right: 100%;
    left: 0%;
  	margin: auto;
}
    
   
    
    
      
    
    
    
.staff_photo2 {
	float: none;
	display: inline-block;
  	width: 125px;
  	height: 125px;
  	position: relative;
  	overflow: hidden;
  	border-radius: 50%;
	top: 70px;
	z-index: 10;
}
.staff_photo2 img {
	position: absolute;
    width: 100%;
    padding: 0;
    left: 0;
	top: 0;
}
.staff_txt {
	float: none;
	width: 100%;
	position: static;
}
.staff_txt_in {
	background-color:rgba(255,255,255,0.6);
	position: static;
	padding: 22% 5% 5% 5%;
}
.staff_txt_in .position {
}
.staff_txt_in .name {
	margin: 0 0 10px 0;
	font-size: 2.5rem;
    letter-spacing: 1px;
}
.staff_txt_in .name span {
	font-size: 1.1rem;
	color: #009999;
	margin: 0 0 0 10px;
}
.staff01 .staff_txt {
	background-position: -200px;
	padding-top: 0 !important;
}
.staff02 .staff_txt {
	background-position: -70px;
	padding-top: 0 !important;
}
.staff05 .staff_txt {
	padding-top: 0 !important;
}
.staff03 .staff_txt {
	background: #EDEDEF;
	padding-top: 0 !important;
}
.staff04 .staff_txt {
	background: #EDEDEF;
	padding-top: 0 !important;
}
.staff01 {
	margin: -60px 0 0 0;
}

.staff_instagram {
	left:0;
	margin:-20px 0 20px 0;
}

.staff_instagram img {
	width: 20px;
	padding-bottom: 5px;
	vertical-align: bottom;
}


.staff_instagram a {
	padding:0 0 0 10px;
	text-decoration: none;
	transition:0.5s;
	color:#009999;
	font-size: 1.4rem;
}
.staff_instagram a:hover {
	color:#84c1bf; 	/*リンクにマウスが乗ったら背景色を変更する*/
}

	
	
	
/*----------MOVIE----------*/
#movie {
	padding: 100px 0;
}
.mov{
	position:relative;
	width:100%;
	padding-top:300px;
}
.mov iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
	
/*----------VOICE----------*/
#voice {
	width: 100%;
	height:auto !important;
	margin: 0;
}
#voice2 {
    padding-top: 130px;
}
#voice h4 {
	margin: 0 0 20px 0;
	padding-top: 200px;
}
.voice-cont {
	width: 86%;
	margin: 50px auto 0 auto;;
	display: block;
}
.txt-area-ri,
.txt-area-le
 {
	width: 100%;
	clear: both;
}
.voice-01 {
	width: 100%;
	background-size: 260px;
    background-position: center top;
}
.voice-02 {
	width: 100%;
	height: auto;
	margin-top: 40px;
	background-size: 260px;
    background-position: center top;
}
.voice-03 {
	width: 100%;
	height: auto;
	margin-top: 40px;
	background-size: 260px;
    background-position: center top;
}
	
/*----------SPORTS----------*/
.cssgrid {
  grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
  width: 100%;
  margin: 0 auto;
}

/*----------PERFORMANCE----------*/
#performance {
	padding: 10px 0;
}
#performance h2 {
    line-height: 1.8;
    font-size: 3.0rem;
    font-weight: bold;
}
#performance {
	width: 100%;
}
.performanceBA>div>div {
    width: 85%;
	height: initial;
    bottom: -50px;
    padding: 10px;
}
	
#performance .result {
    bottom: -65px;
    font-size: 1.3rem;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

#performance .result2 {
    bottom: -85px;
    font-size: 1.3rem;
    line-height: 1.8;
    margin: 0;
    padding: 0;
}

/*----------ITEMS----------*/
#items {
	width: 100%;
	margin-top: 120px;
}
.item-cont {
	width: 100%;
	margin: 60px auto 10px;
	padding: 0;
	display: block;
	color: #fff;
}
.item-image-01,
.item-image-02,
.item-image-03 {
	width: 80%;
	height: 200px;
	margin: 0 auto;
}
#items > p:last-of-type{
	width: 85%;
	text-align: center;
	font-size: 1.4rem;
	line-height: 1.6;
	margin: 0 auto;
}

/*------------SLIDE-------------*/
#slide {
	width: 100%;
	padding: 100px 0;
	margin-top: 100px;
}
.swiper-container {
	width: 100%;
	position: relative;
	overflow: hidden;
}
.swiper-slide {
}
.resizeimage img {
	max-width: 90%;
}
#slide h4 {
	font-size: 3.6rem;
	line-height: 1.6;
}
.copy {
	font-size: 2.4rem;
	line-height: 1.6;
	color: #00a29a;
	margin: 30px 0 30px 0;
}
.sub-copy {
	text-align: left;
	padding: 0 20px;
}

/*----------INTERIOR----------*/
#interior {
	width: 100%;
	margin-top: 120px;
}
.fig-cont {
	width: 100%;
	display: block;
	margin: 0 auto;
}
#interior figure img {
	width: 90%;
}
#interior figure img {
}
.figcaption {
	font-size: 1.6rem;
	line-height: 1.6;
	margin: 20px 0 40px;
	padding: 0 20px;
}
#freetrial {
    margin-top: 0px;
}
.free-tri {
    padding-bottom: 80px;
}

/*----------ACCESS----------*/
#access {
	margin-top: 0;
}
#access a {
	color: #333;
}
#access h3 {
	margin: 100px 0 20px;
}
#map_canvas {
  width: 100%;
  height: 350px;
  margin: 0 auto;
}
#map_canvas2 {
	width: 100%;
	height: 350px;
	margin: 0 auto;
  }
#map_canvas3 {
  width: 100%;
  height: 350px;
  margin: 0 auto;
}

/*----------CONTACT----------*/
#contact {
	width: 100%;
	padding: 80px 0;
}
.banner {
	max-width: 90%;
	max-height: 140px;
	background: url(../images/trial-bnr_2018.jpg) no-repeat center center;
	background-size: contain;
	margin: 70px auto;
}
.banner2 {
	max-width: 96%;
	max-height: 140px;
	background: url(../images/fc-bnr.jpg) no-repeat center center;
	background-size: contain;
	margin: 0 auto 50px;
}
.banner3 {
	max-width: 96%;
	max-height: 140px;
	background: url(../images/line-bnr.jpg) no-repeat center center;
	background-size: contain;
	margin: 100px auto 0;
}
#contact table {
	margin: 0 auto 20px;
}

.form-item {
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 1px;
	line-height: 2.0;
	color: #666;
}
input[type="text"]{
	width: 100%;
	height: 30px;
}
.contact-mail{
	width: 250px;
	border:2px solid #e31913;
	background:url('../images/ico-mail.png') no-repeat left 10px center;
	background-size: initial;
	border-radius:4px;
	padding: 10px 10px 10px 55px;
}
.contact-mail a{
	font-weight:bold;
	font-size:1.4rem;
	line-height: 1.5;
}

/*----------NEWS----------*/
#news{
	margin: initial;
	padding: 80px 0;
}
#news iframe{
	width:85%;
	height:600px;
}

/*----------FOOTER----------*/
footer {
	width: 100vw;
	height: 220px;
}
.foot-logo {
 	width: 80px;
	height: 80px;
}
ul.sub-nav {
	margin: 30px 0 10px 0;
}
ul.sub-nav li {
	font-size: 1.4rem;
	padding: 0;
	width:25%;
}
ul.sub-nav li:nth-child(4) {
	padding-right: 0px;
	border-right: none;
}
ul.sub-nav li:last-child {
	padding-right: 0px;
	border-right: none;
}
.copyright {
	font-size: 1.2rem;
	line-height: 3.8;
	height: 45px;
}
/*----------Q&A----------*/
#faq{
	padding-top: 150px;	
}
.faq-box{
	width:96%;

}
.faq-line {
    width: 100%;
}
	
/*----------VOICE2----------*/
.voice-box{
	width:96%;

}
.voice-box > img{
	width:70px;
	height:auto;
}
.voice-inbox{
	margin:0 0 0 68px;
	padding:10px 20px;
	border:2px solid #666;
	font-size:1.2rem;
	line-height: 1.4;
	border-radius:10px;
}
.voice-img-right{
	display:table;
	width:auto;
}
.voice-img-right img{
	max-width:100%;
	max-height:auto;
}
/*----------FLOW----------*/
#flow{
	margin-top:150px;
}
.flow-box{
	margin:0 auto 30px auto;
	display:table;
	width:96%;
}
.flow-box2{
	margin:0 auto 30px auto;
	display:table;
	width:96%;
}
.flow-font{
	font-size: 2.4rem;
}
.flow-item{
	width:100%;
	display:table;
}
.flow-item img{
	margin:0 auto;
	margin-bottom:15px;
	width:96%;
}
.flow-box p{
	margin:0 auto;
	width:96%;
	font-size: 1.4rem;
	color: #222;
	text-align: center;
	padding: initial;
	display: block;
}
.flow-img img{
	width: 90vw;
}	
.arrow-next-flow img{
	width:100px;
}
	
/*ページトップへ*/
#pageTop span{
display: block;
overflow: hidden;
width: 50px;
height: 50px;
background: url(../images/totop.png) no-repeat center center;
background-size: cover;
}
#pageTop{
position:fixed;
bottom: 80px;
top: auto;
right: 8px;
}
#pageTop:hover{
opacity: 1;
}
#experience-sp {
	position:fixed;
	left: 0;
	bottom: 6px;
	z-index: 100;
	width: 100vw;
	transition: .3s;
}
#experience-sp img {
/*	width: 77%;*/


	/*LINEボタン削除のため非表示*/
		width: 74vw;
	height: auto;
	margin: 0 5px;
}
#experience-sp img.experience02{
	width: 17.2vw;
	height: auto;
}




}

/*-------life support-------*/

#life_support {
	width: 100%;
	height: auto;
	padding: 80px 0 50px 0;
	background-color: #f9f9f9;
}

#life_support p {
	font-size: 1.4rem;
	line-height: 2em;
}

@media screen and (max-width: 1023px){
	#life_support img {
		width: 100%;
		height: auto;
	}
}
/*--------ボタン--------*/

.button_reserve:hover {
	opacity: 0.8;
	transition: all 0.3s;
}

@media screen and (max-width: 1023px){	
	.button_reserve {
		width: 90%;
	}
}
/*-------lesson-------*/

#lesson {
	width: 100%;
	height: auto;
	padding: 0 0 50px 0;
	background-color: #f9f9f9;
}

#lesson p {
	font-size: 1.4rem;
	line-height: 30px;
	margin-bottom: 20px;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}

#lesson p.txt-big {
	font-size: 2.2rem;
	font-weight: bold;
	color: #d90000;
	text-align: center;
}

.box-lesson {
    position: relative;
    margin: 2em auto 5em;
    padding: 0.5em 1em;
    border: solid 3px #d0a36a;
    background-color: #fff;
    width: 500px;
}

.box-lesson .box-title {
    position: absolute;
    display: inline-block;
    top: -30px;
    left: -3px;
    padding: 2px 9px;
    height: 30px;
    line-height: 30px;
    font-size: 17px;
    background: #d0a36a;
    color: #ffffff;
    font-weight: bold;
    border-radius: 5px 5px 0 0;
}

.box-lesson2 {
    border: solid 3px #FF6666;
}
.box-lesson2 .box-title {
    background: #FF6666;
}

ul.box-lesson-img {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	position: relative;
	margin-left: -150px;
}

ul.box-lesson-img li {
	display: inline-block;
	vertical-align: top;
	margin: 0 5px;
	position:relative;
}

ul.box-lesson-img li:nth-child(1) {
	width: 30%;
	margin-right: 20px;
	left: 0;
}

ul.box-lesson-img li:nth-child(2) {
	width: 60%;
	text-align: justify;
	top: 50%;
	position: absolute;
	transform: translateY(-50%);
}

@media screen and (max-width: 425px){	
	.box-lesson,
	.box-lesson2 {
		width: 90%;
		height: auto;
	}
	ul.box-lesson-img {
		margin-left: -31vw;
	}
	ul.box-lesson-img li {
		height: 40vw;
	}
	ul.box-lesson-img li:nth-child(1) {
		width: 20%;
		margin-right: 10px;
	}
	ul.box-lesson-img li:nth-child(2) {
		width: 70%;
	}
	ul.box-lesson-img li img {
		width: 70px;
		height: auto;
		top: 50%;
		position: absolute;
		transform: translateY(-50%);
		margin-left: -10vw;
	}
	#lesson p {
		font-size: 1.2rem;
		line-height: normal;
		margin-bottom: 0px;
	}
	#lesson p span{
		font-size: 1rem;

	}

}
/*--------balloon--------*/

/* 基本 */
.balloon_line {
    position: relative;
    display: inline-block;
    border-bottom: solid 2px #525252;
    padding: 16px;
    min-width: 240px;
    max-width: 100%;
    text-align: center;
    margin-bottom: 50px;
}
@media screen and (max-width: 1023px){	
  .balloon_line {
    	position: relative;
    	display: inline-block;
    	border-bottom: solid 2px #525252;
    	padding: 16px;
    	min-width: 240px;
    	max-width: 100%;
    	text-align: center;
    	margin-bottom: 30px;
	}
}

.balloon_line::before,
.balloon_line::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon_line::before {
    border: solid 12px transparent;
    border-top: solid 12px #525252;
}
.balloon_line::after {
    border: solid 14px transparent;
    margin-top: -5px;
}
.balloon_line h2 {
    margin: 0;
    padding: 0;
}


/* 白 */
.balloon_line_wh {
    background-color: #ffffff;
}
@media screen and (max-width: 1023px){	
  .balloon_line_wh {
    	background-color: #ffffff;
	}
}
.balloon_line_wh::after {
    border-top: solid 14px #ffffff;
}

/*-----text-----*/

@media screen and (max-width: 1023px){	
	h2 {
		font-size: 2.4rem;
		font-weight: bold;
		line-height: 30px;
	}
}
/*--------内包コンテンツ--------*/

.box-in-cont_space {
	margin: 30px 0;
}

@media screen and (max-width: 1023px){	
	div.box-in-cont {
		width: 80%;
		margin: 0px auto 0px auto;
		text-align: justify;
   		text-justify: inter-ideograph;
	}
}






/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}



@media only screen and (max-width: 750px) {
	.before-after{
	width: 100vw !important;
	vertical-align: middle;
}

}