@charset"utf-8";
/*
滋賀短期大学附属高等学校 Web Site ver.2021  --  Section CSS
Author : Hideyuki Koyama -MONTAGE lab.(https://www.montagelab.jp)
Latest Updated : 10 Jan. 2024
*/

/**
 * Table of Contents
 *
 * 1.0 - Reset
 * 2.0 - 
 * 3.0 - 
 * 4.0 - 
 * 5.0 - 
 * 6.0 - 
 * 7.0 - 
 *
 */


/* **************************************************************************** */
/*
/* .home
/*
/* **************************************************************************** */

.home-billboard .video-wrap.bg	{ position:relative; height:56.25vh;}
.home-billboard .video-wrap.bg:before	{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url(../img/home/billboard2022.jpg) no-repeat center center / contain; background-color:#000000;}
/* .home-billboard .video-wrap.bg:before	{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url(../img/home/billboard2022.jpg) no-repeat center center / cover;} */
.home-billboard .videoplay	{ position:absolute; top:0; left:0; z-index:9; width:100%; height:100%;}
.home-billboard .videoplay a	{ display:block; position:absolute; top:0; left:0; width:100%; height:100%;}
.home-billboard .videoplay p	{ position:absolute; width:100%; text-align:center; bottom:0.8em; right:0; font-size:1.1rem; font-weight:400; color:#fff;}

.home-billboard #mute	{ 
	position:absolute; bottom:0; right:1%; z-index:99;
	width:44px; height:44px; 
	font-size:0;
	background:url(../img/common/icon-soundoff.png) no-repeat center center / 24px;
	cursor:pointer;
	transition:opacity 0.1s ease;
}
.home-billboard #mute.on	{ 
	background:url(../img/common/icon-soundon.png) no-repeat center center / 24px;
}
.home-billboard #mute:hover	{ opacity:0.7;} 


.billboard-below > div { padding:1px;}
.home-headline .section-content	{}
.home-headline	{ padding:8rem 8%;}
.home-headline .section-content	{ margin:0 auto 4rem; max-width:720px;}
.home-headline .shigatan	{ margin:0 auto; padding:0 10%; text-align:center;}
.home-headline .shigatan img{ width:100%; max-width:394px;}

