@charset "UTF-8";

/*--------------------------------------------------------------
googleapis
--------------------------------------------------------------*/

@import url('https://fonts.googleapis.com/css2?family=RocknRoll+One&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@300;400;500;600&display=swap');


/*--------------------------------------------------------------
html, body
--------------------------------------------------------------*/

html, body{
    margin: 0;
    padding: 0;
	color: #1F1F1F;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	-webkit-text-size-adjust: none;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background: #FAFAF8;
	text-align: justify;
	text-justify: inter-ideograph;
}

/*--------------------------------------------------------------
background: url("../image/ground.jpg") top center no-repeat;
-webkit-background-size: 100% 100%;
background-size: 100% 100%;
--------------------------------------------------------------*/

/*--------------------------------------------------------------
h1,h2,h3,h4,h5,h6
ul
--------------------------------------------------------------*/

h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
}

ul {
	list-style-type: none;
}


/*--------------------------------------------------------------
img
--------------------------------------------------------------*/

img {
	width: 100%;
	height: auto;
}

/*--------------------------------------------------------------
a
--------------------------------------------------------------*/

a:link {
	color: #1F1F1F;
	text-decoration: none;
}

a:visited {
	color: #1F1F1F;
	text-decoration: none;
}

a:hover, a:active, a:focus {
	text-decoration: none;
}

