@charset "UTF-8";

#container h2.midashi{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 2.6em;
	font-weight: 700;
	color: #243E54;
	line-height: 0.9;
}
#container h2.midashi span{
	display: inline-block;
	font-size: 0.4em;
	background: url(../img/common/icon_midashi1.svg) no-repeat right center;
	padding-right: 110px;
}
@media screen and (max-width: 979px){ #container h2.midashi{ font-size: 2.2em; } }
@media screen and (max-width: 768px){
	#container h2.midashi{ font-size: 1.7em; }
	#container h2.midashi span{
		font-size: 0.5em;
		background-position: left bottom;
		padding-right: 0;
		padding-bottom: 10px;
	}
}

/* #main
---------------------------------------------------------------------------------------------------------*/
#main{
	position: relative;
	width: 100%;
	background-image: url(../img/common/bk_wave1.svg), url(../img/common/bk_wave2.svg), url(../img/common/bk_wave2.svg), url(../img/common/bk_lake2.svg), url(../img/home/main_bk_pc.png);
	background-repeat: no-repeat;
	background-position: -5% 250px, 40% 200px, 60% 5%, -12.5% bottom, right top;
}
#main .contents{
	max-width: 1500px;
	padding-bottom: 280px;
}
#main .text{
	position: relative;
	max-width: 960px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	padding-bottom: 50px;
}
#main .text h2{
	font-size: 3.9em;
	color: #37737d;
	text-decoration: underline;
	line-height: 1.3;
	padding-top: 180px;
}
#main .text p{
	font-size: 1.18em;
	color: #243E54;
	padding-top: 0.75em;
}
#main .text img{
	position: absolute;
	right: 0;
	bottom: 0;
}
@media screen and (max-width: 1899px){
	#main .text img{
		right: 5%;
		width: 40%;
		max-width: 415px;
	}
}
@media screen and (max-width: 1649px){
	#main{
		background-image: url(../img/common/bk_wave2.svg), url(../img/common/bk_wave2.svg), url(../img/home/main_bk_pc.png);
		background-position: -2.5% 100px, 30% 35%, right top;
		-moz-background-size: 12.5% auto, 12.5% auto, auto 100%;
		background-size: 12.5% auto, 12.5% auto, auto 100%;
	}
	#main .contents{ padding-bottom: 0; }
	#main .text{
		max-width: 880px;
		padding-bottom: 30px;
	}
	#main .text h2{ font-size: 3.5em; }
}
@media screen and (max-width: 1279px){
	#main .text{
		width: 78%;
		max-width: 750px;
	}
	#main .text h2{
		font-size: 2.7em;
		padding-top: 100px;
	}
	#main .text p{ font-size: 1em; }
	#main .text img{
		right: 0;
		width: -webkit-calc(100% - 23em);
		width: calc(100% - 23em);
		max-width: 415px;
	}
}
@media screen and (max-width: 979px){
	#main{
		background-image: url(../img/common/bk_wave2.svg), url(../img/common/bk_wave2.svg), url(../img/home/main_bk_ipad.png);
		background-position: -2.5% 40%, 105% 85%, center top;
		-moz-background-size: 20% auto, 20% auto, 100% auto;
		background-size: 20% auto, 20% auto, 100% auto;
	}
	#main .text{
		width: 100%;
		padding-top: 25%;
		margin: auto;
	}
}
@media screen and (max-width: 768px){
	#main .text{ max-width: 500px; }
	#main .text h2{
		font-size: 2.3em;
		padding-top: 100px;
	}
	#main .text p{ font-size: 1.05em; }
	#main .text img{
		bottom: 8%;
		width: -webkit-calc(100% - 22em);
		width: calc(100% - 22em);
	}
}
@media screen and (max-width: 519px){
	#main{ background-image: url(../img/common/bk_wave2.svg), url(../img/common/bk_wave2.svg), url(../img/home/main_bk_sp.png); }
	#main .text{ max-width: 450px; }
	#main .text h2{
		font-size: 1.58em;
		padding-top: 69%;
	}
	#main .text p{ font-size: 1em; }
	#main .text img{
		bottom: 90px;
		width: 40%;
	}
}
@media screen and (max-width: 339px){ #main .text img{ bottom: 120px; } }

/* #report
---------------------------------------------------------------------------------------------------------*/
#report{
	width: 100%;
	max-width: 1920px;
	margin: 50px auto;
}
#report .contents{
	float: right;
	width: 95%;
	max-width: 1700px;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	border-radius: 10px;
	padding-right: 0;
}
#report .wrapL{
	float: left;
	width: 15em;
}
#report .wrapL h2{ margin-bottom: 130px; }
#report .wrapL h2 span{
	background-position: left bottom;
	padding-bottom: 20px;
}
#report .wrapL .btn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	background-color: #37737D;
	border: solid thin #37737D;
	border-radius: 30px;
	padding: 0.5em 1.5em;
}
#report .wrapL .btn a span{
	display: inline-block;
	background: url(../img/common/icon_link1_white.svg) no-repeat right;
	padding-right: 1.75em;
}
#report .wrapL .btn a:hover{
	color: #37737D;
	background-color: #FFF;
}
#report .wrapL .btn a:hover span{ background-image: url(../img/common/icon_link1_orange.svg); }
#report .wrapR{
	float: right;
	width: -webkit-calc(100% - 15em);
	width: calc(100% - 15em);
}
#report .wrapR .slide{
	max-width: 350px;
	margin-left: 20px;
	margin-right: 20px;
}
#report .wrapR .slide .img{
	width: 100%;
	max-width: 350px;
	height: 100%;
	border-radius: 10px;
	margin: auto;
	overflow: hidden;
}
#report .wrapR .slide .img img{
	display: block;
	transition-duration: 0.3s;
	margin: auto;
}
#report .wrapR .slide:hover .img img{
	transform: scale(1.2);
	transition-duration: 0.3s;
}
#report .wrapR .slide .sub{
	font-size: 0.95em;
	color: #666;
	padding-top: 0.5em;
	padding-bottom: 0.25em;
}
#report .wrapR .slide .sub a{ color: #666; text-decoration: underline; }
#report .wrapR .slide .sub a:hover{ text-decoration: none; }
#report .wrapR .slide .sub .date:after{
	display: inline-block;
	content: "";
	width: 1px;
	height: 1em;
	background-color: #666;
	vertical-align: -5%;
	margin-left: 0.5em;
	margin-right: 0.4em;
}
#report .wrapR .slide .sub .cat_child a{
	display: inline-block;
	margin-left: 0.4em;
}
#report .wrapR .slide .title{ font-size: 1.1em; }
#report .wrapR .slide .title a:hover{
	color: #37737D;
	text-decoration: underline;
}
#report .slick-prev,
#report .slick-next{
	position: absolute;
	top: 7.5em;
	display: block;
	width: 56px;
	height: 56px;
	background-color: transparent;
	background-image: url(../img/home/slide_control.svg);
	background-repeat: no-repeat;
	-moz-background-size: cover;
	background-size: cover;
	text-indent: -9999px;
	border: none;
	outline: none;
	cursor: pointer;
	padding: 0;
	z-index: 1;
}
#report .slick-prev{
	left: -15em;
	background-position: 0 0;
}
#report .slick-next{
	left: -10.5em;
	background-position: -56px 0;
}
@media screen and (max-width: 1649px){ #report{ margin: 60px auto auto; } }
@media screen and (max-width: 979px){
	#report .contents{
		float: none;
		width: 100%;
		background-color: transparent;
		border-radius: 0;
		padding: 40px 30px;
	}
	#report .wrapL{
		float: none;
		width: 100%;
	}
	#report .wrapL h2{ margin-bottom: 0; }
	#report .wrapL .btn{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 40px;
		text-align: center;
		margin: auto;
	}
	#report .wrapR{
		float: none;
		width: 100%;
		padding-top: 40px;
		padding-bottom: 50px;
	}
	#report .wrapR .slide{
		display: flex;
		justify-content: space-between;
		max-width: 100%;
		border-bottom: solid thin #D9D9D9;
		padding-bottom: 30px;
		margin: auto auto 30px;
	}
	#report .wrapR .slide .img{
		flex-basis: 38%;
		margin: 0;
	}
	#report .wrapR .slide .text{ flex-basis: 58%; }
	#report .wrapR .slide .sub{ padding-top: 0; }
	#report .wrapR .slide .title{ font-size: 1.05em; }
}
@media screen and (max-width: 768px){
	#report{ margin-top: 10px; }
	#report .contents{ padding: 30px 15px 20px; }
	#report .wrapL h2 span{ padding-bottom: 10px; }
	#report .wrapL .btn{ bottom: 25px; }
	#report .wrapR{ padding-top: 25px; }
	#report .wrapR .slide{
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
}

