@charset "utf-8";



/*==================================================

index
==================================================*/


/*    keyvisual    */

#keyvisual {
	border-top: 20px solid rgba( 234, 109, 157, 1 );
	position: relative;
}
#keyvisual .text-area {
	background: rgba( 255, 255, 255, 0.75 );
	padding: 30px;
	position: absolute;
		left: 0;
		bottom: 40px;
}
#keyvisual .text-area p {
	margin-top: 20px;
}


/*	entrace: */

#entrance {
	text-align: center;
}
#entrance h1 {
	margin-top: 70px;
}
#entrance p {
	color: rgba( 234, 109, 157, 1 );
	margin-top: 40px;
	font-size: 150%;
	font-weight: bold;
}


/*	concept: */

#concept {
	text-align: center;
	background: rgba( 0, 0, 0, 0.05 );
	position: relative;
	padding: 50px 0;
	border-radius: 40px;
	margin-top: 80px;
}
#concept p {
	margin-top: 50px;
}
#concept figure {
	position: absolute;
	right: 20px;
	top: -70px;
}


/*	feature	*/

#feature {
	margin-top: 50px;
	text-align: center;
}
#feature h2 {
	display: inline-block;
	background:url("../img/index/pt_slash.png") repeat rgba( 234, 109, 157, 1 );
	padding: 20px 80px;
	border-radius: 100px;
}
#feature ul {
	text-align: left;
	margin-top: 50px;
	background: rgba( 234, 109, 157, 0.15 );
	padding: 50px;
	border-radius: 50px;
}
#feature li {
	margin-top: 40px;
}
#feature li:first-child {
	margin-top: 0;
}


/*	application	*/

#application {
	text-align: center;
	margin-top: 80px;
}
#application h2 {
	margin-top: 50px;
}
#application p {
	margin-top: 40px;
	font-weight: bold;
	font-size: 150%;
}


/*	fee	*/

#fee {
	margin-top: 120px;
	text-align: center;
	position: relative;
}
#fee figure {
	position: absolute;
	right: 0;
	top: -100px;
}


/*	flow	*/

#flow {
	margin-top: 50px;
	text-align: center;
}
#flow li {
	background: url("../img/index/flow_bg01.png") top center no-repeat;
	margin-top: 20px;
	padding-top: 40px;
}
#flow li:first-child {
	background: none;
	margin: 40px 0 0;
	padding: 0;
}


/*	holiday	*/

#holiday {
	display: block;
	background:url("../img/index/pt_slash.png") repeat rgba( 234, 109, 157, 1 );
	padding: 20px 80px;
	margin: 70px auto 0;
}


/*	temp	*/

#temp {
	margin-top:100px;
	position: relative;
	text-align: center;
}
#temp h2 {
	margin-top: 20px;
	font-weight: bold;
	font-size: 150%;
}
#temp p {
	font-weight: bold;
	font-size: 200%;
	margin-top: 30px;
}


/*	gallery	*/

#gallery {
	margin-top: 50px;
	width: 100%;
	zoom:1;
}
#gallery:after {
	clear: both;
	display: block;
	content: '';
	height: 0;
}
#gallery ul {
	margin-left: 0.5%;
}
#gallery li {
	float: left;
	width: 32%;
	padding: 0 0.5%;
}


/*	deily	*/

#daily {
	background: rgba( 255, 123, 172, 1 );
	padding: 50px 0;
	margin-top: 80px;
}
#daily .wrap {
	background: rgba( 255, 255, 255, 1 );
	border-radius: 50px;
	padding: 30px 30px 50px;
	position: relative;
	text-align: center;
}
#daily small {
	position: absolute;
	right: -10px;
	top: -10px;
}
#daily figure {
	position: absolute;
	right: 30px;
	bottom: 20px;
}
@media screen and (max-width: 1300px) {
    #daily small {
        right: 0;
    }
}


/*	yearly	*/

#yearly {
	background: url("../img/index/pt_slash.png") repeat rgba( 255, 255, 186, 1 );
	padding: 70px 0 80px;
	position: relative;
}
#yearly .wrap {
	text-align: center;
}
#yearly figure {
	position: absolute;
	right: -70px;
	bottom: 0;
}
@media screen and (max-width: 1300px) {
    #yearly figure {
        right: 0;
    }
}
#yearly ul {
	margin-left: -42px;
}
#yearly li {
	background: left top no-repeat;
	float: left;
	width: 268px;
	height: 269px;
	text-align: center;
	padding-top: 40px;
	position: relative;
	display: inline-block;
	box-sizing: border-box;
	margin: 42px 0 0 42px;
}
#yearly p {
	position: absolute;
	left: 50%;
	top: 60%;
	transform: translateY( -50% ) translateX( -50% );
		-webkit-transform: translateY( -50% ) translateX( -50% );
		-moz-transform: translateY( -50% ) translateX( -50% );
		-ms-transform: translateY( -50% ) translateX( -50% );
		-o-transform: translateY( -50% ) translateX( -50% );
}
#yearly li:nth-child(1),
#yearly li:nth-child(7),
#yearly li:nth-child(9) {
	background-image: url("../img/index/yearly_bg_pink.png");
}
#yearly li:nth-child(2),
#yearly li:nth-child(5),
#yearly li:nth-child(10) {
	background-image: url("../img/index/yearly_bg_yellow.png");
}
#yearly li:nth-child(3),
#yearly li:nth-child(8) {
	background-image: url("../img/index/yearly_bg_blue.png");
}
#yearly li:nth-child(4),
#yearly li:nth-child(6),
#yearly li:nth-child(11) {
	background-image: url("../img/index/yearly_bg_green.png");
}


/*	banner	*/