/*--------------------------------------------------------------
.button_pdf
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.btn {
		margin: 10px 0;
		padding: 0;
		text-align: center;
	}
	
	.btn p {
		margin: 0 10% 15px 10%;
		padding: 0;
		font-size: 13px;
		text-align: left;
	}
	
	.button_pdf {
		display: inline-block;
		width: auto;
		height: 45px;
		text-align: center;
		text-decoration: none;
		line-height: 43px;
		outline: none;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 13px;
		border-radius: 50px;
		padding: 0 20px;
	}
	
	.button_pdf::before,
	.button_pdf::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	
	.button_pdf,
	.button_pdf::before,
	.button_pdf::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	a.button_pdf{
		color: #660230;
		border: 1px solid #660230;
	}
	
	a.button_pdf:hover {
		background-color: #FFF;
		border: 1px solid #660230;
	}
	
	.fa-window-restore {
		margin: 0 0 0 10px;
		padding: 0;
		font-size: 13px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {

	
	.btn {
		margin: 30px 0;
		padding: 0;
		text-align: center;
	}
	
	.btn p {
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 14px;
		text-align: center;
	}
	
	.button_pdf {
		display: inline-block;
		width: 320px;
		height: 45px;
		text-align: center;
		text-decoration: none;
		line-height: 43px;
		outline: none;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 16px;
		border-radius: 50px;
		padding: 0;
	}
	
	.button_pdf::before,
	.button_pdf::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	
	.button_pdf,
	.button_pdf::before,
	.button_pdf::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	a.button_pdf{
		color: #660230;
		border: 1px solid #660230;
	}
	
	a.button_pdf:hover {
		background-color: #FFF;
		border: 1px solid #660230;
	}
	
	.fa-window-restore {
		margin: 0 0 0 10px;
		padding: 0;
		font-size: 13px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
#container
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#container {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}



/*--------------------------------------------------------------
#header
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#header {
		margin: 0;
		padding: 0;
		z-index: 9999;
		position: fixed;
		width: 100%;
		background: #FAFAF8;
		height: 65px;
	}
	
	#header h1 {
		margin: 8px 0 0 15px;
		padding: 0;
		width: 155px;
	}
	
	#header h1 img {
		width: 155px;
		height: auto;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#header {
		height: auto;
		position: inherit;
	}
	
	#header h1 {
		display: none;
	}
	
}

/*--------------------------------------------------------------
h2
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	h2 {
		margin: 0 0 20px 0;
		padding: 0;
		overflow: hidden;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 24px;
		color: #660230;
		text-align: center;
	}
	
	h2 span {
		margin: 5px 0 0 0;
		padding: 0;
		font-size: 9px;
		letter-spacing: 1px;
		display: block;
	}
	
	h2 span img {
		width: 55px;
		height: auto;
		margin: 0 auto;
		padding: 5px 0 0 0;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	h2 {
		margin: 0 0 20px 0;
		padding: 0;
		overflow: hidden;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 30px;
		color: #660230;
		text-align: center;
	}
	
	h2 span {
		margin: 5px 0 0 0;
		padding: 0;
		font-size: 9px;
		letter-spacing: 1px;
		display: block;
	}
	
}

/*--------------------------------------------------------------
.head_menu
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.head_menu {
		display: none;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.head_menu {
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: relative;
		display: inherit;
	}
	
	ul.project {
		margin: 0;
		padding: 10px 15px;
		display: -webkit-flex;
		display: flex;
	}
	
	ul.project li {
		margin: 0 20px 0 0;
		padding: 0;
		font-size: 11px;
		transition: 0.3s;
	}
	
	ul.project li:hover {
		opacity: 0.6;
	}
	
	ul.project li i {
		margin: 0 5px 0 0;
		padding: 0;
		font-size: 11px;
		color: #A8CC43;
	}
	
	ul.basic {
		margin: 0 10px 0 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		position: absolute;
		top: 0;
		right: 0;
	}
	
	ul.basic li {
		margin: 0 10px 0 0;
		padding: 0;
		font-size: 12px;
		font-family: 'M PLUS Rounded 1c', sans-serif;
		font-weight: 500;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		transition: 0.3s;
	}
	
	ul.basic li:hover {
		opacity: 0.8;
	}
	
	ul.basic li i {
		margin: 0 5px 0 0;
		padding: 0;
	}
	
	ul.basic li:nth-child(1){
		background: #EEB35F;
	}
	
	ul.basic li:nth-child(2){
		background: #A8CC43;
	}
	
	ul.basic li:nth-child(3){
		background: #7DC4E5;
	}
	
	ul.basic li a {
		margin: 0;
		padding: 10px 20px;
		display: block;
	}
	
	ul.basic li a:link {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	ul.basic li a:visited {
		color: #FFFFFF;
		text-decoration: none;
	}
	
	ul.basic li a:hover, a:active, a:focus {
		text-decoration: none;
	}
	
}


/*--------------------------------------------------------------
#main-nav
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#main-nav {
		display: none;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#main-nav {
		display: inherit;
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#main-nav > ul {
		margin: 0;
		padding: 0;
		 display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#main-nav ul li.toggle {
		margin: 0;
		padding: 0;
		text-align: center;
		width: 170px;
	}
	
	#main-nav ul li.toggle:nth-child(3){
		margin: 0;
		padding: 0;
		width: 255px;
	}
	
	#main-nav ul li.toggle:nth-child(1),
	#main-nav ul li.toggle:nth-child(2),
	#main-nav ul li.toggle:nth-child(4),
	#main-nav ul li.toggle:nth-child(5){
		margin: 30px 0 0 0;
		padding: 0;
		text-align: center;
		width: 170px;
	}
	
	#main-nav ul li.toggle:nth-child(1),
	#main-nav ul li.toggle:nth-child(4){
		border-left: #ccc 1px solid;
		border-right: #ccc 1px solid;
	}
	
	#main-nav ul li.toggle:nth-child(2),
	#main-nav ul li.toggle:nth-child(5){
		border-right: #ccc 1px solid;
	}
	
	#main-nav ul li a:link,
	#main-nav ul li a:visited {
		text-decoration: none;
	}
	
	#main-nav ul li a:hover,
	#main-nav ul li a:active,
	#main-nav ul li a:focus {
		text-decoration: none;
	}
	
	
	#main-nav ul dl {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#main-nav ul dt {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	#main-nav ul dt img {
		width: auto;
		height: 65px;
	}
	
	#main-nav .mainlogo {
		margin: 0;
		padding: 0;
	}
	
	#main-nav .mainlogo img {
		width: 165px;
		height: auto;
	}
	
	#main-nav ul dd {
		margin: 0 0 10px 0;
		padding: 0;
		font-family: 'RocknRoll One', sans-serif;
		color: #660230;
		font-size: 17px;
	}
	
	#main-nav ul dd span {
		margin: 0;
		padding: 5px 0;
		display: block;
		font-size: 9px;
		letter-spacing: 1px;
	}
	
	
	#main-nav ul li:hover .menu {
		max-height: 1000px;
		opacity: 1;
	}
	
	#main-nav > ul > li > a {
		display: block;
		padding: 0 10px;
		transition: all .3s ease-in;
		font-size: 13px;
	}
	
	#main-nav ul .menu {
		padding: 0;
		transition: all .3s ease-in;
		max-height: 0;
		opacity: 0;
		overflow: hidden;
		width: 100%;
		left: 0;
		text-align: center;
		position: absolute;
		background-color: #EEF2E6;
		letter-spacing: 1px;
		z-index: 5000;
	}
	
	#main-nav ul .kindergarten {
		background: -webkit-linear-gradient(70deg, rgb(235, 188, 62), rgb(250, 138, 69));
		background: linear-gradient(70deg, rgb(235, 188, 62), rgb(250, 138, 69));

	}
	
	#main-nav ul .school {
		background: -webkit-linear-gradient(70deg, rgb(80, 214, 162), rgb(43, 193, 248));
		background: linear-gradient(70deg, rgb(80, 214, 162), rgb(43, 193, 248));

	}
	
	#main-nav ul .babyhome {
		background: -webkit-linear-gradient(70deg, rgb(244, 141, 161), rgb(211, 115, 219));
		background: linear-gradient(70deg, rgb(244, 141, 161), rgb(211, 115, 219));

	}


	#main-nav ul.menu_inner {
		margin: 20px auto;
		max-width: 1000px;
		padding: 0 0 0 220px;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		font-family: 'RocknRoll One', sans-serif;
		position: relative;
		box-sizing: border-box;
	}
	
	#main-nav ul .menu ul.menu_inner li {
		margin: 5px 5px;
		padding: 0;
	}
	
	#main-nav ul .menu ul.menu_inner p {
		margin: 0;
		font-size: 18px;
		position: absolute;
		top: 10px;
		left: 0;
		color: #FFF;
	}
	
	#main-nav ul .menu ul.menu_inner dl a {
		display: block;
		padding: 10px 30px;
		color: #660230;
		font-size: 17px;
		transition: 0.3s;
	}
	
	#main-nav ul .menu ul.menu_inner dl a:hover {
		opacity: 0.5;
	}
	
	#main-nav ul .menu ul.menu_inner dl {
		background: #FFF;
		border-radius: 20px;
	}
	
	#main-nav ul .menu ul.menu_inner dt {
		margin: 0;
		padding: 0;
		border-bottom: #ccc 2px dotted;
	}
	
	#main-nav ul .menu ul.menu_inner dt:last-child {
		border-bottom: none;
	}
	
	#main-nav ul .menu a:link,
	#main-nav ul .menu a:visited {
		color: #000;
		text-decoration: none;
	}
	
	#main-nav ul .menu a:hover,
	#main-nav ul .menu a:active,
	#main-nav ul .menu a:focus {
		color: #000;
		text-decoration: none;
	}
	
	ul.menu_inner .icon1 {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0;
		width: 30px;
		height: 30px;
		background: url("../image/img3.png") no-repeat;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		vertical-align: middle;
	}
	
	ul.menu_inner .icon2 {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0;
		width: 30px;
		height: 30px;
		background: url("../image/img4.png") no-repeat;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		vertical-align: middle;
	}
	
	ul.menu_inner .icon3 {
		display: inline-block;
		margin: 0 10px 0 0;
		padding: 0;
		width: 30px;
		height: 30px;
		background: url("../image/img5.png") no-repeat;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
		vertical-align: middle;
	}

}

/* Larger than tablet */
@media (min-width: 1200px) {
	
	
}