/* #support
---------------------------------------------------------------------------------------------------------*/
#support{
	width: 100%;
	background-image: url(../img/common/bk_wave1.svg), url(../img/common/bk_wave2.svg);
	background-repeat: no-repeat;
	background-position: right 3%, left center;
	padding-top: 40px;
}
#support .supportBox{
	max-width: 1920px;
	background-repeat: no-repeat;
	-moz-background-size: auto auto, 40% auto;
	background-size: auto auto, 40% auto;
	margin: 80px auto auto;
}
#support #school{
	background-image: url(../img/common/img_kids.png), url(../img/home/support_school.png);
	background-position: 15% 90%, left top;
}
#support #member{
	background-image: url(../img/common/img_teacher.png), url(../img/home/support_member.png);
	background-position: 80% 90%, right top;
}
#support .supportBox .contents{ max-width: 1590px; }
#support .supportBox .text{
	float: right;
	max-width: 900px;
	background-color: #FEFDFB;
	border-radius: 10px;
	padding: 60px;
}
#support .supportBox:nth-child(even) .text{ float: left; }
#support .supportBox .text .title{
	display: flex;
	justify-content: space-between;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	padding-bottom: 2em;
}
#support .supportBox .text .btn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	background-color: #37737D;
	border: solid thin #37737D;
	border-radius: 30px;
	padding: 0.5em 1.5em;
}
#support .supportBox .text .btn a span{
	display: inline-block;
	background: url(../img/common/icon_link1_white.svg) no-repeat right;
	padding-right: 1.75em;
}
#support .supportBox .text .btn a:hover{
	color: #37737D;
	background-color: #FFF;
}
#support .supportBox .text .btn a:hover span{ background-image: url(../img/common/icon_link1_orange.svg); }
#support .supportBox .text ul{
	display: flex;
	flex-wrap: wrap;
}
#support .supportBox .text ul li{
	flex-basis: 23%;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.1em;
	font-weight: 700;
	margin: 30px 1% auto;
}
#support .supportBox .text ul li a{
	position: relative;
	display: block;
	vertical-align: middle;
	padding-top: 105px;
}
#support .supportBox .text ul li a .icon{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	content: "";
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: 65px auto;
	background-size: 65px auto;
	margin: auto;
	z-index: 2;
	overflow: hidden;
}
#support #school .text ul li.link_scholarship a .icon{ background-image: url(../img/common/icon_cat_scholarship.svg); }
#support #school .text ul li.link_grant a .icon{ background-image: url(../img/common/icon_cat_grant.svg); }
#support #school .text ul li.link_award a .icon{ background-image: url(../img/common/icon_cat_award.svg); }
#support #school .text ul li.link_promotion a .icon{ background-image: url(../img/common/icon_cat_promotion.svg); }
#support #member .text ul li.link_congratulations a .icon{ background-image: url(../img/common/icon_cat_congratulations.svg); }
#support #member .text ul li.link_stay a .icon{ background-image: url(../img/common/icon_cat_stay.svg); }
#support #member .text ul li.link_examination a .icon{ background-image: url(../img/common/icon_cat_examination.svg); }
#support #member .text ul li.link_anniversary a .icon{ background-image: url(../img/common/icon_cat_anniversary.svg); }
#support #member .text ul li.link_membership a .icon{ background-image: url(../img/common/icon_cat_membership.svg); }
#support #member .text ul li.link_club a .icon{ background-image: url(../img/common/icon_cat_club.svg); }
#support #member .text ul li.link_seminar a .icon{ background-image: url(../img/common/icon_cat_seminar.svg); }
#support .supportBox .text ul li a .icon::before{
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	content: "";
	width: 0;
	height: 0;
	background-color: #499BAB;
	background-repeat: no-repeat;
	background-position: center;
	-moz-background-size: 65px auto;
	background-size: 65px auto;
	border-radius: 50%;
	transition: 0.3s;
	margin: 0;
	z-index: -1;
}
#support #school .text ul li.link_scholarship a .icon::before{ background-image: url(../img/common/icon_cat_scholarship_white.svg); }
#support #school .text ul li.link_grant a .icon::before{ background-image: url(../img/common/icon_cat_grant_white.svg); }
#support #school .text ul li.link_award a .icon::before{ background-image: url(../img/common/icon_cat_award_white.svg); }
#support #school .text ul li.link_promotion a .icon::before{ background-image: url(../img/common/icon_cat_promotion_white.svg); }
#support #member .text ul li.link_congratulations a .icon::before{ background-image: url(../img/common/icon_cat_congratulations_white.svg); }
#support #member .text ul li.link_stay a .icon::before{ background-image: url(../img/common/icon_cat_stay_white.svg); }
#support #member .text ul li.link_examination a .icon::before{ background-image: url(../img/common/icon_cat_examination_white.svg); }
#support #member .text ul li.link_anniversary a .icon::before{ background-image: url(../img/common/icon_cat_anniversary_white.svg); }
#support #member .text ul li.link_membership a .icon::before{ background-image: url(../img/common/icon_cat_membership_white.svg); }
#support #member .text ul li.link_club a .icon::before{ background-image: url(../img/common/icon_cat_club_white.svg); }
#support #member .text ul li.link_seminar a .icon::before{ background-image: url(../img/common/icon_cat_seminar_white.svg); }
#support .supportBox .text ul li a:hover .icon::before{
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
}
#support .supportBox .text ul li a .link{
	display: inline-block;
	background: url(../img/common/icon_link1_orange.svg) no-repeat left 0.4em;
	padding-left: 1.75em;
}
#support .supportBox .text ul li a:hover .link{
	color: #37737D;
	text-decoration: underline;
}
@media screen and (max-width: 1629px){
	/*#support{ margin-top: 80px; }*/
	#support .supportBox{
		-moz-background-size: 40% auto;
		background-size: 40% auto;
		margin-top: 50px;
	}
	#support #school{
		background-image: url(../img/home/support_school.png);
		background-position: left center;
	}
	#support #member{
		background-image: url(../img/home/support_member.png);
		background-position: right center;
	}
	#support .supportBox .text{
		width: 60%;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	#support #school .text{ padding: 0 5% 0 2.5%; }
	#support #member .text{ padding: 0 2.5% 0 0; }
}
@media screen and (max-width: 1279px){
	#support .supportBox{
		-moz-background-size: auto auto;
		background-size: auto auto;
		padding-top: 360px;
	}
	#support #school{ background-position: left top; }
	#support #member{ background-position: right top; }
	#support .supportBox .text,
	#support .supportBox:nth-child(even) .text{
		float: none;
		width: 100%;
		max-width: 100%;
		border-radius: 10px;
		padding: 2em 1.5em !important;
	}
}
@media screen and (max-width: 979px){
	#support{ background-image: none; }
	#support .supportBox{
		-moz-background-size: 98% auto;
		background-size: 98% auto;
		padding-top: 40%;
	}
}
@media screen and (max-width: 768px){
	#support .supportBox{
		position: relative;
		-moz-background-size: 96% auto;
		background-size: 96% auto;
		padding-top: 43%;
		padding-bottom: 2em;
	}
	#support #school .text{ border-top-right-radius: 0; }
	#support #member .text{ border-top-left-radius: 0; }
	#support .supportBox .text,
	#support .supportBox:nth-child(even) .text{ padding: 1.5em 1em !important; }
	#support .supportBox .text .title{
		display: block;
		padding-bottom: 1em;
	}
	#support .supportBox .text .btn{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		margin: auto;
	}
	#support .supportBox .text ul{
		justify-content: space-between;
		max-width: 420px;
		margin: auto;
	}
	#support .supportBox .text ul li{
		flex-basis: 48%;
		font-size: 1em;
		margin: 20px 0 auto;
	}
	#support .supportBox .text ul li a{ padding-top: 60px; }
	#support .supportBox .text ul li a .icon{
		width: 60px;
		height: 60px;
		-moz-background-size: 50px auto;
		background-size: 50px auto;
	}
	#support .supportBox .text ul li a .icon::before{ display: none; }
}

