@charset "UTF-8";
/* Body */
body {
	font-family: 'ヒラギノ角ゴシック', 'Hiragino Sans', 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', 'Meiryo', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	background-color: #ffffff;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: normal;
	font-weight: 200;
	height: 100%;
}

/* Mobile */
@media (max-width: 767px) {
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*height: 1268px;*/
	background-color: #FFFFFF;
/*	display: none;
*/
	overflow: hidden;
/*	border: 1px solid #000000;
*/
}
/* Navigation */
header {
	width: 100%;
	background-color: #ffffff;
	border-bottom: 0px solid #BBBBBB;
	position: relative;
/*	border: 1px solid #000000;
*/
}
.logo {
	width: 60%;
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	display: block;
/*	border: 1px solid #000000;
*/
}
nav {
	width: 100%;
	margin-top: 2%;
	margin-right: 0%;
/*	border: 1px solid black;
*/
}
header nav ul {
	margin-left: -8%;
	list-style: none;
	position: relative;
	border: 1px solid #fff;
}
nav ul li {
	float: left;
	color: #000000;
	font-family: 'Century Gothic';
	font-size: 3vw;
	text-align: center;
	margin-right: 2%;
	font-weight: 400;
	border: 1px solid #fff;

}
ul li a {
	color: #000000;
	text-decoration: none;
}
ul li:hover a {
	color: #2C9AB7;
}
/*
.is-animation {
	height: 5.0vw;
	border-bottom: 0px solid #BBBBBB;
}
.is-animation .logo {
	width: 12%;
}
.is-animation nav {
	margin-top: 0.5vw;
}

/* main Section */
#main {
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 5vw;
/*	border: 1px solid #000000;
*/
	}
.mainimg {
	width: 150%;
	display: block;
}
.title{
	font-family: 'Century Gothic';
	color: #000000;
	text-align: center;
	font-size: 7vw;
	font-weight: 400;
	margin-top: 0vw;
	padding-top: 6vw;

}
#concept {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
/*	border: 1px solid #000000;
*/
}
.conceptbox {
	width: 100%;
	background-color: #f8f6f6;
/*	border: 1px solid black;
*/
}
.c_leftbox{
	width: 100%;
	background-color: #ffff00;
/*	border: 1px solid black;
*/	
}
.c_leftbox img{
	width: 100%;
	display: block;
/*	border: 1px solid black;
*/	
}
.c_rightbox{
	width: 100%;
	margin-left: 0%;
	padding-left: 12%;
	padding-bottom: 5%;
	background-color: #f8f6f6;
	position: relative;
/*	border: 1px solid black;
*/
}

.c_rightbox p{
	font-family: yu gothic;
	color: #000000;
	font-size: 4vw;
	font-weight: 500;
	margin-top: 0%;
	margin-left: 3%;
	line-height: normal;
}
.c_rightbox .txttop{
	font-family: yu gothic;
	color: #000000;
	font-size: 4vw;
	font-weight: 500;
	margin-top: 10%;
	margin-left: 3%;
}
#menu {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
/*	border: 1px solid #000000;
*/
}

.makeupbox{
	width: 100%;
	height: 150vw;
	background-color: #ebf2fb;
/*	border: 6px solid black;
*/
}
.leftbox{
	width: 100%;
/*	background-color: #ffff00;
	border: 1px solid black;
*/	
}
.leftbox img {
	width: 80%;
	margin-top: 10%;
	margin-left: 10%;
	/*border: 1px solid black;
*/
}
.rightbox{
	width: 80%;
	margin-left: 10%;
/*	border: 1px solid black;
*/
}
.rightbox h2{
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 4vw;
	font-weight: 400;
	margin-top: 5%;
	margin-bottom: 5%;
	text-decoration: underline;
}
.rightbox .rightboxcomment{
	line-height: 1.5;
	font-size: 3vw;
	font-weight: 500;
}
.rightbox p{
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 2.5vw;
	font-weight: 500;
	line-height: 1.5;
}
.rightbox p span{
	font-family: 'Javanese Text';
}
.rightbox .rightboxbotmtxt{
	font-size: 2.5vw;
}

