@charset "utf-8";
/* /////////////////////////////////////////// CSS FOR Lienhe Made by Ngoc Thuy (ゴックトゥイ) ///////////////////////////////////// */
 @font-face {
	 font-family: 'SVN-Avo';
	 src: url('../fonts/SVN-Avo.eot');
	/* IE9 Compat Modes */
	 src: url('../fonts/SVN-Avo.eot?#iefix') format('embedded-opentype'), url('../fonts/SVN-Avo.woff2') format('woff2'), url('../fonts/SVN-Avo.woff') format('woff'), url('../fonts/SVN-Avo.ttf') format('truetype'), url('../fonts/SVN-Avo.svg#svgFontName') format('svg');
	/* IE6-IE8 */
	/* Super Modern Browsers */
	/* Pretty Modern Browsers */
	/* Safari, Android, iOS */
	/* Legacy iOS */
}
 .vn {
	 font-family: 'SVN-Avo';
}
 #Sub-visual01 {
	 position: relative;
	 z-index: 30;
	 padding: 10px 0 30px 0;
}
 #Sub-visual01 .right {
	 float: right;
}
 #Sub-visual01 .visual-detail .container {
	 position: relative;
}
 #Sub-visual01 .visual-detail h2 {
	 position: absolute;
	 left: 0;
	 top: 36%;
	 background: rgba(255, 255, 255, 0.6);
	 height: 130px;
	 color: #000;
	 display: flex;
	 justify-content: left;
	 align-content: center;
	 align-items: center;
}
 #Sub-visual01 .visual-detail h2 em {
	 font-family: 'SVN-Avo';
	 font-size: 30px;
	 font-style: normal;
	 padding: 10px 30px 10px 10px;
	 margin-left: -40px;
	 line-height: 50px;
	 font-weight: 600;
}
 .block-concept {
	 padding-bottom: 0;
}
 .block-club {
	 margin: 0 -40px;
}
 .list-club {
	 display: flex;
	 justify-content: space-around;
	 justify-items: center;
	 align-content: center;
	 padding-bottom: 30px;
	 font-family: 'SVN-Avo';
}
 .list-club li {
	 background: #fff;
	 border-radius: 70px;
	 background-size: cover;
	 padding: 25px 15px;
	 text-align: center;
	 width: 31%;
}
 .list-club li h3 {
	 font-size: 24px;
	 padding: 0 5px 20px;
	 line-height: 34px;
	 color: #000;
	 text-transform: uppercase;
	 font-weight: bold;
}
 .list-club li h3:after {
	 content: '';
	 width: 97px;
	 height: 2px;
	 background-color: #b01a47;
	 left: 50%;
	 position: relative;
	 display: block;
	 top: 12px;
	 transform: translate(-50%, -50%);
}
 .list-club li p {
	 font-size: 18px;
	 line-height: 28px;
	 color: #000;
}
 .ttl-headline02, .contact-form, .block-link, .m-button, .text-des, .block-about .text-inner {
	 font-family: 'SVN-Avo';
}
 .ttl-headline01 span {
	 font-family: 'SVN-Avo';
	 margin-top: 5px;
}
 .block-lesson .group h4 {
	 font-family: 'SVN-Avo';
	 font-weight: 600;
	 min-height: 50px;
}
 .contact-form .ttl-headline01 {
	 font-family: 'SVN-Avo';
	 font-weight: 600;
}
 .ttl-headline01, #Sub-visual h2 {
	 font-family: 'SVN-Avo';
	 font-weight: 600;
}
 .choice .checkmark:after {
	 top: 5px;
}
 @media screen and (max-width: 1199px) {
	 #Sub-visual01 {
		 padding: 0px 0 5px;
	}
}
/* Medium devices (desktops, 992px and up) */
 @media (max-width: 992px) {
	 #Sub-visual01 {
		 padding-top: 0px;
		 max-height: 100%;
	}
	 #Sub-visual01 .right {
		 float: none;
		 text-align: center;
	}
	 #Sub-visual01 .visual-detail h2 {
		 width: 100%;
	}
}
 @media (max-width: 768px) {
	 .vn #Main-visual {
		 display: none;
	}
	 #Sub-visual01 .visual-detail .container {
		 padding: 0;
	}
	 #Sub-visual01 .visual-detail h2 {
		 display: block;
		 padding: 0 15px;
		 bottom: 0;
		 top: auto;
		 height: 100px;
	}
	 #Sub-visual01 .visual-detail h2 span {
		 display: none;
	}
	 #Sub-visual01 .visual-detail h2 em {
		 display: block;
		 margin-left: 0;
		 font-size: 16px;
		 line-height: 26px;
		 padding: 10px;
	}
	 .block-club {
		 margin: 0;
	}
	 .block-about .text-inner {
		 padding-bottom: 15px;
	}
	 .list-club {
		 display: block;
		 padding-bottom: 20px;
	}
	 .list-club li {
		 width: 100%;
		 margin-bottom: 15px;
	}
	 .list-club li:last-child {
		 margin-bottom: 0;
	}
	 .list-club li h3 {
		 font-size: 19px;
	}
	 .list-club li p {
		 font-size: 15px;
	}
}