@charset "utf-8";

body , html {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: serif;
	color: #783C00;
    height: 100%;
    -webkit-text-size-adjust: 100%;
	
}


.mainimg {
	width: 100%;
}

p,h1,h2,h3,h4,h5,h6 {
	margin-top: 0;
}


ul {
	margin: 0;
	padding: 0;
}

a {
	color: #783C00;
	text-decoration: none;
}

a:hover {
	color: #783C00;
	opacity: 0.5;
	text-decoration: none;	
}

.main {
	position: relative;
	padding: 0;
}

.global-nav {
	text-align: center;
	list-style: none;
	font-size: 20px;
	text-shadow: 1px 1px 1px #a0a0a0;
	line-height: 43px;
	margin-top: 20px;
	
}

nav {
	z-index: 30;
	width: 200px;
	height: 800px;
	background-color: rgba(255,255,255,0.5);
	position: absolute;
	position: fixed;
	top: 50px;
	left: 50px;
	
}

gnav {
	z-index: 20;
	position: absolute;
	position: fixed;
	top: 50px;
	right: 0;
	width: 457px;
	height: 50px;
	background-color: rgba(255,255,255,0.5);
	letter-spacing: 2px;
	font-size: 22px;
	line-height: 50px;
	text-align: center;
	font-weight: bold;
}

#top .footer {
    position: relative;
	width: 100%;
	height: 400px;
    top: 2000px;
    bottom: 0;
	background-color: #6a3906;
	
}

.fform {
	color: #ffffff;
	width: 424px;
	height: 300px;
	background-color: #b59c83;
	position: absolute;
	top: 50px;
	right: 20px;
	text-align: left;
	font-size: 18px;
	line-height: 1;
	padding-left: 20px;
    clear: both;
	
}

.ftel {
	color: #ffffff;
	font-size: 30px
	
}

#wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
	padding: 35px 0;
    height: 100%;
}

.top-main span {
	color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 50px;
	left: 660px;
}

.concept1-img {
    position: absolute;
    top: 150px;
    left: 350px;
    right: 490px;
    float: left;
}

.concept1-txt {
    position: absolute;
    top: 150px;
    left: 830px;
    bottom: 100px;
    float: right;
}


.concept1-txt p {
    position: absolute;
    width: 410px;
    background-color: rgba(106, 57, 6, 0.5);
    font-size: 1.2em;
    line-height: 2.5em;
    padding: 30px;
    color: #ffffff;
}

.coc1-h2 {
    margin-left: 50px;
}

.btn a {
    position: absolute;
    top: 580px;
    left: 830px;
    background-color: #6a3906;
    color: #ffffff;
    font-size: 30px;
    width: 460px;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 5px solid #cfa972;
}

.btn a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #6a3906;
}

.concept2-img {
    position: absolute;
    top: 800px;
    left: 800px;
    right: 490px;
    float: left;
}

.concept2-txt {
    position: absolute;
    top: 800px;
    left: 350px;
    bottom: 100px;
    float: right;
}


.concept2-txt p {
    position: absolute;
    width: 420px;
    background-color: rgba(106, 57, 6, 0.5);
    font-size: 1.2em;
    line-height: 2.5em;
    padding: 30px;
    color: #ffffff;
}

.coc2-h2 {
    margin-left: 50px;
}

.btn2 a {
    position: absolute;
    top: 1280px;
    left: 830px;
    background-color: #6a3906;
    color: #ffffff;
    font-size: 30px;
    width: 460px;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 5px solid #cfa972;
}

.btn2 a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #6a3906;
}

.concept3-img {
    position: absolute;
    top: 1500px;
    left: 350px;
    right: 490px;
    float: left;
}

.concept3-txt {
    position: absolute;
    top: 1500px;
    left: 830px;
    bottom: 100px;
    float: right;
}


.concept3-txt p {
    position: absolute;
    width: 410px;
    background-color: rgba(106, 57, 6, 0.5);
    font-size: 1.2em;
    line-height: 2.5em;
    padding: 30px;
    color: #ffffff;
}

.coc3-h2 {
    margin-left: 80px;
}

.btn3 a {
    position: absolute;
    top: 1930px;
    left: 830px;
    background-color: #6a3906;
    color: #ffffff;
    font-size: 30px;
    width: 460px;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 5px solid #cfa972;
}