#banner {
	text-align: center;
}
#banner li a {
	display: block;
}
#banner li:nth-child(1) a {
	padding: 40px 0;
}


/*	contact	*/

#contact {
	background: url("../img/index/pt_slash.png") repeat rgba( 234, 109, 157, 0.15 );
}
#contact .wrap {
	padding: 60px 0;
}
#contact h1 {
	background: rgba( 234, 109, 157, 1 );
	padding: 20px 0;
	text-align: center;
}
#contact .text-area {
	width: 648px;
	float: left;
}
#contact .map,
#contact .map iframe {
	width: 500px;
	height: 368px;
}
#contact .map {
	float: right;
}
#contact .map iframe {
	border: none;
}


/*	companySign	*/

#companySign {
	border-top: 1px solid rgba( 234, 109, 157, 1 );
	display: block;
	text-align: center;
	padding: 20px;
}



/*==================================================

club
==================================================*/

#club {
	background: url("../img/club/club_bg01.png") repeat;
	text-align: center;
	padding: 0 0 50px;
}
#club header {
	margin-top: 70px;
}
#club header h2 {
	margin: 20px 0 0;
}
#club header h3 {
	margin: 30px 0 0;
}
#club header h4 {
	background: rgba( 234, 109, 157, 1 );
	border-radius: 20px;
	margin: 70px 0 0;
	padding: 20px 0;
}
#manifest {
	position: relative;
	margin-top: 50px;
	padding: 80px 0;
}
#manifest:before,
#manifest:after {
	background: url("../img/club/manifest_bg01.png") repeat-x;
	display: block;
	content: '';
	height: 16px;
	width: 100%;
	position: absolute;
	left: 0;
}
#manifest:before {
	top: 0;
}
#manifest:after {
	bottom: 0;
}
#manifest ul {
	margin: 70px 0 0 200px;
}
#manifest li {
	margin-top: 30px;
	text-align: left;
}
#manifest li:first-child {
	margin-top: 0;
}
#manifest p {
	margin-top: 100px;
}


/*    curriculum    */

#curriculum {
	padding: 80px 0;
	zoom:1;
}
#curriculum:after {
	clear: both;
	display: block;
	content: '';
	height: 0;
}
#curriculum figure {
	float: left;
	display: inline-block;
	width: 660px;
}
#example {
	width: 500px;
	float: right;
}
#example h5 {
	margin-top: 25px;
}
#example h5:first-child {
	margin-top: 0;
}
#example ul {
	zoom:1;
}
#example ul:after {
	clear: both;
	display: block;
	content: '';
	height: 0;
}
#example li {
	float: left;
	width: 50%;
	margin-top: 10px;
	font-size: 150%;
	font-weight: bold;
}


/*    cource    */

#cource {
	margin: 40px auto 0;
	display: block;
}


/*    clubFooter    */

#clubFooter {
	background: rgba( 252, 238, 33, 1 );
	padding: 40px 0;
	margin-top: 40px;
}
#clubFooter .text-area {
	width: 910px;
	float: left;
	display: inline-block;
}
#clubFooter h2 {
	margin-top: 40px;
}
#clubFooter p {
	margin-top: 20px;
}
#line {
	float: right;
	display: inline;
}
#author {
	zoom:1;
}
#author:after {
	clear: both;
	display: block;
	content: '';
	height: 0;
}
#author header {
	position: relative;
	float: left;
	display: inline-block;
	width: 623px;
}
#author header .tel {
	display: inline-block;
	margin-top: 20px;
}
#author header figure {
	position: absolute;
	right: 0;
	bottom: 0;
}
#author address {
	float: left;
	display: inline-block;
	margin-left: 20px;
}
#author address h3 {
	margin: 10px 0 5px;
}



/*==================================================

recruit
==================================================*/

#recruit {
	padding: 80px 0;
	text-align: center;
}
#recruit header h1 {
	position: relative;
	display: inline-block;
	padding-bottom: 40px;
}
#recruit header h1:after {
	background: rgba( 247, 181, 44, 1 );
	display: block;
	content: '';
	height: 7px;
	width: 90%;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX( -50% );
		-webkit-transform: translateX( -50% );
		-moz-transform: translateX( -50% );
		-ms-transform: translateX( -50% );
		-o-transform: translateX( -50% );
}
#recruit header h2 {
	margin-top: 40px;
}
#recruit .facility-wrap h3 {
	margin-top: 80px;
}
#recruit .facility-wrap h4 {
	font-size: 200%;
	font-weight: bold;
	position: relative;
	display: inline-block;
	padding-bottom: 20px;
	margin-top: 32px;
}
#recruit .facility-wrap h4:after {
	background: rgba( 234, 109, 157, 1 );
	display: block;
	content: '';
	height: 5px;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0;
}
#recruit .facility-wrap p {
	font-size: 200%;
	margin-top: 20px;
}
#recruit .facility-wrap ul {
	margin-top: 40px;
}
#recruit .facility-wrap li {
	border: 1px solid rgba( 0, 0, 0, 0.15 );
	padding: 15px 0;
	margin-top: -1px;
	font-size: 150%;
}
#recruit .facility-wrap li:nth-child(even) {
	background: rgba( 0, 0, 0, 0.05 );
}
#recruit .recruit-contact p {
	font-size: 200%;
	margin-top: 20px;
}

#recruitMessage {
	background: rgba( 252, 238, 33, 0.2 );
	margin-top: 40px;
	padding: 64px 0;
	text-align: center;
}

#aboutCompany {
	background: rgba( 0, 0, 0, 0.05 );
	padding: 40px 0;
}
#aboutCompany p {
	text-align: left;
	font-size: 200%;
	line-height: 160%;
	margin-top: 20px;
}
#aboutCompany figure {
    position: absolute;
    top: 70px;
    right: 0;
}