.estheticbox{
	width: 100%;
	height: 170vw;
	background-color: #eeeeee;
	position: relative;
/*	border: 1px solid black;
*/
}

.walkingbox{
	width: 100%;
	height: 190vw;
	background-color: #ebf2fb;
	position: relative;
/*	border: 1px solid black;
*/
}
.wleftbox{
	width: 100%;
	float: left;
/*	border: 1px solid black;
*/	
}
.wleftbox img {
	width: 40%;
	margin-top: 8%;
	margin-left: 30%;
}
.wrightbox{
	width: 80%;
	margin-left: 10%;
	float: left;
/*	border: 1px solid black;
*/
}
.wrightbox h2{
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 4vw;
	font-weight: 400;
	margin-top: 10%;
	margin-bottom: 5%;
	text-decoration: underline;
}
.wrightbox .wrightboxcomment{
	line-height: 1.5;
	font-size: 3vw;
	font-weight: 500;
	
}
.wrightbox p{
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 2.5vw;
	font-weight: 500;
	line-height: 1.5;

}
.wrightbox p span{
	font-family: 'Javanese Text';
}
.wrightbox .wrightboxbotmtxt{
	font-size: 2.5vw;
}
.wbottombox {
	width: 80%;
	margin-left: 10%;
	clear: left;
	padding-top: 3%;
/*	border: 3px solid black;
*/
}
.wbottombox p{
	font-family: 'Yu Gothic';
	color: #3712d6;
	font-size: 2.5vw;
	font-weight: 500;
	text-align: center;
	line-height: 100%;
}
.fashionbox{
	width: 100%;
	height: 150vw;
	background-color: #eeeeee;
	position: relative;
/*	border: 1px solid black;
*/
}
.fashionbox img{
	width: 40%;
	margin-left: 30%;
}

.trainingbox{
	width: 100%;
	height: 150vw;
	background-color: #fdeee6;
	position: relative;
/*	border: 1px solid black;
*/
}
.trainingbox h2 {
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 3vw;
	font-weight: 500;
	text-align: center;
	padding-top: 8%;
	margin-left: 10%;
	margin-right: 10%;
	margin-bottom: 2%;
	line-height: 1.5;
/*	border: 1px solid black;
*/
}
.trainingbox h3 {
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 4vw;
	font-weight: 400;
	text-align: center;
	padding-top: 10%;
/*	border: 1px solid black;
*/
}
.trainingbox p {
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 2.5vw;
	font-weight: 500;
	text-align: center;
	padding-top: 2%;
	
/*	border: 1px solid black;
*/
}
.trainingbox .t_leftbox{
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid black;
*/
}
.trainingbox .t_midbox{
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid black;
*/
}
.trainingbox .t_rightbox{
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid black;
*/
}
.t_bottombox {
	clear: both;
	width: 80%;
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
/*	border: 1px solid black;
*/
}
.t_bottombox p {
	text-align: center;
}

.aboutbox {
	width: 100%;
	height: 380vw;
	background-color: #eeeeee;
	position: relative;
}
.aboutboxtop {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid black;
*/
}
.aboutboxtop img {
	width: 40%;
	margin-top: 10%;
	margin-left: 5%;
}
.aboutbox1 {
	width: 27%;
	height: 24%;
	background-color: #e5e5e5;
	margin-top: 7%;
	margin-left: 60%;
	position: absolute;
}
.aboutboxmid {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 10%;
	position: relative;
/*	border: 1px solid black;
*/
}