/*--------------------------------------------------------------
sp-trigger
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.sp-trigger {
		margin: 0;
		padding: 0;
		position: fixed;
		top: 15px;
		right: 15px;
		color: #0FC9C9;
		font-size: 9px;
		font-weight: 500;
		text-align: center;
		z-index: 9999;
	}
	
	.sp-trigger p {
		margin: 0;
		padding: 0;
		line-height: 1.5
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.sp-trigger {
		font-size: 10px;
	}
	
}

/* Larger than tablet */
@media (min-width: 992px) {
	
	.sp-trigger {
		display: none;
	}
}



/*--------------------------------------------------------------
.menu-trigger
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.menu-trigger,
	.menu-trigger span {
		display: inline-block;
		transition: all .4s;
		box-sizing: border-box;
	}
	
	.menu-trigger {
		position: relative;
		width: 20px;
		height: 12px;
		margin: 5px 0 0 0;
		padding: 0;
		z-index: 9998;
	}

	.menu-trigger span {
		position: absolute;
		left: 0;
		width: 100%;
		height: 4px;
	}

	.menu-trigger span{
		background-color: #0FC9C9;
	}
	
	.menu-trigger span:nth-of-type(1) {
		top: 0;
	}
	
	.menu-trigger span:nth-of-type(2) {
		top: 8px;
	}

	.menu-trigger.active span:nth-of-type(1) {
		-webkit-transform: translateY(4px) rotate(-45deg);
		transform: translateY(4px) rotate(-45deg);
	}
	
	.menu-trigger.active span:nth-of-type(2) {
		-webkit-transform: translateY(-4px) rotate(45deg);
		transform: translateY(-4px) rotate(45deg);
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	


}

/*--------------------------------------------------------------
.panel
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.panel {
		background-color: #EEF2E6;
		z-index: 9998;
		position: fixed;
		overflow: auto;
		margin: 0;
		padding: 0;
	}
	
	
	.panel-inner {
		margin: 80px 0 0 0;
		padding: 0;
		font-family: 'RocknRoll One', sans-serif;
	}

	
	.panel dl.slide-menu {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	
	
	.panel dl.slide-menu dt {
		margin: 0 0 0 10px;
		padding: 0;
		font-size: 16px;
		position: relative;
	}
	
	.panel dl.slide-menu dt a {
		margin: 0;
		padding: 20px 35px;
		display: inline-block;
		width: 100%;
	}
	
	.panel dd.dropdown {
		display: none;
	}
	
	.overbtn {
		margin: 0;
		padding: 0;
	}
	
	.panel dl.slide-menu dt i,
	.overbtn i {
		margin: 0;
		padding: 0;
		font-style: normal;
		position: absolute;
		top: 50%;
		right: 20px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		font-size: 18px;
		color: #A7D5ED;
	}
	
	.overbtn i.up {
		display: none;
	}
	
	.overbtn.active {
	}
	
	.overbtn.active i.down {
		display: none;
	}
	
	.overbtn.active i.up {
		display: inherit;
	}
	
	.toggle-innner-menu {
		margin: 0 20px;
		padding: 10px 0;
		display:-webkit-box;
		display:-moz-box;
		display:-ms-flexbox;
		display:-webkit-flex;
		display:-moz-flex;
		display:flex;
		-webkit-box-lines:multiple;
		-moz-box-lines:multiple;
		-webkit-flex-wrap:wrap;
		-moz-flex-wrap:wrap;
		-ms-flex-wrap:wrap;
		flex-wrap:wrap;
		list-style-type: none;
		background: rgba(255,255,255,1);
		border-radius: 20px;
	}
	
	.toggle-innner-menu li {
		margin: 0;
		padding: 0;
		width: 100%;
		border-bottom: 2px dotted #ccc;
	}
	
	.toggle-innner-menu li:last-child {
		border-bottom: none;
	}
	
	.toggle-innner-menu li a {
		margin: 0;
		padding: 15px 0 15px 20px;
		display: block;
	}
	.toggle-innner-menu li a:link,
	.toggle-innner-menu li a:visited {
		color: #660230;
		text-decoration: none;
	}
	
	.toggle-innner-menu li a:hover,
	.toggle-innner-menu li a:active,
	.toggle-innner-menu li a:focus {
		color: #660230;
		text-decoration: none;
	}
	
	.bg1 {
		margin: 0;
		padding: 0;
		background: url("../image/mainnav_1.png") no-repeat left center;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	
	.bg2 {
		margin: 0;
		padding: 0;
		background: url("../image/mainnav_2.png") no-repeat left center;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	
	.bg3 {
		margin: 0;
		padding: 0;
		background: url("../image/mainnav_3.png") no-repeat left center;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	
	.bg4 {
		margin: 0;
		padding: 0;
		background: url("../image/mainnav_4.png") no-repeat left center;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	
	.bg5 {
		margin: 0;
		padding: 0;
		background: url("../image/mainnav_5.png") no-repeat left center;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	
	.bg6 {
		margin: 0;
		padding: 0;
		background: url("../image/mainnav_6.png") no-repeat left center;
		-webkit-background-size: 30px 30px;
		background-size: 30px 30px;
	}
	
	.copy {
		margin: 20px 0 0 0;
		padding: 0;
		position: relative;
		line-height: 0;
	}
	
	.copy img {
		vertical-align: middle;
		line-height: 0;
		font-size: 0;
	}
	
	.copy p {
		width: 100%;
		margin: 0;
		padding: 0;
		font-size: 8px;
		color: #FFFFFF;
		text-align: center;
		position: absolute;
		bottom: 20px;
		left: 0;
		line-height: 0;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}

/* Larger than tablet */
@media (min-width: 992px) {
	
	
}


