<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";


/* --------------- 下層タイトル --------------- */

.b_schoollife #ttlArea {
  background: url(/schoollife/img/bg_schoollife_ttl.jpg) no-repeat center center;
  background-size: cover;
}
.b_uniform #ttlArea {
  background: url(/schoollife/img/bg_uniform_ttl-5.jpg) no-repeat center center;
  background-size: cover;
}
.b_event #ttlArea {
  background: url(/schoollife/img/bg_event_ttl-2.jpg) no-repeat center center;
  background-size: cover;
}

/* ---------- スクールライフ ---------- */

.schoollife_box .schoollife_box_inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom:40px;
}

.schoollife_box .schoollife_box_inner img {
  align-items: center;
  flex-wrap: wrap;
}

.schoollife_box .photo_box {
    width: 48%;
}

.schoollife_box .photo_box a:hover {
    opacity:0.75;
}

.schoollife_box .txt_box {
  padding: 0 35px;
}

.schoollife_box .txt_box .lead_txt {
  font-size: 1.4rem;
}

.schoollife_box .txt_box .ttl_txt.l_spacing {
  letter-spacing: -1px;
}



@media screen and (max-width: 1024px) {
.schoollife_box .schoollife_box_inner {
  margin-bottom:20px;
}

.b_schoollife p.txt_c,.b_uniform p.txt_c {
    text-align: left !important;
}
}

/* ---------- 制服について ---------- */

.uniform_table{
	width: 100%;
}
	.uniform_table td{
		vertical-align:top;
	}
	.uniform_table td:first-child{
		border-right: 1px dashed;
	}
	.uniform_table td:first-child img{
		padding: 0 15px;
	}
	.uniform_table td:nth-child(2){
		padding: 0 15px;
	}
	
@media screen and (max-width: 760px) {
	.uniform_table td:first-child img{
		padding: 0 5px;
	}
	.uniform_table td:nth-child(2){
		padding: 0 5px;
	}
}

/* ---------- 年間行事  ---------- */
.b_event{
	font-size: 2rem;
}

p span.event_icon{
	color: #C9A063;
}

.event_table{
	width: 100%;
	border-collapse:collapse !important;
	border-spacing: 0 !important;
	border: none !important;
}
.event_table td{
	width: 50%;
	padding: 0 !important;
}
.event_table .event_table_inner{
	display: flex;
	padding: 10% 7% 10% 8%;
	align-items: center;
}
.bg02{
	background: #F7F1E6;
}

.event_green,.event_green02,.event_green03,.event_orange,.event_orange02,.event_orange03,.event_orange04,.event_brown,.event_brown02,.event_blue,.event_blue02,.event_blue03{
	font-size: 420%;
	color: #FFF;
	width: 105px;
	text-align:center;
	padding: 13px 0;
}
	.event_green{
		background: #CCDE68;
	}
	.event_green02{
		background: #9CCB61;
	}
	.event_green03{
		background: #74BD60;
	}
	.event_orange{
		background: #FAD58D;
	}
	.event_orange02{
		background: #F6B58D;
	}
	.event_orange03{
		background: #F1926C;
	}
	.event_orange04{
		background: #F5AE3A;
	}
	.event_brown{
		background: #E4BF73;
	}
	.event_brown02{
		background: #D3BD96;
	}
	.event_blue{
		background: #C8D3E7;
	}
	.event_blue02{
		background: #A1BCDB;
	}
	.event_blue03{
		background: #B0AFD5;
	}
.event_table_inner p span{
	font-size:45%;
}

.event_right{
	text-align: left;
	font-size: 2rem;
	margin-left: 30px;
	line-height:1.7;
	text-indent: -1.6em;
	padding-left: 1.6em;
}

	.event_right li:before{
		content:"●";
		color: #C9A063;
		padding-right:10px;
	}
	.event_right li.dobble_icon:before{
		content:"◎";
	}
	.event_right li.star_icon:before{
		content:"★";
	}
	
.p0{
	padding: 0 7% 0 8% !important;
}
.p5{
	padding: 8% 0 8% 8% !important;
}

@media screen and (max-width: 760px) {
	.b_event{
	font-size: 1.2rem;
}
.event_table .event_table_inner{
	padding:15% 5%;
}

.event_green,.event_green02,.event_green03,.event_orange,.event_orange02,.event_orange03,.event_orange04,.event_brown,.event_brown02,.event_blue,.event_blue02,.event_blue03{
	font-size: 2.1rem !important;
	padding: 7px 0;
	width:50px;
}
.event_right{
	font-size: 1rem;
	margin-left: 8px;
	line-height:1.4;
}
	.event_right li.dobble_icon{
		line-height:1.4;
	}
	.event_right li:before{
		padding-right:5px;
	}
.p0{
	padding: 0 5% !important;
}
.p5{
	padding: 5% !important;
}

}

@media screen and (max-width: 350px) {
.b_event{
	font-size: 1rem;
}
.event_green,.event_green02,.event_green03,.event_orange,.event_orange02,.event_orange03,.event_orange04,.event_brown,.event_brown02,.event_blue,.event_blue02,.event_blue03{
	font-size: 1.8rem;
}
.event_right{
	font-size: 0.8rem;
	margin-left: 8px;
	text-indent: -1.1em;
	padding-left: 1.1em;
}
	.event_right li:before{
		padding-right:0px;
	}
	.event_right li.dobble_icon{
		line-height:1.4;
	}
.p0{
	padding: 5% 0 5% 5% !important;
}
.p5{
	padding: 5% 0 5% 5%  !important;
}

}


table.uniform_table ,.uniform_table tr,.uniform_table th,.uniform_table td{
	border:none;
}</pre></body></html>