.aboutboxmid p {
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 3.5vw;
	font-weight: 500;
	line-height: 2;
}
.aboutbox .abouttxt {
	text-align: right;
	margin-top: 10%;
}
.aboutbox2 {
	width: 22%;
	height: 50%;
	background-color: #e5e5e5;
	margin-top: 7%;
	margin-left: 10%;
	position: absolute;
/*	border: 1px solid black;
*/
}
.aboutboxbotm {
	width: 80%;
	margin-top: 4%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
/*	border: 1px solid black;
*/
}
.aboutboxbotm h3 {
	width: 30%;
	font-family: 'Century Gothic';
	color: #000000;
	font-size: 5vw;
	font-weight: 400;
	margin-top: 15%;
	margin-left: 2%;
/*	border: 1px solid black;
*/
}
.aboutboxbotm h4 {
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 3vw;
	font-weight: 400;
	padding-top: 3%;
	margin-left: 3%;
}
.aboutboxbotm table {
	width: 100%;
	font-family: 'Yu Gothic';
	font-size: 3vw;
	color: black;
	margin-left: 0%;
	margin-top: -3%;
/*	border: 1px solid black;
*/
}
.aboutboxbotm table th {
	width: 20%;
	font-weight: 400;
/*	border: 1px solid black;
*/
}
.aboutboxbotm table td {
	font-weight: 400;
/*	border: 1px solid black;
*/
}

.thanksbox_inside {
	width: 12%;
	height: 50%;
	background-color: #faeee1;
	margin-top: 9%;
	margin-left: 35%;
	position: absolute;
/*	border: 1px solid black;
*/
}
#thanks {
	width: 100%;
	background-color: #faf3eb;
}
.thanksbox {
	width: 100%;
	padding-top: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4%;
	position: relative;
/*	border: 1px solid black;
*/
}
.thanksbox_botm {
	margin: 9% 10% 0 10%;
	position: relative;
/*	border: 1px solid black;
*/
}

.thanksbox_botm p {
	font-family: 'Yu Gothic';
	font-weight: 500;
	font-size: 2.9vw;
}
.thanksbox h3 {
	width: 100%;
	font-family: 'Century Gothic';
	color: #000000;
	font-size: 2.4vw;
	font-weight: 400;
	margin-top: 2%;
	margin-left: 2%;
	text-align: center;
/*	border: 1px solid black;
*/
}
.accessbox{
	width: 100%;
	height: 110vw;
	background-color: #D9EDE1;
	position: relative;
/*	border: 1px solid black;
*/
}
.accessbox iframe{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8%;
}
.accessbox p{
	font-family: 'Yu Gothic';
	color: black;
	font-size: 2.5vw;
	font-weight: 500;
	text-align: center;
	line-height: 100%;
}

.contactbox{
	width: 100%;
	height: 110vw;
	background-color: #faf3eb;
	position: relative;
/*	border: 1px solid black;
*/
}
.contactmain {
	width: 80%;
	padding-top: 2vw;
	margin-left: auto;
	margin-right: auto;
	background-color:　#faf3eb;
	position: relative;
/*	border: 1px solid black;
*/
}

.contactmain p{
	font-family: 'Yu Gothic';
	color: black;
	font-size: 3vw;
	font-weight: 500;
	line-height: 200%;

}
.contactmain input {
	font-family: 'Yu Gothic';
	font-size: 3vw;
	font-weight: 500;
}

.contactmain textarea {
	font-family: 'Yu Gothic';
	font-size: 3vw;
	font-weight: 500;
}
.contactbotm input{
	font-size: 3vw;
	color: #636363;
}
.required {
	font-size: 2vw;
	color: red;
	margin-left: 0.5vw;
}

.form-field {
	border: 1px solid #c9b7a2;
	background: #f7efe6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #636363;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding: 8px;
	margin-bottom: 1vw;
	width: 42vw;
	height: 1vw;
	-webkit-input-placeholder: #ccc000;
	-moz-placeholder: #ccc000;
	-ms-input-placeholder: #ccc999;
	}
.form-field:focus {
	background: #f7efe6;
	color: #636363;
	}
.form-field-area {
	border: 1px solid #c9b7a2;
	background: #f7efe6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #636363;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding:8px;
	margin-bottom: 1vw;
	width: 70vw;
	height: 20vw;
	}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    font-size: 1.0vw; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    font-size: 1.0.vw; }
/* Firefox 18- */
:-moz-placeholder {
    font-size: 1.0.vw; }
/* Firefox 19+ */
::-moz-placeholder {
    font-size: 1.0.vw; }
/* IE 10+ */
:-ms-input-placeholder {
    font-size: 1.0.vw;}