/*--------------------------------------------------------------
.sp_submenu
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.sp_submenu {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		font-size: 12px;
	}
	
	.sp_submenu li {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
	}
	
	.sp_submenu li:first-child {
		margin: 0;
		padding: 0;
		width: 50%;
		text-align: center;
		border-right: 1px solid #ccc;
	}
	
	.sp_submenu li i {
		margin: 0 5px 0 0;
		padding: 0;
		color: #A8CC43;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
.contents
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.contents {
		margin: 0;
		padding: 65px 0 0 0;
		overflow: hidden;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.contents {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
}


/*--------------------------------------------------------------
.img_top_item
.img_bottom_item
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.img_top_item {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		line-height: 0;
	}
	
	.img_bottom_item {
		width: 100%;
		margin: 0;
		padding: 0;
		overflow: hidden;
		position: absolute;
		bottom: 0;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		line-height: 0;
	}
	
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}


/*--------------------------------------------------------------
#footer
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#footer {
		margin: 0;
		padding: 0;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#footer {
		margin: 0;
		padding: 50px 0 0 0;
	}
	
}

/*--------------------------------------------------------------
#contact_area
.sp_contact
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#contact_area {
		margin: 0;
		padding: 0;
	}
	
	#contact_area ul {
		margin: 0;
		padding: 0;
	}
	
	.sp_contact {
		margin: 0 20px 25px 20px;
		padding: 0;
		background: rgba(255,255,255,0.5);
		border-radius: 20px;
	}
	
	#contact_area ul li,
	.sp_contact li {
		margin: 0;
		padding: 30px 0;
		text-align: center;
	}
	
	#contact_area ul li:first-child,
	.sp_contact li:first-child {
		border-right: none;
		border-bottom: 1px #ccc solid;
	}
	
	#contact_area ul dl,
	.sp_contact ul dl {
		margin: 0;
		padding: 0;
	}
	
	#contact_area ul dt.title,
	.sp_contact dt.title {
		margin: 0 0 15px 0;
		padding: 0;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 18px;
	}
	
	#contact_area ul dt.title i,
	.sp_contact dt.title i {
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	#contact_area ul dt.title i.fa-phone,
	.sp_contact dt.title i.fa-phone {
		color: #A7D5ED;
	}
	
	#contact_area ul dt.title i.fa-line,
	.sp_contact dt.title i.fa-line{
		color: #95D566;
	}
	
	#contact_area ul dt.text,
	.sp_contact dt.text{
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 14px;
	}
	
	.sp_contact dt.text {
		font-family: 'M PLUS Rounded 1c', sans-serif;
	}
	
	#contact_area ul dt.text span {
		display: block;
	}
	
	#contact_area ul dd,
	.sp_contact dd {
		margin: 0;
		padding: 0;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	#contact_area ul {
		margin: 0;
		padding: 0 10px;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#contact_area ul li {
		margin: 0;
		padding: 10px 50px;
		text-align: center;
	}
	
	#contact_area ul li:first-child {
		border-right: 1px #ccc solid;
		border-bottom: none;
	}
	
	
	#contact_area ul dt.title {
		margin: 0 0 20px 0;
		padding: 0;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 20px;
	}
	
	#contact_area ul dt.title i {
		margin: 0 10px 0 0;
		padding: 0;
	}
	
	
	#contact_area ul dt.text {
		margin: 0 0 15px 0;
		padding: 0;
		font-size: 15px;
	}
	

}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#contact_area ul {
		margin: 0;
		padding: 0;
	}
	
	#contact_area ul li {
		margin: 0;
		padding: 10px 70px;
		text-align: center;
	}
	
	#contact_area ul dt.text span {
		display: inline;
	}
	
}

/*--------------------------------------------------------------
.button_contact
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.button_contact {
		display: inline-block;
		width: 200px;
		height: 45px;
		text-align: center;
		text-decoration: none;
		line-height: 43px;
		outline: none;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 16px;
		border-radius: 50px;
	}
	
	.button_contact::before,
	.button_contact::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	
	.button_contact,
	.button_contact::before,
	.button_contact::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	a.button_contact {
		color: #660230;
		border: 1px solid #660230;
	}
	
	a.button_contact:hover {
		background-color: #FFF;
		border: 1px solid #660230;
	}
	
	.fa-file-pdf {
		margin: 0 10px 0 0;
		padding: 0;
		color: #E22727;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
.button_line
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.button_line {
		display: inline-block;
		width: 210px;
		height: 50px;
		text-align: center;
		text-decoration: none;
		line-height: 50px;
		outline: none;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 17px;
		border-radius: 50px;
	}
	
	.button_line::before,
	.button_line::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	
	.button_line,
	.button_line::before,
	.button_line::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	a.button_line {
		color: #FFF;
		background-image: radial-gradient(circle at 100% 0%, rgba(172, 224, 119, 1), rgba(102, 204, 102, 1) 85%);
	}
	
	a.button_line:hover {
		opacity: 0.7;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.button_line {
		display: inline-block;
		width: 280px;
		height: 55px;
		text-align: center;
		text-decoration: none;
		line-height: 55px;
		outline: none;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 20px;
		border-radius: 50px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}



/*--------------------------------------------------------------
.button_green
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.button_green,
	.button_pink {
		display: inline-block;
		width: 200px;
		height: 45px;
		text-align: center;
		text-decoration: none;
		line-height: 45px;
		outline: none;
		font-family: 'RocknRoll One', sans-serif;
		font-size: 16px;
		border-radius: 50px;
	}
	
	.button_green::before,
	.button_green::after,
	.button_pink::before,
	.button_pink::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	
	.button_green,
	.button_green::before,
	.button_green::after,
	.button_pink,
	.button_pink::before,
	.button_pink::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	a.button_green {
		color: #FFF;
		background: -webkit-linear-gradient(-119deg, rgb(153, 213, 102), rgb(63, 190, 185));
		background: linear-gradient(-119deg, rgb(153, 213, 102), rgb(63, 190, 185));
	}
	
	a.button_pink {
		color: #FFF;
		background: -webkit-linear-gradient(-119deg, rgb(240, 186, 66), rgb(226, 111, 173));
		background: linear-gradient(-119deg, rgb(240, 186, 66), rgb(226, 111, 173));
	}
	
	a.button_green:hover,
	a.button_pink:hover {
		opacity: 0.7;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
}

/*--------------------------------------------------------------
.footer_menu
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.footer_menu {
		margin: 0;
		padding: 50px 0 0 0;
		position: relative;
		background: #EEF2E6;
	}
	
	.footer_top {
		margin: 0;
		padding: 0;
		line-height: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
	
	.bard {
		margin: 0;
		padding: 0;
		line-height: 0;
		position: absolute;
		top: -20px;
		right: 5%;
		width: 75px;
	}
	
	.footer_menu ul {
		display: none;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.footer_menu {
		margin: 0;
		padding: 123px 0 30px 0;
	}
	
	.bard {
		margin: 0;
		padding: 0;
		line-height: 0;
		position: absolute;
		top: 30px;
		right: 10%;
		width: 75px;
	}

	.footer_menu ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.footer_menu ul li {
		margin: 0 70px 0 0;
		padding: 0;
	}
	
	.footer_menu dl {
		margin: 0;
		padding: 0;
	}
	
	.footer_menu dt a,
	.footer_menu dd a {
		transition: 0.3s;
	}
	
	.footer_menu dt a:hover,
	.footer_menu dd a:hover {
		opacity: 0.4;
	}
	
	.footer_menu dt {
		margin: 15px 0;
		padding: 0 0 0 12px;
		font-weight: 500;
		overflow: hidden;
	}
	
	.footer_menu dd {
		margin: 10px 0;
		padding: 0 0 0 15px;
	}
	
	.color1 {
		border-left: 3px solid #FC9B00;
	}
	
	.color2 {
		border-left: 3px solid #5AC2D5;
	}
	
	.color3 {
		border-left: 3px solid #D54174;
	}
	
	.color4 {
		border-left: 3px solid #4196D5;
	}
	
	.color5 {
		border-left: 3px solid #9F77BC;
	}
	
	.color6 {
		border-left: 3px solid #99989A;
	}
	
	.color7 {
		border-left: 3px solid #FFC400;
	}
	
	.color8 {
		border-left: 3px solid #7FC951;
	}
	
	.color9 {
		border-left: 3px solid #E38FBC;
	}
	
	.color10 {
		border-left: 3px solid #C8E585;
	}
	
}

/*--------------------------------------------------------------
.footer_info
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.footer_info {
		margin: 0;
		padding: 0 0 30px 0;
		background: #EEF2E6;
	}
	
	.footer_info h5 {
		margin: 0 auto 30px auto;
		padding: 0;
		width: 150px;
	}
	
	.footer_info ul {
		margin: 0;
		padding: 0;
	}
	
	.footer_info li {
		margin: 0 0 20px 0;
		padding: 0;
	}
	
	.footer_info dl {
		margin: 0;
		padding: 0;
		text-align: center;
	}
	
	.footer_info dt {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: 500;
		color: #660230;
	}
	
	.footer_info dd {
		margin: 0;
		padding: 0;
		font-size: 13px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.footer_info ul {
		margin: 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	.footer_info li {
		margin: 0 30px;
		padding: 0;
	}
	
	.footer_info dl {
		margin: 0;
		padding: 0;
		text-align: left;
	}
	
	.footer_info dt {
		margin: 0 0 10px 0;
		padding: 0;
		font-size: 13px;
		font-weight: 500;
		color: #660230;
	}
	
	.footer_info dd {
		margin: 0;
		padding: 0;
		font-size: 13px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
	
	
}


/*--------------------------------------------------------------
.copy_area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.copy_area {
		margin: 0;
		padding: 0;
		position: relative;
		line-height: 0;
		background: #EEF2E6;
	}
	
	.copy_area img {
		width: 100%;
		height: auto;
	}
	
	.copy_area p {
		width: 100%;
		margin: 0;
		padding: 0;
		position: absolute;
		text-align: center;
		bottom: 20px;
		left: 0;
		font-size: 8px;
		color: #FFF;
		font-family: 'RocknRoll One', sans-serif;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.copy_area p {
		font-size: 12px;
	}
	
}



/*--------------------------------------------------------------
#category_title
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category_title {
		position: relative;
		margin: 0;
		padding: 0;
		height: 300px;
	}
	
	#category_title h3 {
		position: relative;
		margin: 0;
		padding: 10px 30px 10px 30px;
		font-size: 20px;
		color: #FFF;
		text-align: center;
		font-family: 'RocknRoll One', sans-serif;
		display: inline-block;
	}
	
	#category_title h3 span {
		margin: 0;
		padding: 0;
		font-size: 9px;
		display: block;
	}
	
	#category_title p {
		position: absolute;
		top: -25px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		background: #FFF;
		border-radius: 10px;
		text-align: center;
		font-size: 13px;
		margin: 0;
		padding: 5px 0;
	}
	
	#category_title p.og {
		width: 100px;
		color: #F5A50D;
	}
	
	#category_title p.bl {
		width: 120px;
		color: #50D6A2;
	}
	
	#category_title p.pk {
		width: 130px;
		color: #E06FAC;
	}
	
	#category_title .right {
		position: absolute;
		top: auto;
		bottom: 50px;
		right: 0;
	}
	
	#category_title .left {
		position: absolute;
		top: auto;
		bottom: 50px;
		left: 0;
	}
	
	#category_title .gr_bl {
		background: -webkit-linear-gradient(-180deg, rgb(0, 163, 193), rgb(15, 201, 201));
		background: linear-gradient(-180deg, rgb(0, 163, 193), rgb(15, 201, 201));
	}
	
	#category_title .gr_or {
		background: -webkit-linear-gradient(70deg, rgb(235, 188, 62), rgb(250, 138, 69));
		background: linear-gradient(70deg, rgb(235, 188, 62), rgb(250, 138, 69));
	}
	
	#category_title .gr_eg {
		background: -webkit-linear-gradient(70deg, rgb(80, 214, 162), rgb(43, 193, 248));
		background: linear-gradient(70deg, rgb(80, 214, 162), rgb(43, 193, 248));
	}
	
	#category_title .gr_pr {
		background: -webkit-linear-gradient(70deg, rgb(244, 141, 161), rgb(211, 115, 219));
		background: linear-gradient(70deg, rgb(244, 141, 161), rgb(211, 115, 219));
	}
	
	#category_title .bl_nv {
		background: -webkit-linear-gradient(70deg, rgb(69, 192, 229), rgb(99, 109, 237));
		background: linear-gradient(70deg, rgb(69, 192, 229), rgb(99, 109, 237));
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#category_title {
		position: relative;
		margin: 0;
		padding: 0;
		height: 400px;
		min-width: 1100px;
	}
	
	#category_title h3 {
		position: relative;
		margin: 0;
		padding: 10px 50px 10px 50px;
		font-size: 30px;
	}
	
	#category_title .right {
		top: 150px;
		bottom: auto;
		right: 5%;
	}
	
	#category_title .left {
		top: 150px;
		bottom: auto;
		left: 5%;
	}
	
	#category_title p {
		font-size: 16px;
	}
	
	#category_title p.og {
		width: 130px;
		color: #F5A50D;
	}
	
	#category_title p.bl {
		width: 150px;
		color: #50D6A2;
	}
	
	#category_title p.pk {
		width: 160px;
		color: #E06FAC;
	}

}


/*--------------------------------------------------------------
#category_title_2
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#category_title_2 {
		position: relative;
		margin: 0;
		padding: 0;
		height: 150px;
	}
	
	#category_title_2 h3 {
		margin: 0;
		padding: 60px 0 0 0;
		font-size: 20px;
		color: #FFF;
		text-align: center;
		font-family: 'RocknRoll One', sans-serif;
	}
	
	#category_title_2 h3 span {
		margin: 0;
		padding: 0;
		font-size: 9px;
		display: block;
	}
	

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#category_title_2 {
		position: relative;
		margin: 0;
		padding: 0;
		height: 250px;
		min-width: 1100px;
	}
	
	#category_title_2 h3 {
		margin: 0;
		padding: 100px 0 0 0;
		font-size: 30px;
	}
	

}

/*--------------------------------------------------------------
#breadcrumb
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#breadcrumb {
		margin: 0;
		padding: 0;
	}
	
	#breadcrumb ul {
		margin: 10px 0 0 20px;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		font-size: 10px;
	}
	
	
	#breadcrumb li {
		display: inline-block;
		position: relative;
		padding-right: calc(10px + 5px);
		margin-right: 5px;
	}
	
	
	#breadcrumb li::before {
		content: '›';
		width: 1em;
		height: 1em;
		line-height: 1;
		text-align: center;
		color: inherit;
		position: absolute;
		top: 50%;
		right: 0;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	#breadcrumb li:last-child {
		margin-right: 0;
		padding-right: 0;
		color: #1F1F1F;
	}
	
	#breadcrumb li:last-child::before {
		content: normal;
	}
	
	#breadcrumb a:link {
		color: #1BACC1;
		text-decoration: none;
	}
	
	#breadcrumb a:visited {
		color: #1BACC1;
		text-decoration: none;
	}
	
	#breadcrumb a:hover, a:active, a:focus {
		text-decoration: none;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#breadcrumb ul {
		margin: 0 auto;
		padding: 0;
		list-style: none;
		display: flex;
		flex-wrap: wrap;
		font-size: 12px;
		width: 1100px;
	}

}

/*--------------------------------------------------------------
.new-table
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.new-table {
		margin: 0 10px 50px 10px;
	}
	
	.new-table table {
		margin: 0;
		padding: 0;
		font-size: 12px;
		line-height: 1.8;
		border: 1px solid #1F1F1F;
		border-radius: 20px;
		border-collapse: separate;
		border-spacing: 0;
		overflow: hidden;
		width: 100%;
	}
	
	
	
	.new-table table th {
		margin: 0;
		padding: 15px;
		background: #BDEBE6;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		line-height: 1.3;
	}
	
	.new-table table th.top {
		background: #51CBBD;
		color: #FFF;
		font-weight: bold;
	}
	
	.new-table table th.spprice {
		width: 100px;
	}
	
	.new-table table th.m300 {
		width: 40%;
	}
	
	.new-table table th,
	.new-table table td {
		border-right: 1px solid #1F1F1F;
		border-bottom: 1px solid #1F1F1F;
	}
	
	.new-table table th:last-child,
	.new-table table td:last-child{
		border-right: none;
	}
	
	.new-table table th.last,
	.new-table table td.last {
		border-bottom: none;
	}

	.new-table table td {
		padding: 15px;
		background: #FFF;
	}
	
	.new-table table th.on_rbt {
		border-right: 1px solid #1F1F1F;
	}
	
	
	

	.new-table table td.w225 {
		width: auto;
	}
	
	.new-table table td.center {
		text-align: center;
	}
	
	.new-table table td span {
		font-size: 14px;
		margin: 0 auto 10px auto;
		padding: 3px 0;
		display: block;
		width: 80px;
		border-radius: 50px;
	}
	
	.new-table table td span.bl {
		background: #D5EBF8;
	}
	
	.new-table table td span.ol {
		background: #F8E7D5;
	}
	
	.new-table table td span.pk {
		background: #F8D5E5;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	.new-table table th.spprice {
		width: auto;
	}
	
	.new-table table td span {
		font-size: 20px;
		margin: 0 auto 10px auto;
		padding: 3px 0;
		display: block;
		width: 130px;
		border-radius: 50px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.new-table {
		margin: 0 0 50px 0;
		overflow-x: auto;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch; 
	}
	
	.new-table table {
		margin: 0 auto;
		padding: 0;
		width: 900px;
		font-size: 14px;
		line-height: 1.8;
		border: 1px solid #1F1F1F;
		border-radius: 20px;
		border-collapse: separate;
		border-spacing: 0;
		overflow: hidden;
	}
	
	.new-table table th {
		margin: 0;
		padding: 30px;
		font-size: 18px;
	}
	
	.new-table table th.m300 {
		width: 300px;
	}

	.new-table table td {
		padding: 30px;
	}
	
	.new-table table th:first-child {
		width: 225px;
	}
	
	.new-table table td.w225 {
		width: 225px;
	}

}

/*--------------------------------------------------------------
.scroll-table
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.scroll-table {
		margin: 0 20px;
		overflow-x: auto;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch; 
	}
	
	.scroll-table table {
		margin: 0;
		padding: 0;
		width: 900px;
		font-size: 14px;
		line-height: 1.8;
		border: 1px solid #1F1F1F;
		border-radius: 20px;
		border-collapse: separate;
		border-spacing: 0;
		overflow: hidden;
	}
	
	.scroll-table table th {
		margin: 0;
		padding: 15px 30px;
		background: #BDEBE6;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
	}
	
	.scroll-table table th.top {
		background: #51CBBD;
		color: #FFF;
		font-weight: bold;
	}
	
	.scroll-table table th.m300 {
		width: 300px;
	}
	
	.scroll-table table th,
	.scroll-table table td {
		border-right: 1px solid #1F1F1F;
		border-bottom: 1px solid #1F1F1F;
	}
	
	.scroll-table table th:last-child,
	.scroll-table table td:last-child{
		border-right: none;
	}
	
	.scroll-table table th.last,
	.scroll-table table td.last {
		border-bottom: none;
	}

	.scroll-table table td {
		padding: 15px 30px;
		background: #FFF;
	}
	
	.scroll-table table th:first-child {
		width: 180px;
	}

	.scroll-table table td.w225 {
		width: 240px;
	}
	
	.scroll-table table td.center {
		text-align: center;
	}
	
	.scroll-table table td span {
		font-size: 20px;
		margin: 0 auto 10px auto;
		padding: 3px 0;
		display: block;
		width: 130px;
		border-radius: 50px;
	}
	
	.scroll-table table td span.bl {
		background: #D5EBF8;
	}
	
	.scroll-table table td span.ol {
		background: #F8E7D5;
	}
	
	.scroll-table table td span.pk {
		background: #F8D5E5;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.scroll-table {
		margin: 0;
		overflow-x: auto;
		overflow-scrolling: touch;
		-webkit-overflow-scrolling: touch; 
	}
	
	.scroll-table table {
		margin: 0 auto;
		padding: 0;
		width: 900px;
		font-size: 14px;
		line-height: 1.8;
		border: 1px solid #1F1F1F;
		border-radius: 20px;
		border-collapse: separate;
		border-spacing: 0;
		overflow: hidden;
	}
	
	.scroll-table table th {
		margin: 0;
		padding: 30px;
		font-size: 18px;
	}

	.scroll-table table td {
		padding: 30px;
	}
	
	.scroll-table table th:first-child {
		width: 225px;
	}
	
	.scroll-table table td.w225 {
		width: 225px;
	}

}

/*--------------------------------------------------------------
#introduction_area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#introduction_area {
		margin: 0;
		padding: 0;
		overflow: hidden;
		background: url("../image/ground_1.png") top center no-repeat;
		-webkit-background-size: 110% auto;
		background-size: 110% auto;
		position: relative;
	}
	
	#introduction_area ul {
		margin: 0;
		padding: 0;
		overflow: hidden;
	}
	
	#introduction_area ul li {
		margin: 0 5% 10px 5%;
		padding: 0;
		border-radius: 20px;
		width: auto;
		overflow: hidden;
		position: relative;
	}
	
	#introduction_area ul li a {
		margin: 0;
		padding: 0;
		display: block;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	#introduction_area ul li a:link {
		color: #FFF;
		text-decoration: none;
	}
	
	#introduction_area ul li a:visited {
		color: #FFF;
		text-decoration: none;
	}
	
	#introduction_area ul li a:hover, a:active, a:focus {
		text-decoration: none;
	}
	
	#introduction_area ul li:hover a {
		opacity: 0.7;
	}
	
	#introduction_area li:nth-child(1) {
		background: -webkit-linear-gradient(70deg, rgb(235, 188, 62), rgb(250, 138, 69));
		background: linear-gradient(70deg, rgb(235, 188, 62), rgb(250, 138, 69));

	}
	
	#introduction_area li:nth-child(2) {
		background: -webkit-linear-gradient(70deg, rgb(80, 214, 162), rgb(43, 193, 248));
		background: linear-gradient(70deg, rgb(80, 214, 162), rgb(43, 193, 248));

	}
	
	#introduction_area li:nth-child(3) {
		background: -webkit-linear-gradient(70deg, rgb(244, 141, 161), rgb(211, 115, 219));
		background: linear-gradient(70deg, rgb(244, 141, 161), rgb(211, 115, 219));

	}
	
	#introduction_area li:nth-child(4) {
		background: -webkit-linear-gradient(70deg, rgb(69, 192, 229), rgb(99, 109, 237));
		background: linear-gradient(70deg, rgb(69, 192, 229), rgb(99, 109, 237));

	}
	
	#introduction_area dl {
		margin: 0;
		padding: 10px;
		text-align: left;
		overflow: hidden;
		position: relative;
	}
	
	#introduction_area dt {
		margin: 0;
		padding: 0;
		float: left;
		width: 130px;
		line-height: 0;
	}
	
	#introduction_area dt img {
		border-radius: 10px;
	}
	
	#introduction_area dd {
		margin: 0;
		padding: 0;
		font-family: 'RocknRoll One', sans-serif;
		color: #FFF;
		font-size: 13px;
		line-height: 1.2;
		position: absolute;
		top: 50%;
		left: 160px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	#introduction_area i {
		color: #FFF;
		font-size: 13px;
		position: absolute;
		top: 50%;
		right: 15px;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
	}
	
	#introduction_area dd span {
		font-size: 17px;
		display: block;
		margin: 3px 0 0 0;
		padding: 0;
	}

	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#introduction_area {
		margin: 0;
		padding: 0 0 40px 0;
		overflow: hidden;
		background: url("../image/ground_1.png") top center no-repeat;
		-webkit-background-size: 1510px auto;
		background-size: 1510px auto;
	}
	
	#introduction_area ul {
		max-width: 1300px;
		min-width: 1000px;
		margin: 0 auto;
		padding: 0;
		overflow: hidden;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
	}
	
	#introduction_area ul li {
		margin: 0 5px;
		padding: 0;
		border-radius: 20px;
	}

	#introduction_area dl {
		margin: 0;
		padding: 10px 10px 20px 10px;
		text-align: center;
	}
	
	#introduction_area dt {
		margin: 0 0 10px 0;
		padding: 0;
		width: auto;
		overflow: hidden;
	}
	
	#introduction_area dt img {
		border-radius: 10px;
	}
	
	#introduction_area dt img.club {
		padding-bottom: 10px;
	}
	
	#introduction_area dd {
		margin: 0;
		padding: 0;
		font-family: 'RocknRoll One', sans-serif;
		color: #FFF;
		font-size: 17px;
		line-height: 1.2;
		position: static;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	
	#introduction_area i {
		display: none;
	}
	
	
	#introduction_area dd span {
		font-size: 22px;
		display: block;
	}

	
}

/*--------------------------------------------------------------
.recruit-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.recruit-area {
		margin: 0;
		padding: 30px 30px 50px 30px;
		background: #EEF2E6;
		text-align: center;
	}
	
	.recruit-area img {
		margin: 0;
		padding: 0;
		width: 100%;
	}
	
	.recruit-area a {
		-webkit-transition: all .3s;
		transition: all .3s;
	}
	
	.recruit-area a:hover {
		opacity: 0.7;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	
	.recruit-area {
		margin: 0;
		padding: 30px 0;
		background: #EEF2E6;
		text-align: center;
	}
	
	.recruit-area img {
		margin: 0;
		padding: 0;
		width: 465px;
	}
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	
}


/*--------------------------------------------------------------
clearFix
--------------------------------------------------------------*/

.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}





/*--------------------------------------------------------------
@media
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.pc {
		display: none;
	}

}

/* Small than tablet */
@media (min-width: 768px) {
	

	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.pc {
		display: inherit;
	}
	
	.sp {
		display: none;
	}

}

/*--------------------------------------------------------------

	.button {
		display: inline-block;
		width: 200px;
		height: 54px;
		text-align: center;
		text-decoration: none;
		line-height: 54px;
		outline: none;
	}
	
	.button::before,
	.button::after {
		position: absolute;
		z-index: -1;
		display: block;
		content: '';
	}
	
	
	.button,
	.button::before,
	.button::after {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		-webkit-transition: all .3s;
		transition: all .3s;
	}
--------------------------------------------------------------*/