/* #insurance
---------------------------------------------------------------------------------------------------------*/
#insurance{
	width: 100%;
	background: url(../img/common/bk_surface.svg) no-repeat 105% top;
	-moz-background-size: 15% auto;
	background-size: 15% auto;
	padding-top: 30px;
}
#insurance .separate2{
	display: flex;
	justify-content: space-between;
}
#insurance .separate2 .separateWrap{
	flex-basis: 48%;
	margin-top: 50px;
}
#insurance .separate2 .separateWrap .img{
	width: 100%;
	max-width: 600px;
	border-radius: 10px;
	margin: auto;
	overflow: hidden;
}
#insurance .separate2 .separateWrap .img img{
	display: block;
	transition-duration: 0.3s;
	margin: auto;
}
#insurance .separate2 .separateWrap:hover .img{ box-shadow: 0 0 20px -5px rgba(73, 111, 129, 0.5); }
#insurance .separate2 .separateWrap:hover .img img{
	transform: scale(1.2);
	transition-duration: 0.3s;
}
#insurance .separate2 .separateWrap h3{
	font-family: 'Zen Maru Gothic', sans-serif;
	font-size: 1.7em;
	font-weight: 700;
	padding-top: 0.4em;
	padding-bottom: 0.25em;
}
#insurance .separate2 .separateWrap h3 a{
	display: block;
	background: url(../img/common/icon_link1_orange.svg) no-repeat left center;
	padding-left: 1.25em;
}
#insurance .separate2 .separateWrap:hover h3 a{
	color: #37737D;
	text-decoration: underline;
}
@media screen and (max-width: 979px){ #insurance{ padding-top: 0; } }
@media screen and (max-width: 768px){
	#insurance{ padding-top: 40px; }
	#insurance{ background-image: none;}
	#insurance .separate2{ display: block; }
	#insurance .separate2 .separateWrap{ margin-top: 40px; }
	#insurance .separate2 .separateWrap h3{ font-size: 1.3em; }
	#insurance .separate2 .separateWrap h3 a{ padding-left: 1.5em; }
}

/* #about
---------------------------------------------------------------------------------------------------------*/
#about{
	position: relative;
	width: 100%;
	background: url(../img/common/bk_wave2.svg) no-repeat 101% center;
	-moz-background-size: 13% auto;
	background-size: 13% auto;
	margin-top: 50px;
	z-index: 0;
}
#about:before{
	position: absolute;
	left: 0;
	bottom: 0;
	content: "";
	width: 85%;
	height: 100%;
	background-color: #F9F8F2;
	border-radius: 0 10px 10px 0;
	z-index: -1;
}
#about .contents{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#about .contents .text{ flex-basis: 55%; }
#about .contents .text h2{ margin-bottom: 1em; }
#about .contents .text .btn a{
	display: inline-block;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
	text-align: center;
	color: #FFF;
	background-color: #37737D;
	border: solid thin #37737D;
	border-radius: 30px;
	padding: 0.5em 1.5em;
	margin-top: 2em;
}
#about .contents .text .btn a span{
	display: inline-block;
	background: url(../img/common/icon_link1_white.svg) no-repeat right;
	padding-right: 1.75em;
}
#about .contents .text .btn a:hover{
	color: #37737D;
	background-color: #F9F8F2;
}
#about .contents .text .btn a:hover span{ background-image: url(../img/common/icon_link1_orange.svg); }
#about .contents .img{
	flex-basis: 40%;
	text-align: center;
}
@media screen and (max-width: 1279px){
	#about{ background-image: none; }
	#about:before{ width: 90%; }
}
@media screen and (max-width: 768px){
	#about{
		padding-top: 10px;
		padding-bottom: 10px;
		margin-top: 30px;
	}
	#about .contents{ display: block; }
	#about .contents .text .btn{ text-align: center; }
	#about .contents .text .btn a{ margin: 1.5em auto 2em; }
}

