@charset "utf-8";

/*---------------------------------------------------------------------------------------
	Overall settings
----------------------------------------------------------------------------------------*/
:root { --green: #054E3C;}

body{
	color: #111;
	text-align: center;
}
body.ovh{ position: fixed; left: 0; top: 0; width: 100%; height: 100vh;}
a{ color: #111; text-decoration:none; -webkit-transition: all .2s; transition: all .2s;}
a:hover{ opacity: .7; text-decoration:none;}
.underline{ text-decoration: underline;}
/* font */
.gothic{ font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;}
.mincho{ font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.rounded{ font-family: 'M PLUS Rounded 1c', sans-serif;}
.roboto{ font-family: 'Roboto', sans-serif;}
.mplus-1c-thin{ font-family: 'mplus-1c-thin', sans-serif; transform: rotate(0.05deg);}
.mplus-1c-light{ font-family: 'mplus-1c-light', sans-serif; transform: rotate(0.05deg);}
.mplus-1c-regular{ font-family: 'mplus-1c-regular', sans-serif; transform: rotate(0.05deg);}
.mplus-1c-medium{ font-family: 'mplus-1c-medium', sans-serif; transform: rotate(0.05deg);}
.mplus-1c-bold{ font-family: 'mplus-1c-bold', sans-serif; transform: rotate(0.05deg);}
.mplus-1m-thin{ font-family: 'mplus-1m-thin', sans-serif; transform: rotate(0.05deg);}
.mplus-1m-light{ font-family: 'mplus-1m-light', sans-serif; transform: rotate(0.05deg);}
.mplus-1m-regular{ font-family: 'mplus-1m-regular', sans-serif; transform: rotate(0.05deg);}
.mplus-1m-medium{ font-family: 'mplus-1m-medium', sans-serif; transform: rotate(0.05deg);}
.mplus-1m-bold{ font-family: 'mplus-1m-bold', sans-serif; transform: rotate(0.05deg);}
.rotate{ transform: rotate(0.05deg);}
.fw300{ font-weight: 300;}
.fw400{ font-weight: 400;}
.fw500{ font-weight: 500;}
.fw600{ font-weight: 600;}
.fw700{ font-weight: 700;}
/* f-size */
.f10{ font-size: 10px;}
.f11{ font-size: 11px;}
.f12{ font-size: 12px;}
.f13{ font-size: 13px;}
.f14{ font-size: 14px;}
.f15{ font-size: 15px;}
.f16{ font-size: 16px;}
.f17{ font-size: 17px;}
.f18{ font-size: 18px; line-height: 1.4;}
.f19{ font-size: 19px; line-height: 1.4;}
.f20{ font-size: 20px; line-height: 1.4;}
.f22{ font-size: 22px; line-height: 1.4;}
.f24{ font-size: 24px; line-height: 1.4;}
.f28{ font-size: 28px; line-height: 1.6;}
.f30{ font-size: 30px; line-height: 1.6;}
.f32{ font-size: 32px; line-height: 1.6;}
.f34{ font-size: 34px; line-height: 1.6;}
.f36{ font-size: 36px; line-height: 1.6;}
.lh14{ line-height: 1.4;}
.lh16{ line-height: 1.6;}
.lh18{ line-height: 1.8;}
.lh2{ line-height: 2;}

/* bg */
.bg-white{ background: #fff;}
.bg-beige{ background: url("../images/bg-beige.jpg") center / 34px auto repeat;}
/* color */
.white{ color: #fff;}
.red{ color: #c00;}
.f-green{ color: var(--green);}
.f-browm{ color: #42210B;}
.f-dark-gray{ color: #333;}

.ttl1{
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 148px;
	position: relative;
}
.ttl1:before{
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	mix-blend-mode: multiply;
	background: url("../images/ttl1-bg.svg") center / 370px auto no-repeat;
	width: 370px;
	height: 148px;
	display: block;
}
.ttl1 span{ position: relative; z-index: 99;}
.ttl2{
	color: #42210B;
	font-size: 22px;
	letter-spacing: .05em;
	font-weight: 500;
	line-height: 63px;
	position: relative;
}
.ttl2:before{
	content: "";
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	left: 0;
	margin: auto;
	mix-blend-mode: multiply;
	background: url("../images/ttl2-bg.svg") center / 209px auto no-repeat;
	width: 209px;
	height: 76px;
	display: block;
}
.ttl2 span{ position: relative; z-index: 99;}
.ttl3{
	color: #fff;
	font-size: 18px;
	line-height: 1.4;
	font-weight: 500;
	text-align: center;
	background: #42210B;
	padding: 12px;
}

.lower-ttl{
	height: 265px;
	padding: 120px 5% 0;
}
.ttl-info{ background: url("../images/ttl-info-bg.jpg") center /cover no-repeat;}
.ttl-feature{ background: url("../images/ttl-feature-bg.jpg") center /cover no-repeat;}
.ttl-everyday{ background: url("../images/ttl-everyday-bg.jpg") center /cover no-repeat;}
.ttl-teaching{ background: url("../images/ttl-teaching-bg.jpg") center /cover no-repeat;}
.ttl-recruit{ background: url("../images/ttl-recruit-bg.jpg") center /cover no-repeat;}

.btn{
	color: #fff;
	font-size: 16px;
	line-height: 1.4;
	font-weight: 500;
	font-family: 'mplus-1m-medium', sans-serif;
	text-align: center;
	transform: rotate(0.05deg);
	padding: 20px;
	min-width: 286px;
	display: inline-block;
	background: var(--green);
	border-radius: 99px;
	border: 2px solid var(--green);
}
.btn:hover{
	color: var(--green);
	background: #fff;
	opacity: 1;
}
.btn.btn-browm{
	background: #42210B;
	border: 2px solid #42210B;
}
.btn.btn-browm:hover{
	color: #42210B;
	background: #fff;
}
.btn.btn-small{
	padding: 15px;
	min-width: 160px;
}
.tag{
	color: #fff;
	font-size: 12px;
	line-height: 1.2;
	text-align: center;
	display: inline-block;
	min-width: 110px;
	padding: 4px;
}
.tag-all{ color: #42210B; border: 1px solid #42210B;}
.tag-akashiya{ color: #054E3C; border: 1px solid #054E3C;}
.tag-dai2{ color: #0A596E; border: 1px solid #0A596E;}
.tag-news{ color: #054E3C; border: 1px solid #054E3C;}
.tag-state{ color: #4a78e5; border: 1px solid #4a78e5;}
.tag-important{ color: #0A596E; border: 1px solid #0A596E;}
.tag-athletics{ color: #53A295; border: 1px solid #53A295;}
.tag-lunch{ color: #65B428; border: 1px solid #65B428;}
.tag-book{ color: #E56E32; border: 1px solid #E56E32;}
.info-tag-area a:hover{ opacity: 1;}
.active.tag-all,:hover.tag-all{ color: #fff; background:  #42210B;}
.active.tag-akashiya,:hover.tag-akashiya{ color: #fff; background: #054E3C;}
.active.tag-dai2,:hover.tag-dai2{ color: #fff; background: #0A596E;}
.active.tag-news,:hover.tag-news{ color: #fff; background: #054E3C;}
.active.tag-state,:hover.tag-state{ color: #fff; background: #4a78e5;}
.active.tag-important,:hover.tag-important{ color: #fff; background: #0A596E;}
.active.tag-athletics,:hover.tag-athletics{ color: #fff; background: #53A295;}
.active.tag-lunch,:hover.tag-lunch{ color: #fff; background: #65B428;}
.active.tag-book,:hover.tag-book{ color: #fff; background: #E56E32;}

table.tb1{ width: 100%;}
table.tb1 th,table.tb1 td{
	color: #42210B;
	font-size: 16px;
	padding: 20px 30px;
	border-top: 1px solid #42210b;
	vertical-align: top;
}
table.tb1 th{
	width: 23%;
	text-align: center;
	background: #FFF1D8;
}
table.tb1 td{
	width: 77%;
	text-align: left;
	background: #fff;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	a:hover{ opacity: 1;}
	.ttl1{
		font-size: 18px;
		line-height: 100px;
	}
	.ttl1:before{
		background: url("../images/ttl1-bg.svg") center / 293px auto no-repeat;
		width: 293px;
		height: 100px;
	}
	.ttl2{ font-size: 18px;}
	.ttl3{
		font-size: 16px;
		padding: 10px;
	}
	.lower-ttl{
		height: 100px;
		padding: 40px 5% 0;
	}
	.f10{ font-size: 8px;}
	.f11{ font-size: 10px;}
	.f12{ font-size: 11px;}
	.f13{ font-size: 12px;}
	.f14{ font-size: 13px;}
	.f16{ font-size: 14px;}
	.f18{ font-size: 16px;}
	.f20{ font-size: 18px;}
	.f22{ font-size: 20px;}
	.f24{ font-size: 22px;}
	.f28{ font-size: 24px;}
	.f30{ font-size: 28px;}
	.f32{ font-size: 30px;}
	.f34{ font-size: 32px;}
	.f36{ font-size: 34px;}
	.tag{
		font-size: 11px;
		min-width: 100px;
		padding: 3px;
	}
	table.tb1 th,table.tb1 td{
		font-size: 15px;
		padding: 10px 15px;
	}
	table.tb1.sp-block th,table.tb1.sp-block td{ display: block;}
	table.tb1.sp-block th{
		width: 100%;
	}
	table.tb1.sp-block td{
		width: 100%;
		border-top: none;
	}
}
@media screen and (max-width: 375px) {
	html{ font-size: 50%;}
}



#wrapper{
	width: 1366px;
	background: url("../images/bg.jpg") center / 23.5px auto repeat;
	margin: 0 auto;
}
/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	#wrapper{ width: 100%;}
}



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

header{
	max-width: 1090px;
	padding: 60px 0 45px;
	margin: 0 auto;
	position: relative;
}
header .logo{
	position: absolute;
	z-index: 99;
	top: 35px;
	right: 0;
	left: 0;
	margin: 0 auto;
	width: fit-content;
}
header .logo a:hover{ opacity: 1;}
header nav ul{
	display: flex;
	position: relative;
	z-index: 1;
}
header nav ul li{
	width: 140px;
	padding-bottom: 20px;
	position: relative;
	overflow: hidden;
}
header nav ul li:nth-child(3){ margin-right: 240px;}
header nav ul li:after{
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/menu-bar.svg") center no-repeat;
	width: 140px;
	height: 18px;
	opacity: 0;
	-webkit-transition: all .4s; transition: all .4s;
}
header nav ul li:hover:after,header nav ul li.active:after{ opacity: 1;}
header nav ul li a{
	color: var(--green);
	font-size: 16px;
	line-height: 1.25;
	height: 45px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1.5px dotted var(--green);
}
header nav ul li:nth-child(3n) a{ border-right: 1.5px dotted var(--green);}
header nav ul li a:hover{ opacity: 1;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	header{
		padding: 0 1%;
		background: var(--green);
		height: 100px;
	}
	header .logo{
		top: 20px;
		z-index: 999;
	}
	header .spmenu{
		font-size: 14px;
		display: block;
		float: right;
		width: 60px;
		height: 60px;
		cursor: pointer;
		z-index: 101;
		position: relative;
	}
	header .spmenu span,
	header .spmenu span:before,
	header .spmenu span:after{
		position: absolute;
		display: block;
		background: #fff;
		width: 40px;
		height: 2px;
		transition: all .5s;
	}
	header .spmenu span{
		top: 18px;
		left: 10px;
	}
	header .spmenu span:before,header .spmenu span:after{
		content: "";
		left: 0;
	}
	header .spmenu span:before{
		top: 10px;
	}
	header .spmenu span:after{
		top: 20px;
	}
	header.open .spmenu span{
		top: 5px;
		-webkit-transform: translateY(20px) rotate(-45deg);
		transform: translateY(20px) rotate(-45deg);
	}
	header.open .spmenu span:before{
		opacity: 0;
	}
	header.open .spmenu span:after{
		-webkit-transform: translateY(-20px) rotate(90deg);
		transform: translateY(-20px) rotate(90deg);
		top: 20px;
	}
	/* nav */
	header nav{
		font-size: 1.8rem;
		display: block;
		text-align: left;
		float: none;
		overflow: auto;
		position: absolute;
		z-index: 99;
		top: 100px;
		width: 100%;
		left: 0;
		-webkit-transform: scale(1, 0);
		transform: scale(1, 0);
		-webkit-transform-origin: center top;
		transform-origin: center top;
		opacity: 0;
		transition-property: opacity, transform, -webkit-transform;
		transition-duration: .5s, 0s, 0s;
		transition-delay: 0s, .5s, .5s;
		background: var(--green);
		box-shadow: 0 0 0 100vh var(--green);
		height: calc(100vh - 60px);
	}
	header.open nav{
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1;
		transition-delay: 0s, 0s, 0s;
	}
	header nav ul{
		display: block;
		border-top: 1px dotted #fff;
	}
	header nav ul li{
		width: 100%;
		padding: 0;
		border-bottom: 1px dotted #fff;
	}header nav ul li.active:after{ content: none;}
	header nav ul li a{
		color: #fff;
	}
	header nav ul li a br{ display: none;}
}



/*---------------------------------------------------------------------------------------
	section
----------------------------------------------------------------------------------------*/

section{}
.wrap{
	clear: both;
	box-sizing: content-box;
	max-width: 1090px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 5%;
	padding-right: 5%;
}
.wrap.p0{ padding: 0;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
}



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

footer{
	color: #fff;
	padding: 80px 0 0px;
	background: url("../images/footer-bg.svg") center bottom / 100% auto no-repeat;
	position: relative;
	z-index: 10;
}
footer .wrap{ max-width: 970px;}
footer ul{
	display: flex;
	margin-bottom: 15px;
}
footer figure a img {
	max-width: 85%;
}
footer ul li{
	width: 162px;
	position: relative;
	overflow: hidden;
}
footer ul li a{
	color: #fff;
	font-size: 16px;
	line-height: 1.25;
	height: 40px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-left: 1px dotted #fff;
}
footer ul li:last-child a{ border-right: 1px dotted #fff;}
footer figure{ margin-bottom: 30px;}
footer ul.out-link {
	justify-content: center;
}
footer ul.out-link li {
	width: auto;
	margin: 0 5%;
}
footer ul.out-link li a {
	border-left: none;
	height: auto;
}
footer ul.out-link li:last-child a {
	font-size: 16px;
}
footer ul.out-link li:last-child a span {
	font-size: 12px;
}
footer ul.out-link li a.btn {
	background: #fff;
	color: #054E3C;
	padding: 10px 20px;
	min-height: 68px;
}
footer ul.out-link li a.btn:hover {
	color: #fff;
	background: #054E3C;
}
footer ul.out-link li:first-child a.btn {
	padding: 20px 20px 5px;
}
footer ul.out-link li:last-child a{ border-right: none;}

footer .copy{
	font-size: 12px;
	font-weight: 500;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	footer{
		padding: 45px 0 30px;
		background: url("../images/footer-bg_sp.svg");
	}
	footer figure img{ width: 180px;}
	footer ul{
		display: block;
		margin-bottom: 20px;
	}
	footer ul li{
		width: 100%;
		padding: 0;
	}
	footer ul li a{
		padding: 15px;
		font-size: 14px;
		height: auto;
		border-left: none;
		border-top: 1px dotted #fff;
	}
	footer ul li:last-child a{
		border-right: none;
		border-bottom: 1px dotted #fff;
	}
	footer ul li a br{ display: none;}
	footer ul.out-link li{ margin-bottom: 5px;}
	footer ul.out-link li a br{ display: block;}
	footer figure{ margin-bottom: 20px;}
	footer .copy{
		font-size: 12px;
		font-weight: 500;
	}
}



/* top */
.top-main{
	padding: 65px 0 385px;
	background: url("../images/top-main.jpg") center / 98% auto no-repeat;
}
.top-main .wrap{ position: relative;}
.top-main ul{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.top-main p{
	position: absolute;
	top: 200px;
	right: 5%;
	cursor: pointer;
}
.top-main button.btn-play{
	position: absolute;
	top: 200px;
	right: 5%;
	cursor: pointer;
}
.top-main p .sound-off{ display: none;}
.top-main p.active .sound-on{ display: none;}
.top-main p.active .sound-off{ display: block;}

.top1{
	color: #fff;
	font-size: 15px;
	background: url("../images/top1-bg.jpg") center / cover no-repeat;
	padding: 35px 5% 30px;
}
.top1 h2{
	font-size: 16px;
	font-weight: 500;
	margin-bottom: 20px;
}
.top1 h2 strong{
	font-size: 22px;
	line-height: 1.5;
	font-weight: 500;
}
.top1 p{ line-height: 1.8;}

.top2{
	display: flex;
	justify-content: space-between;
	width: 1080px;
	padding-top: 70px;
	margin: 0 auto;
}
.top2 figure{
	width: 200px;
}
.top2 figure img{
	position: sticky;
	top: 20px;
	mix-blend-mode: multiply;
}
.top2 p.top2-img_sp{ display: none;}
.top2 div{
	width: 600px;
	padding-bottom: 145px;
}
.top2 div dl dt{
	font-size: 28px;
	font-weight: 700;
}
.top2 div dl dd{
	font-size: 18px;
	color: #42210B;
}

.top3{
	padding: 60px 0 100px;
	background: url("../images/top3-bg.png") center / 100% 100% no-repeat;
}
.top3 .lead{
	font-size: 28px;
	line-height: 1.6;
}
.top3 .btn-area{
	display: flex;
	justify-content: center;
}
.top3 .btn-area a{
	width: 310px;
	height: 322px;
	display: block;
	padding-top: 115px;
	margin: 0 35px;
	position: relative;
}
.top3 .btn-area a:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
}
.top3 .btn-area a:hover{ opacity: 1;}
.top3 .btn-area a.bg-blue:before{ background: url("../images/top3-1.svg") center no-repeat;}
.top3 .btn-area a.bg-orange:before{ background: url("../images/top3-2.svg") center no-repeat;}
.top3 .btn-area a.bg-green:before{ background: url("../images/top3-3.svg") center no-repeat;}
.top3 .btn-area a p{
	color: #42210B;
	font-size: 28px;
	font-weight: 500;
	position: relative;
	z-index: 2;
}

/* bounce-appear */
.move.move-active.bounce-appear{ animation: bounce-appear 1.2s; opacity: 0;}
@keyframes bounce-appear {
  0% {
    transform: matrix3d(0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  4.7% {
    transform: matrix3d(0.45, 0, 0, 0, 0, 0.45, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  9.41% {
    transform: matrix3d(0.883, 0, 0, 0, 0, 0.883, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  14.11% {
    transform: matrix3d(1.141, 0, 0, 0, 0, 1.141, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  18.72% {
    transform: matrix3d(1.212, 0, 0, 0, 0, 1.212, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  24.32% {
    transform: matrix3d(1.151, 0, 0, 0, 0, 1.151, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  29.93% {
    transform: matrix3d(1.048, 0, 0, 0, 0, 1.048, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  35.54% {
    transform: matrix3d(0.979, 0, 0, 0, 0, 0.979, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  41.04% {
    transform: matrix3d(0.961, 0, 0, 0, 0, 0.961, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  52.15% {
    transform: matrix3d(0.991, 0, 0, 0, 0, 0.991, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  63.26% {
    transform: matrix3d(1.007, 0, 0, 0, 0, 1.007, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  85.49% {
    transform: matrix3d(0.999, 0, 0, 0, 0, 0.999, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
  100% {
    transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
  }
}

.top3 .btn-area a span{
	position: absolute;
	right: -35px;
	bottom: 65px;
	color: #fff;
	font-size: 16px;
	font-weight: 500;
	width: 115px;
	line-height: 115px;
	border-radius: 50%;
	-webkit-transition: all .2s; transition: all .2s;
	z-index: 2;
}
.top3 .btn-area a span.move-active{
	animation: bounce-appear 1200ms linear both;
	transform: scale(0);
}
.top3 .btn-area a.bg-blue span{
	border: 2px solid #1E4681;
	background: #1E4681;
	animation-delay: 1.5s;
}
.top3 .btn-area a.bg-blue:hover span{
	color: #1E4681;
	background: #fff;
}
.top3 .btn-area a.bg-orange span{
	border: 2px solid #E66E32;
	background: #E66E32;
	animation-delay: 1.8s;
}
.top3 .btn-area a.bg-orange:hover span{
	color: #E66E32;
	background: #fff;
}
.top3 .btn-area a.bg-green span{
	border: 2px solid #054E3C;
	background: #054E3C;
	animation-delay: 2.1s;
}
.top3 .btn-area a.bg-green:hover span{
	color: #054E3C;
	background: #fff;
}
.top4{
	padding: 150px 0 75px;
	background: url("../images/bg-green.jpg") center / 34px auto repeat;
	position: relative;
}
.top4:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background: url("../images/top4-head.jpg") center / cover no-repeat;
}

.info-list{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 5px;
}
.info-list a{
	display: block;
	width: 30%;
	border-radius: 5px;
	background: url("../images/info-list-bg.jpg") center / cover no-repeat;
	padding: 20px 35px;
	margin-bottom: 60px;
}
.info-list a:hover{ opacity: 1;}
.info-list a:hover p,.info-list a p:hover{ color: #000;}
.info-list a div{
	border-radius: 5px;
	padding: 12px 25px;
	background: #fff;
}
.info-list a div figure{ margin-bottom: 10px;}
.info-list a div p.tag-date{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 5px;
}
.detail-inner .rightcol p.tag-date{
	display: flex;
	align-items: center;
	margin-bottom: 5px;
}
.detail-inner .rightcol p.tag-date .tag{
	font-size: 14px;
	width: 160px;
	padding: 5px;
	margin-right: 18px;
}
.detail-inner .rightcol p.tag-date .date{
	font-size: 15px;
	font-weight: 400;
}
.info-list a div p.underline{
	line-height: 1.4;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.info-list a .tag,.detail-inner .rightcol .tag{ color: #fff;}
.info-list a .tag-all,.detail-inner .rightcol .tag-all{ background:  #42210B;}
.info-list a .tag-akashiya,.detail-inner .rightcol .tag-akashiya{ background: #054E3C;}
.info-list a .tag-dai2,.detail-inner .rightcol .tag-dai2{ background: #0A596E;}
.info-list a .tag-news,.detail-inner .rightcol .tag-news{ background: #054E3C;}
.info-list a .tag-state,.detail-inner .rightcol .tag-state{ background: #4a78e5;}
.info-list a .tag-important,.detail-inner .rightcol .tag-important{ background: #0A596E;}
.info-list a .tag-athletics,.detail-inner .rightcol .tag-athletics{ background: #53A295;}
.info-list a .tag-lunch,.detail-inner .rightcol .tag-lunch{ background: #65B428;}
.info-list a .tag-book,.detail-inner .rightcol .tag-book{ background: #E56E32;}
.info-list a:hover .tag-all{ color: #42210B;}
.info-list a:hover .tag-akashiya{ color: #054E3C;}
.info-list a:hover .tag-dai2{ color: #0A596E;}
.info-list a:hover .tag-news{ color: #054E3C;}
.info-list a:hover .tag-state{ color: #4a78e5;}
.info-list a:hover .tag-important{ color: #0A596E;}
.info-list a:hover .tag-athletics{ color: #53A295;}
.info-list a:hover .tag-lunch{ color: #65B428;}
.info-list a:hover .tag-book{ color: #E56E32;}
.info-list a:hover .tag{ background: #fff!important;}

.top5{ padding: 40px 0 10px;}
.top5 .month{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.top5 .month div{
	width: 32%;
	display: flex;
	margin-bottom: 60px;
}
.top5 .month div figure{ margin-right: 30px;}
.top5 .month div ul li{
	font-size: 16px;
	font-weight: 500;
	line-height: 1.8;
	text-align: left;
}

.top6{
	padding: 45px 0;
	background: url("../images/top6-bg.jpg") center / cover no-repeat;
}
.top6 .wrap{
	color: #fff;
	font-size: 20px;
	line-height: 1.4;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: row-reverse;
}
.top6 .wrap figure{ margin-right: 10px;}
.top6 .wrap div p.mplus-1m-medium{
	text-shadow: 2px 2px 2px rgba(0,0,0,.7);
}

.top7{
	padding: 60px 0 170px;
	position: relative;
}
.top7:after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	background: url("../images/top7-footer.jpg") center / cover no-repeat;
	width: 100%;
	height: 110px;
	display: block;
}
.top7 h3{ font-size: 28px;}
.top7 .wrap{
	font-size: 18px;
	text-align: left;
	padding: 0;
	max-width: 600px;
}

.top8{
	padding: 40px 0 180px;
	background: url("../images/top8-bg.jpg") center top / 100% auto no-repeat;
}
.top8 .imgleft{
	text-align: left;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.top8 .imgleft .rightcol{
	width: 480px;
	padding-bottom: 70px;
	position: relative;
}
.top8 .imgleft .rightcol .contact-cont{
	width: 422px;
	height: 230px;
	background: url("../images/ic-tel.svg") left 50px center no-repeat,
				url("../images/top8-contact-bg.png") center / 421px auto no-repeat;
	padding: 35px 0 0 100px;
}
.top8 .imgleft .rightcol .contact-cont .f-green{ padding-left: 25px;}
.top8 .imgleft .rightcol .contact-cont .time{
	padding: 3px 10px;
	background: #8AC43F;
	display: inline-block;
}
.top8 .imgleft .rightcol a.btn{
	position: absolute;
	bottom: 0;
	left: 0;
}
.top8 .map{ border: 1px solid #e2e2e1;}
.top8 .map iframe{
	width: 100%;
	height: 350px;
	vertical-align: bottom;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.top-main{
		padding: 45% 0 0;
    	background: url(../images/top-main.jpg) center top 0% / 100% auto no-repeat;
	}
	.top-main .wrap{ background: #fff; padding-top: 5%; padding-bottom: 10px;}
	.top-main ul{ display: block;}
	.top-main ul li{
		text-align: center;
		margin: 0;
	}
	.top-main ul li.slick-slide img{ display: inline-block;}
	.top-main p{
		top: inherit;
		bottom: 10px;
	}
	.top-main button.btn-play{
		top: inherit;
		bottom: 10px;
	}

	.top1 h2 strong{
		line-height: 1.4;
		display: inline-block;
		padding-top: 5px;
	}
	.top1 p{ line-height: 1.5;}

	.top2{
		display: block;
		width: 100%;
		padding-top: 30px;
		margin: 0 auto;
	}
	.top2 figure{ display: none;}
	.top2 p.top2-img_sp{
		display: block;
		padding-bottom: 20px;
	}
	.top2 p.top2-img_sp img{
		mix-blend-mode: multiply;
	}
	.top2 div{
		width: 100%;
		padding-bottom: 45px;
	}
	.top2 div dl{ padding: 0 5%;}
	.top2 div dl dt{ font-size: 22px;}
	.top2 div dl dd{ font-size: 16px;}

	.top3{
		padding: 40px 0 60px;
		background: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 10%, rgba(255,255,255,1) 100%);
		position: relative;
	}
	.top3:before{
		content: "";
		position: absolute;
		z-index: 0;
		top: 0;
		left: 0;
		background: url("../images/top3-bg.png") center top / 100% auto no-repeat;
		width: 100%;
		height: 10%;
		display: block;
	}
	.top3 .lead{
		font-size: 24px;
	}
	.top3 .btn-area{ display: block;}
	.top3 .btn-area a{
		width: 248px;
		height: 258px;
		padding-top: 90px;
		margin: 0 auto;
	}
	.top3 .btn-area a.bg-blue:before{ background: url("../images/top3-1.svg") center / 248px auto no-repeat;}
	.top3 .btn-area a.bg-orange:before{ background: url("../images/top3-2.svg") center / 248px auto no-repeat;}
	.top3 .btn-area a.bg-green:before{ background: url("../images/top3-3.svg") center / 248px auto no-repeat;}
	.top3 .btn-area a p{ font-size: 24px;}
	.top3 .btn-area a span{
		right: -30px;
		bottom: 15px;
		font-size: 14px;
		width: 100px;
		line-height: 100px;
	}
	.top4{ padding: 60px 0 40px;}
	.top4:before{ height: 40px;}

	.info-list{
		display: block;
		margin-bottom: 5px;
	}
	.info-list a{
		width: 100%;
		background: url("../images/info-list-bg.jpg") center / cover no-repeat;
		padding: 15px 20px;
		margin-bottom: 20px;
	}
	.info-list a div{ padding: 12px 20px;}
	.detail-inner .rightcol p.tag-date .tag{
		font-size: 12px;
		width: 140px;
	}

	.top5{ padding: 30px 0 10px;}
	.top5 .month{ display: block;}
	.top5 .month div{
		width: 100%;
		min-height: 80px;
		margin-bottom: 30px;
	}
	.top5 .month div figure{
		width: 80px;
		margin-right: 15px;
	}
	.top5 .month div ul li{ font-size: 15px;}

	.top6{ padding: 30px 0;}
	.top6 .wrap{
		font-size: 18px;
		display: block;
	}
	.top6 .wrap figure{ margin-right: 0;}
	.top6 .wrap div{ margin-bottom: 20px;}

	.top7{ padding: 30px 0 90px;}
	.top7:after{ height: 60px;}
	.top7 h3{
		font-size: 24px;
		line-height: 1.4;
		padding: 0 5%;
	}
	.top7 .wrap{
		font-size: 16px;
		padding: 0 5%;
	}
	.top7 figure{ padding: 0 5%;}

	.top8{
		padding: 40px 0 80px;
		background: url("../images/bg-green2.jpg") center top / 34px auto repeat;
	}
	.top8 .imgleft{
		display: block;
	}
	.top8 .imgleft .rightcol{
		text-align: center;
		width: 100%;
		padding-bottom: 0;
		margin-bottom: 30px;
	}
	.top8 .imgleft .rightcol .contact-cont{
		text-align: left;
		width: 293px;
		height: 160px;
		background: url("../images/ic-tel.svg") left 30px center / 20px auto no-repeat,
					url("../images/top8-contact-bg.png") center / 293px auto no-repeat;
		padding: 15px 10px 0 60px;
		margin: 0 auto 20px;
	}
	.top8 .imgleft .rightcol .contact-cont .f18{ font-size: 15px; line-height: 1.6;}
	.top8 .imgleft .rightcol .contact-cont .f34{ font-size: 24px; line-height: 1.6;}
	.top8 .imgleft .rightcol a.btn{ position: static;}
	.top8 .map iframe{ height: 200px;}
}


/* teaching */
.teaching{
	font-size: 18px;
	line-height: 2;
	font-weight: 500;
	margin-bottom: 90px;
	position: relative;
}
.teaching .maxw530{
	text-align: left;
	max-width: 530px;
}
.teaching .maxw610{
	text-align: left;
	max-width: 610px;
}
.teaching .caution{
	font-size: 15px;
}
.teaching ul li{
	padding-left: 1em;
	text-indent: -1em;
}
.teaching h4{
	color: #fff;
	font-size: 26px;
	line-height: 1.4;
	text-align: center;
	letter-spacing: .25;
	padding: 10px;
	border-radius: 25px;
	margin-bottom: 10px;
}
.teaching1{
	color: #1E4681;
	min-height: 1245px;
	background: url("../images/teaching1-bg.png") center top 25px / 1070px auto no-repeat;
}
.teaching2{
	color: #E56E32;
	min-height: 990px;
	background: url("../images/teaching2-bg.png") center top 30px / 1078px auto no-repeat;
}
.teaching3{
	color: #054E3C;
	min-height: 805px;
	background: url("../images/teaching3-bg.png") center top 30px / 1023px auto no-repeat;
}
.teaching1 h4{ background: #4b6b99; border-radius: 99px;}
.teaching2 h4{ background: #ea8b5b; padding: 15px 10px; line-height: 1.6;}
.teaching2 h4 span{ display: block;}
.teaching:before,.teaching:after,.teaching .teaching-inner:before{
	content: "";
	position: absolute;
	display: block;
}
.teaching1:before{
	background: url("../images/teaching1-fig1.png") center / 203px auto no-repeat;
	width: 203px;
	height: 446px;
	left: 90px;
	top: 60px;
}
.teaching1:after{
	background: url("../images/teaching1-fig2.png") center / 227px auto no-repeat;
	width: 227px;
	height: 559px;
	right: 120px;
	top: 30px;
}
.teaching1 .teaching-inner:before{
	background: url("../images/teaching1-fig3.png") center / 244px auto no-repeat;
	width: 244px;
	height: 407px;
	right: 0;
	bottom: 200px;
	mix-blend-mode: multiply;
}
.teaching2:before{
	background: url("../images/teaching2-fig1.png") center / 123px auto no-repeat;
	width: 123px;
	height: 426px;
	left: 110px;
	top: 60px;
}
.teaching2:after{
	background: url("../images/teaching2-fig2.png") center / 200px auto no-repeat;
	width: 200px;
	height: 268px;
	right: 45px;
	top: 100px;
}
.teaching2 .teaching-inner:before{
	background: url("../images/teaching2-fig3.png") center / 276px auto no-repeat;
	width: 276px;
	height: 368px;
	left: 30px;
	bottom: 60px;
	mix-blend-mode: multiply;
}
.teaching3:before{
	background: url("../images/teaching3-fig1.png") center / 101px auto no-repeat;
	width: 101px;
	height: 250px;
	left: 140px;
	top: 90px;
}
.teaching3:after{
	background: url("../images/teaching3-fig2.png") center / 157px auto no-repeat;
	width: 157px;
	height: 102px;
	right: 90px;
	top: 210px;
}
.teaching3 .teaching-inner:before{
	background: url("../images/teaching3-fig3.png") center / 252px auto no-repeat;
	width: 252px;
	height: 398px;
	right: 70px;
	bottom: -20px;
	mix-blend-mode: multiply;
}
.teaching4{
	padding: 180px 0  65px;
	background: url("../images/bg-beige.jpg") center / 34px auto repeat;
	position: relative;
	z-index: 0;
	bottom: -40px;
}
.teaching4:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	background: url("../images/teaching4-header.jpg") center / auto 110px no-repeat;
	width: 100%;
	height: 110px;
}
.teaching4 .teaching4-link{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.teaching4 .teaching4-link a{
	color: #42210B;
	font-size: 22px;
	line-height: 1.4;
	font-weight: 500;
	width: 320px;
	height: 320px;
	display: block;
	border-radius: 50%;
	background: #fff;
	padding-top: 40px;
	margin: 0 30px 40px;
}
.teaching4 .teaching4-link a:hover{ opacity: 1;}
.teaching4 .teaching4-link a:hover .btn-browm{
	color: #42210B;
	background: #fff;
}
.teaching4 .teaching4-link a:nth-child(5n+3){ margin-left: 0;}
.teaching4 .teaching4-link a:nth-child(5n){ margin-right: 0;}
.teaching4 .teaching4-link a .ttl2{ margin-bottom: 20px;}
.teaching4 .teaching4-link a small{ font-size: 16px;}
.teaching4 .teaching4-link a div{
	letter-spacing: .05em;
	min-height: 70px;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	margin-bottom: 20px;
}
.teaching4 .teaching4-link a .btn{ -webkit-transition: all .2s; transition: all .2s;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.sp-bg-white{ background: #fff;}
	.teaching{
		font-size: 16px;
		line-height: 1.8;
		margin-bottom: 0;
		padding-bottom: 50px;
	}
	.teaching .caution{ font-size: 14px;}
	.teaching .f-browm{ text-align: left;}
	.teaching .f-browm br{ display: none;}
	.teaching h4{
		font-size: 20px;
		padding: 5px;
		margin-bottom: 5px;
	}
	.teaching h4 br{ display: none;}
	.teaching1,.teaching2,.teaching3{
		min-height: inherit;
		background: #fff;
	}
	.teaching3{ padding-bottom: 20px;}
	.teaching2 h4{ padding: 10px 12px; margin-bottom: 10px; text-align: left;}
	.teaching2 h4 span{ text-align: center;}
	.teaching:before,.teaching:after,.teaching .teaching-inner:before{ content: none;}
	.teaching4{ padding: 90px 0  50px;}
	.teaching4:before{
		background: url("../images/teaching4-header.jpg") center / auto 60px no-repeat;
		height: 60px;
	}
	.teaching4 .teaching4-link.wrap{ padding: 0;}
	.teaching4 .teaching4-link a{
		font-size: 20px;
		width: 280px;
		height: 280px;
		padding-top: 40px;
		margin: 0 10px 30px;
	}
	.teaching4 .teaching4-link a .ttl2{ margin-bottom: 10px;}
	.teaching4 .teaching4-link a small{ font-size: 14px;}
	.teaching4 .teaching4-link a div{
		min-height: 60px;
		margin-bottom: 10px;
	}
}



/* detail */
.detail{ padding: 70px 0 60px;}
.detail.pt0{ padding-top: 0;}
.detail .detail-inner{
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
	margin-bottom: 30px;
}
.detail .detail-inner .rightcol{
	color: #42210B;
	font-size: 18px;
	font-weight: 500;
	text-align: left;
	width: 510px;
}
.detail .detail-inner .rightcol h2{
	font-size: 20px;
	line-height: 1.4;
	font-weight: 500;
	padding-bottom: 10px;
	border-bottom: 1px solid #42210B;
	margin-bottom: 40px;
}
.detail .detail-inner .rightcol h3,
.detail .detail-inner .rightcol h4,
.detail .detail-inner .rightcol h5,
.detail .detail-inner .rightcol h6{
	font-size: 20px;
	line-height: 1.4;
	margin-bottom: 40px;
}
.detail .detail-inner .rightcol p{ margin-bottom: 20px;}
.detail .detail-inner .rightcol p.tag-date{ margin-bottom: 40px;}
.detail .detail-inner .leftcol{ width: 510px;}
.detail .detail-inner .leftcol figure{ margin-bottom: 30px;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.detail{ padding: 35px 0 30px;}
	.detail .detail-inner{
		display: block;
		margin-bottom: 40px;
	}
	.detail .detail-inner .rightcol{
		font-size: 16px;
		width: 100%;
		margin-bottom: 30px;
	}
	.detail .detail-inner .rightcol p.tag-date{ margin-bottom: 20px;}
	.detail .detail-inner .rightcol h2{
		font-size: 18px;
		padding-bottom: 5px;
		margin-bottom: 20px;
	}
	.detail .detail-inner .rightcol h3,
	.detail .detail-inner .rightcol h4,
	.detail .detail-inner .rightcol h5,
	.detail .detail-inner .rightcol h6{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.detail .detail-inner .rightcol p{ margin-bottom: 10px;}
	.detail .detail-inner .leftcol{ width: 100%;}
	.detail .detail-inner .leftcol figure{ margin-bottom: 15px;}
}



/* feature */
.feature1{
	color: #42210B;
	font-size: 18px;
	font-weight: 500;
	display: flex;
	justify-content: space-between;
	width: 1080px;
	padding-top: 80px;
	margin: 0 auto 50px;
}
.feature1 h2{ color: #054E3C;}
.feature1 h3{
	color: #fff;
	font-size: 26px;
	line-height: 1.6;
	font-weight: 500;
	padding: 20px 5px;
	background: rgba(73, 161, 105, 1);
	mix-blend-mode: multiply;
	border-radius: 20px;
}
.feature1 figure{ width: 200px;}
.feature1 figure img{
	position: sticky;
	top: 20px;
	mix-blend-mode: multiply;
}
.feature1 p.feature-img_sp{
	display: none;
}
.feature1 div{ width: 550px;}

.feature2{
	padding: 190px 0 100px;
	position: relative;
}
.feature2:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 110px;
	background: url("../images/feature2-header.jpg") center top / cover no-repeat;
}
.feature2 h2{ color: #316B5B;}
.feature2 figure{ mix-blend-mode: multiply;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.feature1{
		display: block;
		width: 100%;
		padding-top: 30px;
		margin: 0 auto;
	}
	.feature1 figure{ display: none;}
	.feature1 p.feature-img_sp{
		display: block;
		padding-bottom: 20px;
	}
	.feature1 p.feature-img_sp img{
		mix-blend-mode: multiply;
	}
	.feature1 div{
		width: 100%;
		padding-bottom: 10px;
	}
	.feature1 h3{
		font-size: 20px;
		padding: 15px 10px;
		border-radius: 10px;
		display: inline-block;
	}
	.sp-t-left{ text-align: left;}
	.feature2{ padding: 100px 0 50px;}
	.feature2:before{
		height: 60px;
		background: url("../images/feature2-header.jpg") center top / cover no-repeat;
	}
}



/* info */
.info1{ padding: 60px 0 80px;}
.info-tag-area{
	display: flex;
	justify-content: space-between;
	margin-bottom: 30px;
}
.info-tag-area a{
	line-height: 1.4;
	text-align: center;
	width: 160px;
	background: #fff;
	display: block;
	padding: 5px;
}
.info-tag-area a.tag-all{ color: #42210B; border: 1px solid #42210B;}
.info-tag-area a.tag-akashiya{ color: #054E3C; border: 1px solid #054E3C;}
.info-tag-area a.tag-dai2{ color: #0A596E; border: 1px solid #0A596E;}
.info-tag-area a.tag-news{ color: #054E3C; border: 1px solid #054E3C;}
.info-tag-area a.tag-state{ color: #4a78e5; border: 1px solid #4a78e5;}
.info-tag-area a.tag-important{ color: #0A596E; border: 1px solid #0A596E;}
.info-tag-area a.tag-athletics{ color: #53A295; border: 1px solid #53A295;}
.info-tag-area a.tag-lunch{ color: #65B428; border: 1px solid #65B428;}
.info-tag-area a.tag-book{ color: #E56E32; border: 1px solid #E56E32;}
.info-tag-area a{
}
.info-tag-area a:hover{ opacity: 1;}
.info-tag-area a.active.tag-all,.info-tag-area a:hover.tag-all{  background:  #42210B;}
.info-tag-area a.active.tag-akashiya,.info-tag-area a:hover.tag-akashiya{ color: #054E3C; background: #054E3C;}
.info-tag-area a.active.tag-dai2,.info-tag-area a:hover.tag-dai2{ color: #0A596E; background: #0A596E;}
.info-tag-area a.active.tag-news,.info-tag-area a:hover.tag-news{ color: #054E3C; background: #054E3C;}
.info-tag-area a.active.tag-state,.info-tag-area a:hover.tag-state{ color: #4a78e5; background: #4a78e5;}
.info-tag-area a.active.tag-important,.info-tag-area a:hover.tag-important{ color: #0A596E; background: #0A596E;}
.info-tag-area a.active.tag-athletics,.info-tag-area a:hover.tag-athletics{ color: #53A295; background: #53A295;}
.info-tag-area a.active.tag-lunch,.info-tag-area a:hover.tag-lunch{ color: #65B428; background: #65B428;}
.info-tag-area a.active.tag-book,.info-tag-area a:hover.tag-book{ color: #E56E32; background: #E56E32;}
.info-tag-area a.active,.info-tag-area a:hover{ color: #fff!important;}
.info1 ul.year{
	display: flex;
	margin-bottom: 40px;
}
.info1 ul.year li{
	color: #333;
	font-size: 18px;
	line-height: 1;
	padding: 0 15px;
	border-left: 1px solid #707070;
}
.info1 ul.year li:first-child{
	padding-left: 0;
	border-left: none;
}
.info1 ul.year li.active{ font-weight: 700;}
.info1 ul.year li a{ color: #333;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.info1{ padding: 30px 0;}
	.info-tag-area{
		flex-wrap: wrap;
		margin-bottom: 15px;
	}
	.info-tag-area a{
		width: 48%;
		margin: 0 0 10px;
	}
	.info1 ul.year{ margin-bottom: 20px;}
	.info1 ul.year li{
		font-size: 16px;
		padding: 0 10px;
	}
}



/* recruit */
.recruit1{ padding: 50px 3% 100px;}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.recruit1{ padding: 30px 3%;}
}



/* everyday */
.everyday1{
	margin: 85px 0 100px;
	position: relative;
	padding-top: 241.46%;
}
.everyday1 a{
	display: block;
	position: absolute;
}
.everyday1 a.group1{
	width: 28.53%;
	top: .42%;
	left: 1.5%;
}
.everyday1 a.group2{
	width: 19.27%;
	top: 6.4%;
	left: 30%;
}
.everyday1 a.group3{
	width: 26.79%;
	top: 0;
	right: 20.2%;
}
.everyday1 a.group4{
	width: 23%;
	top: 7.6%;
	right: 1.5%;
}
.everyday1 a.group5{
	width: 37.5%;
	top: 13.15%;
	left: 0;
}
.everyday1 a.group6{
	width: 26.3%;
	top: 11.55%;
	right: 25.3%;
}
.everyday1 a.group7{
	width: 27%;
	top: 18.12%;
	right: 0;
}
.everyday1 a.group8{
	width: 26.6%;
	top: 29.37%;
	left: 3.9%;
}
.everyday1 a.group9{
	width: 31.47%;
	top: 22.42%;
	left: 33.85%;
}
.everyday1 a.group10{
	width: 19.9%;
	top: 35.33%;
	left: 29.27%;
}
.everyday1 a.group11{
	width: 42%;
	top: 30.47%;
	right: .1%;
}
.everyday1 a.group12{
	width: 29.26%;
	top: 42.06%;
	left: 0;
}
.everyday1 a.group13{
	width: 38.9%;
	top: 44.15%;
	left: 30%;
}
.everyday1 a.group14{
	width: 28.25%;
	top: 48%;
	right: .5%;
}
.everyday1 a.group15{
	width: 34.4%;
	bottom: 30.85%;
	left: .3%;
}
.everyday1 a.group16{
	width: 31.83%;
	bottom: 26%;
	left: 35.5%;
}
.everyday1 a.group17{
	width: 18.62%;
	bottom: 32%;
	right: 11.48%;
}
.everyday1 a.group18{
	width: 32.48%;
	bottom: 16.51%;
	left: 0;
}
.everyday1 a.group19{
	width: 21.1%;
	bottom: 16.3%;
	left: 35.5%;
}
.everyday1 a.group20{
	width: 38%;
	bottom: 15.2%;
	right: 0;
}
.everyday1 a.group21{
	width: 32.3%;
	bottom: 0;
	left: 5.3%;
}
.everyday1 a.group22{
	width: 27.89%;
	bottom: 3.44%;
	right: 32%;
}
.everyday1 a.group23{
	width: 29.36%;
	bottom: 1.37%;
	right: 0;
}

/*------------------------------ responsive ------------------------------*/
@media screen and (max-width: 768px) {
	.everyday1{ margin: 45px 0;}
}