@charset "utf-8";
/* bootstrap override */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* basic settings */
body {
	font-family: 'Noto Sans Japanese', sans-serif;
	color: #333333;
	font-size: 16px;
	font-weight: normal;
	line-height: 1.6em;
	margin: 0px auto;
}
.alignright {
	float: right;
	margin: 0px;
	text-align: center;
	display: inline;
	font-size: 0.9em;
}
.alignleft {
	float: left;
}
.clearfix:after {
	content:" ";
	display:block;
	clear:both;
}
.box_left {
    float:left;
}
.layout_img_text {
	float:left;
}
.float-right{
	float:right;
}
.img_size_20 {
	width:20em;
	height:20em;
}
.inline {
display:inline;
}
.border {
 border:solid 1px black;
}

.text-red {
	color: #FF0000;
}

ul {
list-style-type: disc;
}

h1,.h1,h2,.h2,h3,.h3,h4,.h4,h5,.h5,h6,.h6 {
	font-weight: 700!important;
	line-height: 1.5;
}

@media(max-width: 767px) {
h1,
.h1 {
  font-size: 24px;
}
h2,
.h2 {
  font-size: 20px;
}
h3,
.h3 {
  font-size: 18px;
}
h4,
.h4 {
  font-size: 16px;
}
h5,
.h5 {
  font-size: 14px;
}
h6,
.h6 {
	font-size: 12px;
}
.header{
	padding-top: 80px;
}
}
@media(min-width: 767px){
	.header{
		padding-top: 170px;
	}
}

.header {
	background:  url(../img/header_bg.jpg) no-repeat;
	background-size: cover;
}

.title {
	color: #EC6C00;
	font-weight: 700;
}


section.leadarea {
	background: url(../img/lead_bg.jpg) no-repeat;
	background-size: cover;
	padding: 30px 0 0;
}

section.leadarea .container {
	position: relative;
	min-height: 38vw;
}

section.leadarea .leadarea-text {
	z-index: 1;
	text-shadow: 0px 0px 3px #f5fafd;
}

section.leadarea .container img {
	position: absolute;
	right: 0px;
	bottom:0px;
	width: 60%;
}

@media(max-width: 767px) {
section.leadarea .container .row {
	padding-bottom: 300px;	
}

section.leadarea .container img {
	width: 90%;
}
	
}

	
.training-menu {
	border: solid 1px #666;
}

.price-title {
	width: 100%;
	height: auto;
	background: #000;
	color: #FFF;
	font-family: 'Lato', sans-serif;
	padding: 5px;
	letter-spacing: 0.06em;
}

.title-en {
	font-family: 'Lato', sans-serif;
	color: #333;	
}

.footer {
	background:  url(../img/footer_bg.jpg) no-repeat;
	background-size: cover;
	padding: 60px 0;
}

.tel {
	font-weight: 900;
	font-size: 5vw;
	letter-spacing: 0.06em;
}

@media(max-width: 767px) {
.tel {
	font-size: 40px;
}

}

@media(min-width: 1200px) {
.tel {
	font-size: 50px;
}

}

.url > a {
	width: 100%;
	display: block;
	color: #333;
/*	border-bottom: solid 1px #333;*/
/*	padding-bottom: 1em;*/
	padding-bottom: 0.3em;
}

.radius {
    border-radius: 10px;
}