ul.news		{ margin:0; padding:0; text-align:left;}
ul.news li	{ margin:0 0 2em; padding:0; font-size:1.3rem; line-height:1.4;}
.date	{ display:inline-block; vertical-align:top; margin-right:1em;}
.terms	{ display:inline-block; vertical-align:top; font-size:1.2rem;}
.term	{ display:inline-block; vertical-align:top; position:relative; margin-right:6px; padding:2px 8px; color:#fff; background-color:#ccc;}
.term:before	{ position:absolute; top:0; left: 0; content:''; width:0; height:100%; border:solid transparent; border-width:10px 0 10px 3px; border-left-color:#fff;}
.term:after		{ position:absolute; top:0; right:0; content:''; width:0; height:100%; border:solid transparent; border-width:10px 3px 10px 0; border-right-color:#fff;}
.term-oshirase	{ background-color:#32C5FF;}
.term-headline	{ background-color:#F7B500;}
.term-club		{ background-color:#F9C025;}
.term-event		{ background-color:#E17942;}


ul.news p	{ margin:5px 0;}
ul.news a	{ color:#000;}
ul.news a:hover	{ color:#D31894;}

.home-sns-banner	{ position:relative; padding:8rem 10%;}
.home-sns-banner:before	{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background:url(../img/home/32509274.jpg) no-repeat center center / auto 100%; }
.home-sns-banner:after	{ position:absolute; top:0; left:0; content:''; width:100%; height:100%; background-color:rgba(0,0,0,.25);}
.home-sns-banner .section-content	{ position:relative; z-index:1; max-width:1280px;}
.home-sns-banner ul li	{ margin-bottom:14px;}
.home-sns-banner ul li a	{ position:relative; display:block; overflow:hidden;}

.quicknav	{ padding:3rem 5%;}
.quicknav nav	{ margin:0 auto; max-width:1024px;}
.quicknav ul	{ display:flex; flex-flow:row wrap; justify-content:center; align-items:flex-start;}
.quicknav li	{ width:50%; padding:5px;}
.quicknav a		{ 
	position:relative; display:block; padding:80px 0 16px; 
	text-align:center; font-size:1.4rem; font-weight:700; color:#000; 
	border:1px solid #000;
}
.quicknav a:before		{ position:absolute; top:20px; left:0; content:''; width:100%; height:50px; background-repeat:no-repeat; background-position:center center; background-size:auto 50px;}
.quicknav li.qn_shiryo a:before	{ background-image:url(../img/common/icon-shiryo.png);}
.quicknav li.qn_shinro a:before	{ background-image:url(../img/common/icon-shinro.png);}
.quicknav li.qn_graduate a:before	{ background-image:url(../img/common/icon-graduate.png);}
.quicknav li.qn_nyushi a:before	{ background-image:url(../img/common/icon-nyushi.png);}
.quicknav li.qn_gansho a:before	{ background-image:url(../img/common/icon-gansho.png);}
.quicknav li.qn_saiyou a:before	{ background-image:url(../img/common/icon-saiyou.png);}
.quicknav li.qn_teacher a:before	{ background-image:url(../img/common/icon-teacher.png);}



/* **************************************************************************** */
/*
/* 
/*
/* **************************************************************************** */

.shidou	{ padding:5%; background-color:#EEF9F9;}
.shidou .image	{ margin:0 10% 2em;}
.shidou .content{}
.shidou .content .tokuchou	{ margin:0 0 12px; padding:16px; border:1px solid #414141;}
.shidou .content .moshi		{ margin:0 0 12px; padding:16px; border:1px solid #414141;}
.shidou .content p	{ margin:0; line-height:1.6;}

.message-student { position:relative; border:2px solid #F7B500;}
.message-student .message-content	{ padding:5%;}
.message-student h2	{ position:absolute; top:-23px; left:0; width:100%; font-size:1.6rem;}
.message-student h2 b		{ display:block; font-size:2rem; color:#F7B500;}
.message-student h2 small	{ display:block; padding:0 10px; font-size:1.6rem;}
.message-student .image		{ margin:20px 10% 1em;}
.message-student .content	{}

/* 2022.6.21 added */
.pickup-class { position:relative; border:2px solid #F7B500;}
.pickup-class .pickup-content	{ padding:5%;}
.pickup-class h2	{ position:absolute; top:-34px; left:0; width:100%; font-size:1.6rem;}
.pickup-class h2 b		{ display:block; font-size:2.4rem; color:#F7B500; -webkit-text-stroke: 1px rgb(0, 0, 0); text-stroke: 1px rgb(0, 0, 0)}
.pickup-class h2 small	{ display:block; padding:0 10px; font-size:1.6rem;}
.pickup-class .image		{ margin:20px 10% 1em;}
.pickup-class .content	{}




/* **************************************************************************** */
/*
/* 海外研修旅行
/*
/* **************************************************************************** */

.kaigai-schedule	{}
.kaigai-schedule table	{ border:0;}
.kaigai-schedule thead	{}
.kaigai-schedule thead th	{ padding:1rem 0.5em; text-align:center; color:#fff; background-color:#A988BC; border-color:#fff;}
.kaigai-schedule thead th.cell-toggle	{ width:7em; padding:1rem 0;}
.kaigai-schedule tbody	{}
.kaigai-schedule tbody th	{ vertical-align:top; padding:2.5rem 0 0; width:6em; line-height:1.25; border:0; border-bottom:2px solid #7B389A; background-color:transparent;}
.kaigai-schedule tbody td	{ border:0; border-bottom:2px solid #7B389A; background-color:transparent;}
.kaigai-schedule tbody tr:nth-child(odd)	{ background-color:transparent;}

.kaigai-timetable	{}
.kaigai-timetable > li	{ border-bottom:1px solid #888;}
.kaigai-timetable li:before	{ background:none; border:0;}
.kaigai-timetable .block-gallery	{ margin:0 0 2em;}
.kaigai-timetable .timetable	{ position:relative; padding:1.0rem 50px 2.0rem 0;}
.kaigai-timetable .timetable .time		{ display:inline-block; vertical-align:middle; margin-right:1rem;}
.kaigai-timetable .timetable .action	{ display:inline-block; vertical-align:middle;}
.kaigai-timetable .timetable .togglebtn	{ position:absolute; top:0; right:0; display:inline-block; vertical-align:middle; width:40px; height:40px; background-color:#A988BC; cursor:pointer;}
.kaigai-timetable .timetable .togglebtn:before	{ position:absolute; top:calc(50% - 1px); left:10px; content:''; width:20px; height:0; border:solid #fff; border-width:1px 0; transition:all 0.2s ease;}
.kaigai-timetable .timetable .togglebtn:after	{ position:absolute; top:10px; left:calc(50% - 1px); content:''; width:0; height:20px; border:solid #fff; border-width:0 1px; transition:all 0.2s ease;}
.kaigai-timetable .timetable .togglebtn:hover	{ background-color:#A028D7;}
.kaigai-timetable .timetable .togglebtn.open:before	{ transform:rotate(45deg);}
.kaigai-timetable .timetable .togglebtn.open:after	{ transform:rotate(45deg);}
.kaigai-timetable .toggle-content	{ display:none;}


/* **************************************************************************** */
/*
/* 一年の行事
/*
/* **************************************************************************** */

.annual-schedule	{}
.annual-schedule > ul	{ margin:0; padding:0;}
.annual-schedule > ul > li	{ margin:0; padding:0;display:flex; flex-flow:row wrap; align-items:center;}
.annual-schedule > ul > li:before	{ background:none; border:0;}
.annual-schedule > ul > li:nth-child(even)	{ flex-direction:row-reverse;}
.annual-schedule h4 	{ position:absolute; padding:15px 0 0; width:100px; height:100px; text-align:center; font-size:2.4rem; font-weight:400; line-height:1.2; color:#fff; background-color:#A988BC;}
.annual-schedule h4 b	{ font-size:3.6rem; font-weight:400;}
.annual-schedule h4 small	{ display:block; font-size:1.3rem; font-weight:400;}
.annual-schedule .image	{ width:50%;}
.annual-schedule ul ul	{ width:50%; margin:0; padding:4px 1em; font-size:1.4rem;}



/* **************************************************************************** */
/*
/* 制服
/*
/* **************************************************************************** */

.uniformwrap		{ position:relative; margin:0 0 4rem; padding:0 8%;}
.uniformwrap .section-content	{ position:relative;}
.uniformwrap .image	{ position:relative; margin:0 auto; max-width:500px;}
.uniformwrap:before	{ position:absolute; left:0; bottom:20%; content:'';}
.uniform-winter:before	{ width:100%; height:80%; background:url(../img/section/uniform-bg-winter.png) no-repeat right bottom / 200% auto;}
.uniform-summer:before	{ width:100%; height:80%; background:url(../img/section/uniform-bg-summer.png) no-repeat right bottom / 200% auto;}
.uniform-sweater:before	{ width:100%; height:80%; background:url(../img/section/uniform-bg-sweater.png) no-repeat right bottom / 200% auto;}
.uniform-vest:before	{ width:100%; height:80%; background:url(../img/section/uniform-bg-vest.png) no-repeat right bottom / 200% auto;}

.uniform-title		{ position:relative; font-size:2.4rem; font-weight:400; color:#394F6F;}
.uniform-title:before	{ position:absolute; bottom:-4px; left:0; content:''; width:100%; height:0; border-bottom:2px solid #394F6F;}
.uniform-winter .uniform-title b	{ font-weight:400; color:#A94CD4;}
.uniform-summer .uniform-title b	{ font-weight:400; color:#A94CD4;}
.uniform-sweater .uniform-title b	{ font-weight:400; color:#A94CD4;}
.uniform-vest .uniform-title b		{ font-weight:400; color:#A94CD4;}
.uniformwrap .content	{ position:relative; margin:1em 0; text-align:left;}



/* **************************************************************************** */
/*
/* オープンスクールレポート
/*
/* **************************************************************************** */
.osreport-yousu	{ background-color:#F0EFFA;}
.osreport-yousu .section-content	{ max-width:976px;}
.osreport-yousu ul	{ margin:0; padding:0;}
.osreport-yousu li	{ margin:0 0 6rem;}
.osreport-yousu li:last-child	{ margin-bottom:0;}
.osreport-yousu li:nth-child(odd)	{ padding:0 32% 0 0;}
.osreport-yousu li:nth-child(even)	{ padding:0 0 0 32%;}
.osreport-yousu li:before	{ position:absolute; left:auto; right:auto; top:auto; bottom:-100px; z-index:10; content:''; width:106px; height:100px; background-color:transparent; background-repeat:no-repeat; background-position:center top; background-size:92px auto; border-radius:0;}
.osreport-yousu li:nth-child(1):before	{ left: 0; background-image:url(../img/osreport/arrow-yousu-l01.png);}
.osreport-yousu li:nth-child(2):before	{ right:0; background-image:url(../img/osreport/arrow-yousu-r01.png);}
.osreport-yousu li:nth-child(3):before	{ left: 0; background-image:url(../img/osreport/arrow-yousu-l02.png);}
.osreport-yousu li:nth-child(4):before	{ right:0; background-image:url(../img/osreport/arrow-yousu-r02.png);}
.osreport-yousu li:nth-child(5){}
.osreport-yousu figure	{ position:relative; display:inline-block; margin:0 0 20px;}
.osreport-yousu figure:before	{ position:absolute; content:''; width:100%; height:100%; background-color:#DFD4F2;}
.osreport-yousu li:nth-child(odd) figure		{margin-right:10px;}
.osreport-yousu li:nth-child(odd) figure:before	{ top:10px; left:10px; margin-right:10px;}
.osreport-yousu li:nth-child(even) figure		{ margin-left:10px;}
.osreport-yousu li:nth-child(even) figure:before{ top:10px; right:10px; margin-left:10px;}
.osreport-yousu figure img	{ position:relative;}
.osreport-yousu .content	{}
.osreport-yousu .content p	{ 
	margin:0; padding:0 0 6px 0; 
	font-size:1.3rem; line-height:2.4;
	background-image:linear-gradient(transparent 97%, #BBD8DA 3%); background-size:20px 31px;
}
.osreport-yousu .content p span	{}

.osreport-toujitsu	{}
.osreport-toujitsu .section-content	{ max-width:1028px;}
.osreport-toujitsu ul	{ margin:0; padding:0;}
.osreport-toujitsu li	{
	margin:0 0 5rem; padding:0;
	display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;
}
.osreport-toujitsu li:nth-child(even)	{ flex-flow:row-reverse wrap;}
.osreport-toujitsu li:before	{ background:none;}
.osreport-toujitsu figure	{ width:38%; padding:0; margin:0;}
.osreport-toujitsu .content	{ position:relative; width:60%; padding:1.6em 1.6em; background-color:#F9F5FB; border-radius:10px;}
.osreport-toujitsu .content:before	{ 
	position:absolute; top:0; content:''; width:16px; height:100%; 
	border:solid #A988BC;
}
.osreport-toujitsu li:nth-child(odd) .content:before	{ left: 0; border-width:2px 0 2px 2px; border-radius:10px 0 0 10px;}
.osreport-toujitsu li:nth-child(even) .content:before	{ right:0; border-width:2px 2px 2px 0; border-radius:0 10px 10px 0;}
.osreport-toujitsu .content:after	{ 
	position:absolute; top:80px; content:''; width:16px; height:16px; 
	border:solid #A988BC; border-radius:0 4px 0 4px;
	background-color:#F9F5FB;
	transform:rotate(45deg); 
}
.osreport-toujitsu li:nth-child(odd) .content:after		{ left:-7.3px; border-width:0 0 2px 2px;}
.osreport-toujitsu li:nth-child(even) .content:after	{ right:-7.3px; border-width:2px 2px 0 0;}
.osreport-toujitsu .content p	{ margin:0; font-size:1.3rem; line-height:1.8;}




/* **************************************************************************** */
/*
/* Media Queries
/*
/* **************************************************************************** */

@-ms-viewport 	{ width: device-width;}
@viewport 		{ width: device-width;}


/* >= 720px                             */
@media screen and (min-width: 720px) {

	.home-billboard .videoplay	{ display:none;}

	.annual-schedule 	{ padding:6rem 0;}
	.annual-schedule > ul	{ display:flex; flex-flow:row wrap; justify-content:space-between; align-items:flex-start;}
	.annual-schedule > ul > li	{ align-items:flex-start; justify-content:space-between; margin:0 0 4rem; padding:0; width:48%;}
	.annual-schedule > ul > li:nth-child(even)	{ margin-top:0px; flex-direction:row;}
	.annual-schedule h4 	{ top:-10px; left:-10px; padding:25px 0 0; width:120px; height:120px; font-size:2.4rem;}
	.annual-schedule h4 b	{ font-size:3.6rem; font-weight:400;}
	.annual-schedule h4 small	{ display:block; font-size:1.3rem;}
	.annual-schedule .image	{ width:50%;}
	.annual-schedule ul ul	{ width:48%; margin:0; padding:2em 1em; font-size:1.4rem; border-top:1px solid #A988BC;}


	/**
	 * 制服
	 **/
	.uniformwrap	{ margin:0 0 4rem; padding:0 8%;}
	.uniformwrap:before	{ position:absolute; left:0; bottom:10%; content:'';}
	.uniform-winter:before	{ width:100%; height:80%; background-position:right bottom; background-size:120% auto;}
	.uniform-summer:before	{ width:100%; height:80%; background-position: left bottom; background-size:120% auto;}
	.uniform-sweater:before	{ width:100%; height:80%; background-position:right bottom; background-size:120% auto;}
	.uniform-vest:before	{ width:100%; height:80%; background-position: left bottom; background-size:120% auto;}


	/**
	* オープンスクールレポート
	**/
	article .osreport-yousu		{ padding:6rem 8%;}
	.osreport-yousu li	{ 
		margin:0 0 3rem;
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;
	}
	.osreport-yousu li:nth-child(odd)	{ padding:0 20% 0 0;}
	.osreport-yousu li:nth-child(even)	{ padding:0 0 0 20%; flex-flow:row-reverse wrap;}
	.osreport-yousu figure	{ margin:0 0 20px; width:250px;}
	.osreport-yousu .content	{ width:calc(100% - 280px);}
	.osreport-yousu .content p	{ font-size:1.4rem; background-size:20px 33px;}
	
	article .osreport-toujitsu	{ padding:6rem 8%;}
	.osreport-toujitsu li	{ margin:0; align-items:center;}
	.osreport-toujitsu li:nth-child(odd)	{ padding-right:10%;}
	.osreport-toujitsu li:nth-child(even)	{ padding-left:10%;}
	.osreport-toujitsu figure	{ width:22%;}
	.osreport-toujitsu .content	{ width:75%; padding:1.6em 2.6em;}
	.osreport-toujitsu .content:after	{ top:45%;}

}



/* >= 1024px                             */
@media screen and (min-width: 1024px) {

	.home-billboard #mute	{ bottom:6px;}

	.home-headline	{ padding:12rem 8% 8rem;}
	ul.news li	{ margin:0 0 3em;  font-size:1.4rem;}
	ul.news p	{ display:inline-block; vertical-align:top; margin:0; width:520px;}

	.home-sns-banner	{ position:relative; padding:11rem 5%;}
	.home-sns-banner:before	{ background-size:100% auto; }
	.home-sns-banner ul	{ display:flex; flex-flow:row wrap; justify-content:center;}
	.home-sns-banner ul li	{ margin:0 1%; width:30%;}
	.home-sns-banner ul li a:after	{ position:absolute; top:50%; left:50%; content:''; width:0; height:0; background-color:rgba(255,255,255,.25); border-radius:100%; transition-duration:0.4s;}
	.home-sns-banner ul li a:hover:after	{ top:-50vw; left:-50vw; width:200vw; height:200vw;}

	.quicknav	{ padding:8rem 5%;}
	.quicknav li	{ width:30%; padding:10px;}
	.quicknav a		{ padding:110px 0 20px; font-size:1.5rem; overflow:hidden;}
	.quicknav a:before		{ position:absolute; top:30px; height:70px; background-size:auto 70px;}
	.quicknav a:after		{ position:absolute; top:25%; left:25%; content:''; width:50%; height:50%; background-color:rgba(211,24,148,0); transition-duration:0.3s;}
	.quicknav a:hover	{ border-color:#D31894;}
	.quicknav a:hover:after	{ top:0%; left:0%; width:100%; height:100%; background-color:rgba(211,24,148,.1);}




	/* ************************************ */
	/*
	/* 
	/*
	/* ************************************ */

	.shidou	{ 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items:center;
		padding:16px 16px 6px 16px; background-color:#EEF9F9;
	}
	.shidou.reverse	{ flex-flow:row-reverse wrap;}
	.shidou .image	{ margin:0 0 2em; width:30%;}
	.shidou .content{ width:66%;}
	.shidou .content .tokuchou	{ margin:0 0 12px; padding:16px; border:1px solid #414141;}
	.shidou .content .moshi		{ margin:0 0 12px; padding:16px; border:1px solid #414141;}
	.shidou .content p	{ margin:0; line-height:1.6;}
	
	.message-student	{ border:4px solid #F7B500;}
	.message-student .message-content	{ 
		padding:24px; 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items: flex-start;
	}
	.message-student.reverse .message-content	{ flex-flow:row-reverse wrap;}
	.message-student h2		{ position:absolute; top:-30px; left:0;}
	.message-student h2 b	{ display:block; font-size:2.4rem; color:#F7B500;}
	.message-student h2 small	{ padding:10px 10px; font-size:2.0rem;}
	.message-student .image		{ margin:50px 0; width:30%}
	.message-student .content	{ margin-top:40px; width:66%;}


	.kaigai-schedule tbody th	{ width:8em;}
	.kaigai-timetable	{ margin-top:0;}

	/* 2022.6.21 added */
	.pickup-class	{ border:4px solid #F7B500;}
	.pickup-class .pickup-content	{ 
		padding:24px; 
		display:flex; flex-flow:row wrap; justify-content:space-between; align-items: flex-start;
	}
	.pickup-class.reverse .pickup-content	{ flex-flow:row-reverse wrap;}
	.pickup-class h2		{ position:absolute; top:-38px; left:0;}
	.pickup-class h2 b	{ display:block; font-size:2.8rem; color:#F7B500; -webkit-text-stroke: 1px rgb(0, 0, 0); text-stroke: 1px rgb(0, 0, 0); }
	.pickup-class h2 small	{ padding:10px 10px; font-size:2.0rem;}
	.pickup-class .image		{ margin:0; width:30%}
	.pickup-class .content	{ margin-top:40px; width:66%;}


	/**
	 * 制服
	 **/
	.uniformwrap .uniform	{ z-index:2; padding:0 5%;}
	.uniformwrap	{ margin:0;}
	.uniform-title		{ position:absolute; width:80%; font-size:2.4rem;}
	.uniform-title:before	{ position:absolute; bottom:-4px; left:0; content:''; width:100%; height:0; border-bottom:2px solid #394F6F;}

	.uniform-winter:before	{ left:auto; right:0; width:80%; height:80%; background-position:right bottom; background-size:100% auto;}
	.uniform-winter .point	{ position:absolute; top:5%; left:0; z-index:0; padding:0 16%; width:100%; max-width:100%; text-align:center;}
	.uniform-winter .point img	{ width:100%; max-width:752px;}
	.uniform-winter .uniform	{ z-index:2; padding:0 5%;}
	.uniform-winter .uniform-title	{ top:40%; width:60%;}
	.uniform-winter .uniform-title:before	{ top:4px; bottom:auto; left:13rem;}
	.uniform-winter .content	{ position:absolute; top:60%; bottom:auto; left:0; right:auto; width:25%;}

	.uniform-summer:before	{ left:auto; right:0; width:81%; height:80%; background-position:right bottom; background-size:100% auto;}
	.uniform-summer .uniform-title	{ top:40%; left:5%; width:50%;}
	.uniform-summer .uniform-title:before	{ top:4px; bottom:auto; left:15rem;}
	.uniform-summer .content	{ position:absolute; top:25%; bottom:auto; left:auto; right:0; width:25%;}

	.uniform-sweater:before	{ left:0; width:80%; height:80%; background-position:right bottom; background-size:100% auto;}
	.uniform-sweater .uniform-title	{ top:0%; left:85%; width:60%; transform:rotate(90deg); transform-origin:0 0;}
	.uniform-sweater .content	{ position:absolute; top:25%; bottom:auto; left:5%; right:auto; width:25%;}

	.uniform-vest:before	{ left:auto; right:0; width:80%; height:80%; background-position: left bottom; background-size:100% auto;}
	.uniform-vest .uniform-title	{ top:0%; left:85%; width:60%; transform:rotate(90deg); transform-origin:0 0;}
	.uniform-vest .content	{ position:absolute; top:25%; bottom:auto; left:5%; right:auto; width:25%;}


	/**
	* オープンスクールレポート
	**/
	.page article .osreport-yousu		{ padding:8rem 4%;}
	.osreport-yousu li	{ margin:0 0 1rem;}
	.osreport-yousu li:nth-child(odd)	{ padding:0 34% 0 0;}
	.osreport-yousu li:nth-child(even)	{ padding:0 0 0 34%;}
	.osreport-yousu li:nth-child(1):before	{ left: 200px;}
	.osreport-yousu li:nth-child(2):before	{ right:200px;}
	.osreport-yousu li:nth-child(3):before	{ left: 200px;}
	.osreport-yousu li:nth-child(4):before	{ right:200px;}
	.osreport-yousu .content p	{ font-size:1.5rem; background-size:20px 36px;}
	
	.page article .osreport-toujitsu	{ padding:8rem 4%;}
	.osreport-toujitsu .section-header	{ margin:0 0 6rem;}
	.osreport-toujitsu li	{ margin:-4rem 0 0 0;}
	.osreport-toujitsu li:nth-child(odd)	{ padding-right:25%;}
	.osreport-toujitsu li:nth-child(even)	{ padding-left:25%;}
	.osreport-toujitsu .content	{ top:-20px;}
	.osreport-toujitsu .content p	{ font-size:1.4rem; line-height:2.0;}

}


/* >= 1280px                            */
@media screen and (min-width:1280px) {

	.home-billboard #mute	{ bottom:12px;}

	/**
	 * 制服
	 **/
	.uniformwrap .uniform	{ z-index:2; padding:0 0;}
	.uniformwrap .section-content	{ max-width:1124px;}
	.uniform-title		{ position:absolute; width:80%; font-size:2.8rem;}

	.uniform-winter .point	{ top:5%; left:0; z-index:0; padding:0 10%;}
	.uniform-winter .content	{ top:60%; bottom:auto; left:0; right:auto; width:20%;}
	.uniform-winter .uniform-title:before	{ top:4px; bottom:auto; left:15rem;}

	.uniform-summer .uniform-title	{ top:50%; width:60%; left:5%;}
	.uniform-summer .uniform-title:before	{ position:absolute; top:4px; bottom:auto; left:17rem;}
	.uniform-summer .content	{ top:20%; bottom:auto; left:auto; right:0; width:20%;}

	.uniform-sweater:before	{ left:0; width:75%; height:80%; background-position:right bottom; background-size:100% auto;}
	.uniform-sweater .uniform-title:before	{ bottom:0; left:17rem; width:calc(100% - 17rem);}
	.uniform-sweater .content	{ top:25%; bottom:auto; left:5%; right:auto; width:20%;}

	.uniform-vest .uniform-title:before	{ bottom:0; left:13rem; width:calc(100% - 13rem);}
	.uniform-vest .content	{ top:45%; bottom:auto; left:5%; right:auto; width:20%;}


	/**
	* オープンスクールレポート
	**/
	.osreport-yousu li:before	{ background-size:106px auto;}
	.osreport-yousu .content p	{ font-size:1.5rem; background-size:20px 36px;}
	
	.osreport-toujitsu .section-header	{ margin:0 0 9rem;}
	.osreport-toujitsu li	{ margin:-7rem 0 0 0;}
	.osreport-toujitsu .content	{ padding:2.1em 2.8em;}
	.osreport-toujitsu .content p	{ font-size:1.5rem;}

}


/* >= 1440px                            */
@media screen and (min-width: 1440px) {

	.home-billboard #mute	{ bottom:16px;}

}


/* >= Print                             */
@media print {
}