/* #news
---------------------------------------------------------------------------------------------------------*/
#news{
	width: 100%;
	max-width: 1920px;
	padding: 0;
	margin: -120px auto auto;
}
#news .contents{
	display: flex;
	justify-content: space-between;
	font-family: 'Zen Maru Gothic', sans-serif;
	font-weight: 700;
}
#news #tab{ width: 18em; }
#news #tab #catThumb{
	width: 100%;
	padding-top: 2em;
	padding-bottom: 2em;
}
#news #tab #catThumb li{
	float: none;
	width: 100% !important;
}
#news #tab #catThumb li a{
	display: inline-block;
	background-color: #FFF;
	border: solid thin #CFCFCF;
	border-radius: 30px;
	padding: 0 1em;
	margin-bottom: 1em;
}
#news #tab #catThumb li.slick-current a{
	color: #FFF;
	background-color: #3D5B74;
	border-color: #3D5B74;
}
#news #tab .btn a{
	display: inline-block;
	text-align: center;
	color: #FFF;
	background-color: #37737D;
	border: solid thin #37737D;
	border-radius: 30px;
	padding: 0.5em 1.5em;
}
#news #tab .btn a span{
	display: inline-block;
	background: url(../img/common/icon_link1_white.svg) no-repeat right;
	padding-right: 1.75em;
}
#news #tab .btn a:hover{
	color: #37737D;
	background-color: #F9F8F2;
}
#news #tab .btn a:hover span{ background-image: url(../img/common/icon_link1_orange.svg); }
#news #article{
	width: -webkit-calc(100% - 18em);
	width: calc(100% - 18em);
}
#news #article .tabWrap li{
	border-bottom: solid thin #E0E7EB;
	padding: 0 0.5em 1em;
	margin-bottom: 1em;
}
#news #article .tabWrap li .sub{
	font-size: 0.95em;
	color: #666;
	padding-bottom: 0.25em;
}
#news #article .tabWrap li .sub a{ color: #666; text-decoration: underline;}
#news #article .tabWrap li .sub a:hover{text-decoration: none;}
#news #article .tabWrap li .sub .date:after{
	display: inline-block;
	content: "";
	width: 1px;
	height: 1em;
	background-color: #666;
	vertical-align: -5%;
	margin-left: 0.5em;
	margin-right: 0.4em;
}
#news #article .tabWrap li .sub .cat_child a{
	display: inline-block;
	margin-left: 0.4em;
}
#news #article .tabWrap li .title{ font-size: 1.1em; }
#news #article .tabWrap li .title a{
	display: block;
	background: url(../img/common/icon_link2.svg) no-repeat right 0.4em;
	padding-right: 1.5em;
}
#news #article .tabWrap li:hover .title a{
	color: #37737D;
	text-decoration: underline;
	transition: all 0.3s;
	transform: translate(0.5em, 0);
}
#news #article h3{ display: none; }

@media screen and (max-width: 1649px){ #news{ margin: 60px auto auto; } }
@media screen and (max-width: 979px){
	#news{
		background-image: none;
		padding: 0 0 50px;
		margin: 0 auto auto;
	}
	#news .contents{
		position: relative;
		display: block;
	}
	#news #tab{ width: 100%; }
	#news #tab #catThumb{ display: none; }
	#news #tab .btn{
		position: absolute;
		left: 0;
		right: 0;
		bottom: 0;
		text-align: center;
		margin: auto;
	}
	#news #article{
		width: 100%;
		padding-top: 20px;
		padding-bottom: 20px;
	}
	#news #article #tab02,
	#news #article #tab03,
	#news #article #tab04{ display: none; }
}
@media screen and (max-width: 768px){
	#news #article{ padding-bottom: 30px; }
}

/* print.css
---------------------------------------------------------------------------------------------------------*/
@media print{
	#container .my-effect{
		position: inherit;
		filter: alpha(opacity=100) !important;
		-moz-opacity: 1 !important;
		opacity: 1 !important;
	}
}