.btn3 a:hover {
    text-decoration: none;
    background-color: #ffffff;
    color: #6a3906;
}


.clearfix: after {
    content: "";
    display: block;
    clear: both;
}

.h1 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
    font-size: 40px;
	top: 2150px;
	left: 750px;
    
}

iframe{
    position: absolute;
    top: 2300px;
    left: 350px;
    float: left;
}

.acc-txt {
    position: absolute;
    top: 2300px;
    left: 850px;
    float: right;
    display: flex;
    align-items: center;
    
}

.acc-txt p {
       background-color: rgba(106, 57, 6, 0.5);
    width: 500px;
    height: 400px;
    padding-top: 10px;
      font-size: 1.2em;
    line-height: 2.5em;
    color: #ffffff;
    text-align: center;
    display: block;
    
}



#section {
    position: ;
    margin-bottom: 20px;
}

/*aboutページ*/

#about #wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
	padding: 35px 0;
    height: 280vw;
}

#about h1{
	color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 50px;
	left: 550px;
}

#about .about p{
    color: #333333;
    position: absolute;
    width: 950px;
    top: 150px;
    left: 350px;
    right: 140px;
    letter-spacing: 0.3em;
    font-size: 20px;
    line-height: 2em;
    
}

#about .about1 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 500px;
	left: 350px;
}

#about .about1 p {
     color: #333333;
    position: absolute;
    width: 950px;
    top: 580px;
    left: 350px;
    right: 140px;
    letter-spacing: 0.3em;
    font-size: 20px;
    line-height: 2em;
}

#about .about1 img {
    position: absolute;
    top: 800px;
    left: 350px;
}

#about .about2 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 1500px;
	left: 410px;
}

#about .about2 p {
     color: #333333;
    position: absolute;
    width: 950px;
    top: 1580px;
    left: 350px;
    right: 140px;
    letter-spacing: 0.3em;
    font-size: 20px;
    line-height: 2em;
}

#about .about2 img {
    position: absolute;
    top: 1920px;
    left: 350px;
}

#about .about3 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 2550px;
	left: 630px;
}

#about .about3 p {
     color: #333333;
    position: absolute;
    width: 950px;
    top: 2630px;
    left: 350px;
    right: 140px;
    letter-spacing: 0.3em;
    font-size: 20px;
    line-height: 2em;
}

#about .about3 img {
    position: absolute;
    top: 2930px;
    left: 350px;
}

#about .about4 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 3560px;
	left: 630px;
}

#about .about4 p {
     color: #333333;
    position: absolute;
    width: 950px;
    top: 3640px;
    left: 350px;
    right: 140px;
    letter-spacing: 0.3em;
    font-size: 20px;
    line-height: 2em;
}

#about .about4 img {
    position: absolute;
    top: 4020px;
    left: 350px;
}

#about .about5 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 4650px;
	left: 600px;
}

#about .about5 p {
     color: #333333;
    position: absolute;
    width: 950px;
    top: 4720px;
    left: 350px;
    right: 140px;
    letter-spacing: 0.3em;
    font-size: 20px;
    line-height: 2em;
}

#about .about5 img {
    position: absolute;
    top: 5050px;
    left: 350px;
}

#about .footer {
    position: relative;
	width: 100%;
	height: 400px;
    top: 1900px;
    bottom: 0;
	background-color: #6a3906;
	
}


/*menuページ*/

#menu #wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
	padding: 35px 0;
    height: 30vw;
}

#menu h1{
	color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 50px;
	left: 700px;
}

#menu .h2-1 {
    color: #333333;
    position: absolute;
    width: 75%;
    letter-spacing: 0.5em;
    border-bottom: 1px solid;
    font-size: 30px;
    top: 150px;
    left: 300px;
}

#menu .menu-img {
    position: absolute;
    left: 300px;
}

#menu .footer {
     position: relative;
	width: 100%;
	height: 400px;
    top: 1500px;
    bottom: 0;
	background-color: #6a3906;
	
    
}

/*trainerページ*/

#trainer #wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
	padding: 35px 0;
    height: 50vw;
}

#trainer h1{
	color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	top: 50px;
	left: 600px;
}

#trainer .top {
	color: #333333;
	position: absolute;
    font-size: 30px;
    letter-spacing: 0.2em;
	top: 180px;
	left: 300px;
}