.form-field-area:focus {
	background: #f7efe6;
	color: #636363;
	}
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #c9b7a2;
   background: #e6dacf;
   color: #E52326;
   padding: 0.8vw 1.2vw;
	font-family: 'Century Gothic';
   font-size: 2px;
	font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   }
.submit-button:hover {
   border: 1px solid #c9b7a2;
   text-shadow: #c28846 0 1px 0;
   background: #e3cdb6;
   color: #fff;
   }
.submit-button:active {
   text-shadow: #c28846 0 1px 0;
   border: 1px solid #6e4517;
   background: #8a653a;
   background: -webkit-gradient(linear, left top, left bottom, from(#dbb386), to(#8a653a));
   background: -webkit-linear-gradient(top, #dbb386, #8a653a);
   background: -moz-linear-gradient(top, #dbb386, #8a653a);
   background: -ms-linear-gradient(top, #dbb386, #8a653a);
   background: -o-linear-gradient(top, #dbb386, #8a653a);
   background-image: -ms-linear-gradient(top, #dbb386 0%, #8a653a 100%);
   color: #fff;
   }

footer {
	width: 100%;
	height: 3vw;
	background: #EEEEEE;
	border-top: 1px solid #EEEEEE;

}
.footerbox {
	position: relative;
	width: 100%;
	background: #EEEEEE;
}
.footerbox p {
	font-family: 'Century Gothic';
	font-size: 2.5vw;
	text-align: center;
	color: #373737;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 3%;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 100px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}
}
@media (min-width: 768px) {

/* Container */
.container {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	/*height: 1268px;*/
	background-color: #FFFFFF;
/*	display: none;
*/
	overflow: hidden;
/*	border: 1px solid #000000;
*/
}
/* Navigation */
header {
	width: 100%;
	height: 6.5vw;
	background-color: #ffffff;
	position: fixed;
	z-index: 1;
	border-bottom: 1px solid #BBBBBB;
/*	border: 1px solid #000000;
*/
}
.logo {
	width: 16%;
	float: left;
	margin-top: 1vw;
	margin-left: 2vw;
/*	border: 1px solid #000000;
*/
}
nav {
	float: right;
	width: 60%;
	text-align: right;
	margin-top: 2%;
	margin-right: 2%;
/*	border: 1px solid black;
*/
}
header nav ul {
	list-style: none;
	float: right;
}
nav ul li {
	float: left;
	color: #000000;
	font-family: 'Century Gothic';
	font-size: 1.0vw;
	text-align: left;
	margin-right: 25px;
	letter-spacing: 0px;
	font-weight: 400;
/*	transition: all 0.3s linear;
*/
}
ul li a {
	color: #000000;
	text-decoration: none;
}
ul li:hover a {
	color: #2C9AB7;
}
.is-animation {
	height: 5.0vw;
	border-bottom: 0px solid #BBBBBB;
}
.is-animation .logo {
	width: 12%;
}
.is-animation nav {
	margin-top: 0.5vw;
}

/* main Section */
#main {
	width: 100%;
	background-color: #FFFFFF;
	padding-top: 6.5vw;
/*	border: 1px solid #000000;
*/	position: relative;
}
.mainimg {
	width: 100%;
	display: block;
}
.title{
	font-family: 'Century Gothic';
	color: #000000;
	text-align: center;
	font-size: 2.5vw;
	font-weight: 400;
	margin-top: -2.8vw;
	padding-top: 4.8vw;

}
#concept {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
/*	border: 1px solid #000000;
*/
}
.conceptbox {
	width: 100%;
	height: 40vw;
	position: relative;
	background-color: #f8f6f6;
/*	border: 1px solid black;
*/
}
.c_leftbox{
	width: 50%;
	height: 100%;
	float: left;
/*	background-color: #ffff00;
	border: 1px solid black;
*/	
}
.c_leftbox img{
	height: 100%;
/*	border: 1px solid black;
*/	
}
.c_rightbox{
	width: 30%;
	float: left;
	margin-top: 2%;
	margin-left: 12%;
/*	border: 1px solid black;
*/	
}

.c_rightbox p{
	font-family: yu gothic;
	color: #000000;
	font-size: 1.2vw;
	font-weight: 500;
	margin-top: 7%;
	margin-left: 3%;
}
.c_rightbox .txttop{
	font-family: yu gothic;
	color: #000000;
	font-size: 1.2vw;
	font-weight: 500;
	margin-top: 15%;
	margin-left: 3%;
}
#menu {
	background-color: #FFFFFF;
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
/*	border: 1px solid #000000;
*/
}

.makeupbox{
	width: 100%;
	height: 40vw;
	background-color: #ebf2fb;
	position: relative;
/*	border: 6px solid black;
*/
}
.leftbox{
	width: 50%;
	height: 100%;
	float: left;
/*	background-color: #ffff00;
	border: 1px solid black;
*/	
}
.leftbox img {
	width: 50%;
	margin-top: 15%;
	margin-left: 35%;
	/*border: 1px solid black;
*/
}
.rightbox{
	width: 37%;
	height: 100%;
	float: left;
/*	border: 1px solid black;
*/
}
.rightbox h2{
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 1.5vw;
	font-weight: 400;
	margin-top: 10%;
	margin-bottom: 5%;
	text-decoration: underline;
}
.rightbox .rightboxcomment{
	line-height: 1.5;
	font-size: 1.1vw;
	font-weight: 500;
}
.rightbox p{
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 1.1vw;
	font-weight: 500;
	line-height: 90%;
}
.rightbox p span{
	font-family: 'Javanese Text';
}
.rightbox .rightboxbotmtxt{
	font-size: 1.0vw;
}

.estheticbox{
	width: 100%;
	height: 40vw;
	background-color: #eeeeee;
	position: relative;
/*	border: 1px solid black;
*/
}

.walkingbox{
	width: 100%;
	height: 40vw;
	background-color: #ebf2fb;
	position: relative;
/*	border: 1px solid black;
*/
}
.wleftbox{
	width: 40%;
	height: 70%;
	float: left;
/*	border: 1px solid black;
*/	
}
.wleftbox img {
	width: 30%;
	margin-top: 15%;
	margin-left: 60%;
}
.wrightbox{
	width: 40%;
	height: 70%;
	float: left;
	padding-left: 5%;
/*	border: 1px solid black;
*/
}
.wrightbox h2{
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 1.5vw;
	font-weight: 400;
	margin-top: 10%;
	margin-bottom: 5%;
	text-decoration: underline;
}
.wrightbox .wrightboxcomment{
	line-height: 1.5;
	font-size: 1.1vw;
	font-weight: 500;
}
.wrightbox p{
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 1.1vw;
	font-weight: 500;
	line-height: 90%;
}
.wrightbox p span{
	font-family: 'Javanese Text';
}
.wrightbox .wrightboxbotmtxt{
	font-size: 1.0vw;
}
.wbottombox {
	clear: left;
	padding-top: 3%;
/*	border: 3px solid black;
*/
}
.wbottombox p{
	font-family: 'Yu Gothic';
	color: #3712d6;
	font-size: 1.0vw;
	font-weight: 500;
	text-align: center;
	line-height: 100%;
}
.fashionbox{
	width: 100%;
	height: 36vw;
	background-color: #eeeeee;
	position: relative;
/*	border: 1px solid black;
*/
}
.fashionbox img{
	width: 35%;
	margin-left: 40%;
}

.trainingbox{
	width: 100%;
	height: 36vw;
	background-color: #fdeee6;
	position: relative;
/*	border: 1px solid black;
*/
}
.trainingbox h2 {
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 1.2vw;
	font-weight: 500;
	text-align: center;
	padding-top: 4%;
	margin-bottom: 2%;
/*	border: 1px solid black;
*/
}
.trainingbox h3 {
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 1.3vw;
	font-weight: 400;
	text-align: center;
	padding-top: 2%;
/*	border: 1px solid black;
*/
}
.trainingbox p {
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 1.1vw;
	font-weight: 400;
	text-align: center;
	padding-top: 2%;
/*	border: 1px solid black;
*/
}
.trainingbox .t_leftbox{
	float:left;
	width: 26%;
	margin-left: 11%;
/*	border: 1px solid black;
*/
}
.trainingbox .t_midbox{
	float:left;
	width: 26%;
/*	border: 1px solid black;
*/
}
.trainingbox .t_rightbox{
	float:left;
	width: 26%;
/*	border: 1px solid black;
*/
}
.t_bottombox {
	clear: both;
	padding-top: 1%;
/*	border: 1px solid black;
*/
}
.t_bottombox p {
	text-align: center;
}

.aboutbox {
	width: 100%;
	height: 95vw;
	background-color: #eeeeee;
	position: relative;
}
.aboutboxtop {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
/*	border: 1px solid black;
*/
}
.aboutboxtop img {
	width: 18%;
	margin-top: 6%;
	margin-left: 5%;
}
.aboutbox1 {
	width: 15%;
	height: 25%;
	background-color: #e5e5e5;
	margin-top: 2%;
	margin-left: 55%;
	position: absolute;
}
.aboutboxmid {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5%;
	position: relative;
}

.aboutboxmid p {
	font-family: 'Yu Gothic';
	color: #000000;
	font-size: 1.1vw;
	font-weight: 500;
	line-height: 2;
	margin-left: 15%;
}
.aboutbox .abouttxt {
	margin-left: 67%;
	margin-top: 5%;
}
.aboutbox2 {
	width: 12%;
	height: 48%;
	background-color: #e5e5e5;
	margin-top: 7%;
	margin-left: 19%;
	position: absolute;
/*	border: 1px solid black;
*/
}
.aboutboxbotm {
	width: 65%;
	margin-top: 4%;
	margin-left: 19%;
	position: relative;
/*	border: 1px solid black;
*/
}
.aboutboxbotm h3 {
	width: 30%;
	font-family: 'Century Gothic';
	color: #000000;
	font-size: 2.4vw;
	font-weight: 400;
	margin-top: 15%;
	margin-left: 2%;
/*	border: 1px solid black;
*/
}
.aboutboxbotm h4 {
	font-family: 'Javanese Text';
	color: #000000;
	font-size: 1.5vw;
	font-weight: 400;
	padding-top: 3%;
	margin-left: 3%;
}
.aboutboxbotm table {
	width: 100%;
	font-family: 'Yu Gothic';
	font-size: 1.1vw;
	color: black;
	margin-left: 3%;
	margin-top: -3%;
/*	border: 1px solid black;
*/
}
.aboutboxbotm table th {
	font-weight: 400;
/*	border: 1px solid black;
*/
}
.aboutboxbotm table td {
	font-weight: 400;
	padding-left: 2%;
/*	border: 1px solid black;
*/
}

.thanksbox_inside {
	width: 12%;
	height: 68%;
	background-color: #faeee1;
	margin-top: 9%;
	margin-left: 35%;
	position: absolute;
/*	border: 1px solid black;
*/
}
#thanks {
	width: 100%;
	background-color: #faf3eb;
}
.thanksbox {
	width: 50%;
	padding-top: 10%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4%;
	position: relative;
/*	border: 1px solid black;
*/
}
.thanksbox_botm {
	margin-top: 9%;
	margin-left: 11%;
	position: relative;
/*	border: 1px solid black;
*/
}

.thanksbox_botm p {
	font-family: 'Yu Gothic';
	font-weight: 500;

}
.thanksbox h3 {
	width: 100%;
	font-family: 'Century Gothic';
	color: #000000;
	font-size: 2.4vw;
	font-weight: 400;
	margin-top: 2%;
	margin-left: 2%;
	text-align: center;
/*	border: 1px solid black;
*/
}
.accessbox{
	width: 100%;
	height: 40vw;
	background-color: #D9EDE1;
	position: relative;
/*	border: 1px solid black;
*/
}
.accessbox iframe{
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 2%;
}
.accessbox p{
	font-family: 'Yu Gothic';
	color: black;
	font-size: 1.1vw;
	font-weight: 500;
	text-align: center;
	line-height: 100%;
}

.contactbox{
	width: 100%;
	height: 43vw;
	background-color: #faf3eb;
	position: relative;
/*	border: 1px solid black;
*/
}
.contactmain {
	width: 40%;
	padding-top: 2vw;
	margin-left: auto;
	margin-right: auto;
	background-color:　#faf3eb;
	position: relative;
/*	border: 1px solid black;
*/
}

.contactmain p{
	font-family: 'Yu Gothic';
	color: black;
	font-size: 1.0vw;
	font-weight: 500;
	line-height: 200%;

}
.contactmain input {
	font-family: 'Yu Gothic';
	font-size: 1.0vw;
	font-weight: 500;
}

.contactmain textarea {
	font-family: 'Yu Gothic';
	font-size: 1.0vw;
	font-weight: 500;
}
.contactbotm input{
	font-size: 0.8vw;
	color: #636363;
}
.required {
	font-size: 0.5vw;
	color: red;
	margin-left: 0.5vw;
}

.form-field {
	border: 1px solid #c9b7a2;
	background: #f7efe6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #636363;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding: 8px;
	margin-bottom: 1vw;
	width: 22vw;
	height: 1vw;
	-webkit-input-placeholder: #ccc000;
	-moz-placeholder: #ccc000;
	-ms-input-placeholder: #ccc999;
	}
.form-field:focus {
	background: #f7efe6;
	color: #636363;
	}
.form-field-area {
	border: 1px solid #c9b7a2;
	background: #f7efe6;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #636363;
	-webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	-moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(000,000,000,0.7) 0 0px 0px;
	padding:8px;
	margin-bottom: 1vw;
	width: 40vw;
	height: 5.3vw;
	}
/* 各ベンダープレフィックスが取れた標準版！！(http://caniuse.com/#search=placeholder-shown) */
:placeholder-shown {
    font-size: 1.0vw; }
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
    font-size: 1.0.vw; }
/* Firefox 18- */
:-moz-placeholder {
    font-size: 1.0.vw; }
/* Firefox 19+ */
::-moz-placeholder {
    font-size: 1.0.vw; }
/* IE 10+ */
:-ms-input-placeholder {
    font-size: 1.0.vw;}

.form-field-area:focus {
	background: #f7efe6;
	color: #636363;
	}
.form-container h2 {
   text-shadow: #fdf2e4 0 1px 0;
   font-size:18px;
   margin: 0 0 10px 0;
   font-weight:bold;
   text-align:center;
    }
.form-title {
   margin-bottom:10px;
   color: #725129;
   text-shadow: #fdf2e4 0 1px 0;
   }
.submit-container {
   margin:8px 0;
   text-align:right;
   }
.submit-button {
   border: 1px solid #c9b7a2;
   background: #e6dacf;
   color: #000000;
   padding: 0.8vw 1.2vw;
	font-family: 'Century Gothic';
   font-size: 2px;
	font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
	-webkit-border-radius: 4px;
   -moz-border-radius: 4px;
   border-radius: 4px;
   }
.submit-button:hover {
   border: 1px solid #c9b7a2;
   text-shadow: #c28846 0 1px 0;
   background: #e3cdb6;
   color: #fff;
   }
.submit-button:active {
   text-shadow: #c28846 0 1px 0;
   border: 1px solid #6e4517;
   background: #8a653a;
   background: -webkit-gradient(linear, left top, left bottom, from(#dbb386), to(#8a653a));
   background: -webkit-linear-gradient(top, #dbb386, #8a653a);
   background: -moz-linear-gradient(top, #dbb386, #8a653a);
   background: -ms-linear-gradient(top, #dbb386, #8a653a);
   background: -o-linear-gradient(top, #dbb386, #8a653a);
   background-image: -ms-linear-gradient(top, #dbb386 0%, #8a653a 100%);
   color: #fff;
   }

footer {
	width: 100%;
	height: 3VW;
	background: #EEEEEE;
	border-top: 1px solid #EEEEEE;

}
.footerbox {
	position: relative;
	width: 100%;
	background: #EEEEEE;
}
.footerbox p {
	font-family: 'Century Gothic';
	font-size: 0.9vw;
	text-align: center;
	color: #373737;
}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 3%;
    font-size: 80%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 80px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 100px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

/* More info */

.hidden {
	display: none;
}
}