#trainer .per {
	color: #333333;
	position: absolute;
    font-size: 30px;
    letter-spacing: 0.2em;
	top: 900px;
	left: 300px;
}


#trainer .sato img {
    position: absolute;
    top: 280px;
    left: 400px;
    float: left;
}

#trainer .sato h3 {
    position: absolute;
    font-size: 30px;
    color: #333333;
    letter-spacing: 0.1em;
    top: 700px;
    left: 470px;
    float: left;
}

#trainer .sato h4 {
    position: absolute;
    font-size: 30px;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 750px;
    left: 480px;
    float: left;
}

#trainer .kakiuchi img {
    position: absolute;
    top: 280px;
    left: 850px;
    float: right;
}

#trainer .kakiuchi h3 {
    position: absolute;
    font-size: 30px;
    color: #333333;
    letter-spacing: 0.1em;
    top: 700px;
    left: 900px;
    float: right;
}

#trainer .kakiuchi h4 {
    position: absolute;
    font-size: 30px;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 750px;
    left: 870px;
    float: right;
}

#trainer .shibata img {
    position: absolute;
    top: 1000px;
    left: 400px;
    float: left;
}

#trainer .shibata h3 {
    position: absolute;
    font-size: 30px;
    color: #333333;
    letter-spacing: 0.1em;
    top: 1420px;
    left: 470px;
    float: left;
}

#trainer .shibata h4 {
    position: absolute;
    font-size: 30px;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 1470px;
    left: 430px;
    float: left;
}

#trainer .echizen img {
    position: absolute;
    top: 1000px;
    left: 850px;
    float: right;
}

#trainer .echizen h3 {
    position: absolute;
    font-size: 30px;
    color: #333333;
    letter-spacing: 0.1em;
    top: 1420px;
    left: 930px;
    float: right;
}

#trainer .echizen h4 {
    position: absolute;
    font-size: 30px;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 1470px;
    left: 870px;
    float: right;
}

#trainer .ozawa img {
    position: absolute;
    top: 1600px;
    left: 400px;
    float: left;
}

#trainer .ozawa h3 {
    position: absolute;
    font-size: 30px;
    color: #333333;
    letter-spacing: 0.1em;
    top: 2020px;
    left: 470px;
    float: left;
}

#trainer .ozawa h4 {
    position: absolute;
    font-size: 30px;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 2070px;
    left: 420px;
    float: left;
}

#trainer .footer {
     position: relative;
	width: 100%;
	height: 400px;
    top: 1500px;
    bottom: 0;
	background-color: #6a3906; 
}


@media screen and (max-width:751px) {
    
    body , html {
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	font-family: serif;
	color: #783C00;
    height: 100%;
	
}
    
.global-nav {
	list-style: none;
	font-size: 3vw;
	text-shadow: 1px 1px 1px #a0a0a0;
	line-height: 43px;
	margin-top: 20px;
	
}

gnav {
	z-index: 20;
	position: absolute;
	position: fixed;
	top: 0;
	right: 0;
	width: 100vw;
	height: 12vw;
	background-color: #ffffff;
	font-size: 4vw;
	line-height: 12vw;
	text-align: right;
	font-weight: bold;
}
    
nav {
	z-index: 30;
	width: 30vw;
	height: 60vh;
	background-color: rgba(255,255,255,0.5);
	position: fixed;
    top: 5vh;
    left: 0;
}
    
 .logo {
        width: 50%;
    }

#top .footer {
   display: none;
}

.fform {
	display: none;
}

.ftel {
	color: #ffffff;
	font-size: 30px
	
}

#wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
    height: 100%;
}

.top-main span {
    font-size: 5vw;
	color: #333333;
	position: relative;
    letter-spacing: 0.4em;
    top: -5vw;
    left: 40vw;
}

.concept1-img {
    position: absolute;
    width: 65%;
    top: 99vw;
    left: 30vw;
}

.concept1-txt {
    position: absolute;
    top: 20vw;
    left: 30vw;
}


.concept1-txt p {
    position: absolute;
    width: 55vw;
    background-color: rgba(106, 57, 6, 0.5);
    font-size: 3.5vw;
    line-height: 2.5em;
    color: #ffffff;
    padding: 5vw
}

.coc1-h2 {
    font-size: 4vw;
    margin: 0;
    padding: 1vw;
    margin-left: 5vw
}

.btn a {
    position: absolute;
    top: 145vw;
    left: 30vw;
    background-color: #6a3906;
    color: #ffffff;
    font-size: 4vw;
    width: 62.5vw;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 5px solid #cfa972;
}


.concept2-img {
    position: absolute;
    width: 65%;
    top: 258vw;
    left: 30vw;
    }

.concept2-txt {
    position: absolute;
    top: 170vw;
    left: 30vw;
}


.concept2-txt p {
     position: absolute;
    width: 55vw;
    background-color: rgba(106, 57, 6, 0.5);
    font-size: 3.5vw;
    line-height: 2.5em;
    color: #ffffff;
    padding: 5vw;
}

.coc2-h2 {
     font-size: 4vw;
    margin: 0;
    padding: 1vw;
    margin-left: 5vw
}

.btn2 a {
    position: absolute;
    top: 305vw;
    left: 30vw;
    background-color: #6a3906;
    color: #ffffff;
   font-size: 4vw;
    width: 62.5vw;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 5px solid #cfa972;
}



.concept3-img {
    position: absolute;
    width: 65%;
    top: 423vw;
    left: 30vw;
}

.concept3-txt {
    position: absolute;
    top: 335vw;
    left: 30vw;
}


.concept3-txt p {
    position: absolute;
    width: 55vw;
    background-color: rgba(106, 57, 6, 0.5);
    font-size: 4vw;
    line-height: 2.5em;
    padding: 5vw;
    color: #ffffff;
}

.coc3-h2 {
 font-size: 4vw;
    margin: 0;
    padding: 1vw;
    margin-left: 5vw
}

.btn3 a {
    position: absolute;
    top: 471vw;
    left: 30vw;
    background-color: #6a3906;
    color: #ffffff;
    font-size: 4vw;
    width: 62.5vw;
    display: block;
    text-align: center;
    line-height: 60px;
    border: 5px solid #cfa972;
}


.h1 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.4em;
    font-size: 6vw;
	top: 500vw;
	left: 50vw;
    
}

iframe{
    position: absolute;
    width: 65%;
    top: 515vw;
    left: 30vw;
}

.acc-txt {
    position: absolute;
    top: 660vw;
    left: 30vw;
}

.acc-txt p {
    position: absolute;
    width: 60vw;
    height: 90vw;
    background-color: rgba(106, 57, 6, 0.5);
      font-size: 4.5vw;
    line-height: 2.5em;
    color: #ffffff;
    text-align: center;
    padding: 3vw;
}



#section {
    position: ;
    margin-bottom: 20px;
}

/*aboutページ*/

#about #wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
	padding: 0;
    height: 280vw;
}

#about h1{
	color: #333333;
	position: absolute;
    letter-spacing: 0.4em;
	font-size: 3.5vw;
	top: 5vw;
	left: 35vw;
}

#about .about p{
    color: #333333;
    position: absolute;
    width: 67vw;
    top: 15vw;
    left: 30vw;
    letter-spacing: 0.2em;
    font-size: 2.5vw;
    line-height: 2em;
}

#about .about1 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.3em;
    font-size: 3vw;
	top: 70vw;
	left: 30vw;
    text-align: center;
}

#about .about1 p {
     color: #333333;
    position: absolute;
    width: 67vw;
    top: 85vw;
    left: 30vw;
    letter-spacing: 0.2em;
    font-size: 2.5vw;
    line-height: 2em;
}

#about .about1 img {
    position: absolute;
    width: 65%;
    top: 115vw;
    left: 30vw;
}

#about .about2 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.3em;
    font-size: 3vw;
	top: 160vw;
	left: 30vw;
    text-align: center;
}

#about .about2 p {
     color: #333333;
    position: absolute;
    width: 67vw;
    top: 175vw;
    left: 30vw;
    letter-spacing: 0.2em;
    font-size: 2.5vw;
    line-height: 2em;
}

#about .about2 img {
    position: absolute;
    width: 65%;
    top: 230vw;
    left: 30vw;
}

#about .about3 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
	font-size: 3vw;
	top: 275vw;
	left: 33vw;
    text-align: center;
}

#about .about3 p {
     color: #333333;
    position: absolute;
    width: 67vw;
    top: 285vw;
    left: 30vw;
    letter-spacing: 0.2em;
    font-size: 2.5vw;
    line-height: 2em;
}

#about .about3 img {
    position: absolute;
    width: 65%;
    top: 330vw;
    left: 30vw;
}

#about .about4 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
    font-size: 3vw;
	top: 375vw;
	left: 34vw;
    text-align: center;
}

#about .about4 p {
     color: #333333;
    position: absolute;
    width: 67vw;
    top: 383vw;
    left: 30vw;
    letter-spacing: 0.2em;
    font-size: 2.5vw;
    line-height: 2em;
}

#about .about4 img {
    position: absolute;
    width: 65%;
    top: 443vw;
    left: 30vw;
}

#about .about5 h2 {
    color: #333333;
	position: absolute;
    letter-spacing: 0.5em;
font-size: 3vw;
	top: 490vw;
	left: 30vw;
    text-align: center;
}

#about .about5 p {
     color: #333333;
    position: absolute;
    width: 67vw;
    top: 498vw;
    left: 30vw;
    letter-spacing: 0.2em;
    font-size: 2.5vw;
    line-height: 2em;
}

#about .about5 img {
    position: absolute;
    width: 65%;
    top: 557vw;
    left: 30vw;
    padding-bottom: 20vw;
}

#about .footer {
    display: none;	
}

    /*menuページ*/

#menu .menu-img {
    position: absolute;
    width: 65%;
    left: 30vw;
    padding-bottom: 30vw;
}

#menu .footer {
    display: none;
}
    
/*trainerページ*/

#trainer #wrap {
    position: relative;
	clear: both;
	background-color: #FFFFFF;
	padding: 0;
    height: 80vw;
}

#trainer h1{
	color: #333333;
	position: absolute;
    letter-spacing: 0.3em;
    font-size: 5vw;
	top: 10vw;
	left: 40vw;
}

#trainer .top {
	color: #333333;
	position: absolute;
    font-size: 4vw;
    letter-spacing: 0.2em;
	top: 28vw;
	left: 35vw;
}

#trainer .per {
	color: #333333;
	position: absolute;
    font-size: 4vw;
    letter-spacing: 0.2em;
	top: 285vw;
	left: 41vw;
}


#trainer .sato img {
    position: absolute;
    width: 65%;
    top: 45vw;
    left: 30vw;
}

#trainer .sato h3 {
    position: absolute;
    font-size: 6vw;
    color: #333333;
    letter-spacing: 0.1em;
    top: 135vw;
    left: 45vw;
}

#trainer .sato h4 {
    position: absolute;
    font-size: 4vw;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 145vw;
    left: 53vw;
}

#trainer .kakiuchi img {
    position: absolute;
    width: 65%;
    top: 165vw;
    left: 30vw;
}

#trainer .kakiuchi h3 {
    position: absolute;
    font-size: 6vw;
    color: #333333;
    letter-spacing: 0.1em;
    top: 255vw;
    left: 44vw;
}

#trainer .kakiuchi h4 {
    position: absolute;
    font-size: 4vw;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 265vw;
    left: 47vw;
}

#trainer .shibata img {
    position: absolute;
    width: 65%;
    top: 300vw;
    left: 30vw;
}

#trainer .shibata h3 {
    position: absolute;
    font-size: 6vw;
    color: #333333;
    letter-spacing: 0.1em;
    top: 390vw;
    left: 45vw;
}

#trainer .shibata h4 {
    position: absolute;
    font-size: 4vw;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 400vw;
    left: 47vw;
}

#trainer .echizen img {
    position: absolute;
    width: 65%;
    top: 420vw;
    left: 30vw;
}

#trainer .echizen h3 {
    position: absolute;
    font-size: 6vw;
    color: #333333;
    letter-spacing: 0.1em;
    top: 510vw;
    left: 45vw;
}

#trainer .echizen h4 {
    position: absolute;
    font-size: 4vw;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 520vw;
    left: 45vw;
}

#trainer .ozawa img {
    position: absolute;
    width: 65%;
    top: 540vw;
    left: 30vw;
}

#trainer .ozawa h3 {
    position: absolute;
    font-size: 6vw;
    color: #333333;
    letter-spacing: 0.1em;
    top: 630vw;
    left: 45vw;
}

#trainer .ozawa h4 {
    position: absolute;
    font-size: 4vw;
    color: #6a3906;
    letter-spacing: 0.1em;
    top: 640vw;
    left: 45vw;
    padding-bottom: 20vw;
}

#trainer .footer {
    display: none;
}
    
    
}