@charset "UTF-8";
/* CSS Document */
@media all and (max-width: 800px) {
}
@media all and (max-width: 640px) {
}
article img{
	max-width: 100%;
	height: auto;
}


/* ----------------------------------------------------------------------*/
h2 {
  margin-bottom: 1.5em;
}
h2.h2.line2 .h2_ttl{
	line-height:1.3;
	padding:0.2em 0;
}

h2.h2.type2{background:none; margin-bottom:0.5rem;}

article a:hover{
	opacity:0.8;
}

.car{
	margin-bottom:7em;
}
.car_text{
	width:680px;
	margin:0 auto;
}
.map_link{
	text-align:center;
	margin:2em 0 4.8rem;
	cursor:pointer;
}
	.map_link:hover{
		opacity:0.8;
	}
.car_map img{
	max-width:690px;
	width:60%;
}
.car_map_link{
	
}
.car_map{
	display:none;
	margin:10px 10px 40px;
	text-align:center;
}
	.car_map img{
		max-width:690px;
		width:90%;
		box-shadow: 1px 1px 2px 2px rgba(0,0,0,0.3);
	}

@media all and (max-width: 800px) {
.car{
	margin-bottom:4em;
}
	.car_text{
		width:90%;
		margin:0 auto;
	}
	.map_link img{
		max-width:210px;
		width:50%;
	}
}



section{ margin-bottom:100px; }
@media all and (max-width: 800px) {
section{ margin-bottom:15vw; }
}

section.section__lv2{ margin-bottom:50px; }
@media all and (max-width: 800px) {
section.section__lv2{ margin-bottom:10vw; }
}

section.section__lv3{ margin-bottom:30px; }
@media all and (max-width: 800px) {
section.section__lv3{ margin-bottom:3vw; }
}





.bus_map{
	max-width:324px;
	width:90%;
	margin-bottom:10px;
}


/****************************************************************************************************
****************************************************************************************************/
.schedule{
	margin-bottom: 4em;
	padding: 30px 10px;
	background: no-repeat center center;
	background-size: cover;
}
	.schedule.-jh{ background-image: url(../images/openschool_jh/schedule/bg.jpg); }
	.schedule.-h{ background-image: url(../images/openschool_h/schedule/bg.jpg); }
@media all and (max-width: 800px) {
.schedule{
	margin-bottom: 2em;
	padding: 30px 10px;
}
}
/****************************************************************************************************
****************************************************************************************************/
.schedule__block1{
	display: flex;
	margin: 0 auto;
	max-width: 1060px;
	justify-content: space-between;
}
.schedule__block1Inner{
	flex-basis: calc( 520 / 1060 * 100% );
	max-width: calc( 520 / 1060 * 100% );
}
.schedule__block2{
	padding: 20px;
	border-radius: 20px;
}
	.schedule__block2.-jh{ background-color: rgba(0,105,219,0.6); }
	.schedule__block2.-h{ background-color: rgba(82,182,0,0.6); }
/****************************************************************************************************
****************************************************************************************************/
.schedule__heading1{
	margin-bottom: 0.25em;
	color: #fff;
	text-align: center;
	font-size: 4.0rem;
	font-weight: bold;
}
/****************************************************************************************************
****************************************************************************************************/
.scheduleList{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
@media all and (max-width: 640px) {
.scheduleList{
	display: block;
	text-align: center;
}
}
/****************************************************************************************************
****************************************************************************************************/
.scheduleList__item{
	margin: 0 10px 10px;
}
@media all and (max-width: 640px) {
.scheduleList__item{
	margin: 0 0 10px;
}
}
/****************************************************************************************************
****************************************************************************************************/
.form__link{
	background-color: #F9FA3A;
}
/****************************************************************************************************
****************************************************************************************************/
.accessBlock{
}
@media all and (max-width: 640px) {
}
/****************************************************************************************************
****************************************************************************************************/
.access__text{
	display: flex;
}
.access__text::before{
	content: '';
	display: block;
	flex-shrink: 0;
	flex-basis: 60px;
	margin-right: 20px;
	/* width: 60px; */
	height: 60px;
	background-size: contain;
}
	.access__text.-car::before{ background-image: url(../images/access/icon1.png); }
	.access__text.-train::before{ background-image: url(../images/access/icon2.png); }

@media all and (max-width: 640px) {
.access__text{
}
}
/****************************************************************************************************
****************************************************************************************************/
table.tbl1.type2 th{background:none;}
table.tbl1.type2 th.alignLeft{text-align:left; padding:15px 15px 15px 43px;}

@media all and (max-width: 640px) {
table.tbl1.type2 th.alignLeft{padding:12px 12px 12px 6px;}

}



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


dl.dateBox{display:flex; align-items: center; margin:0 0 15px;}
dl.dateBox dt{padding:0 20px 0 0;}
dl.dateBox dd{font-size:20px; font-weight:600; line-height:1.5;}
dl.dateBox dd.dateLink{font-size:17px; font-weight:500;}
dl.dateBox dd.dateLink a{color:#009AED;}

@media all and (max-width: 640px) {
dl.dateBox dt{padding:0 15px 0 0; width:25%;}
dl.dateBox dd{font-size:16px; width:70%;}
}


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


.btnLink{
	text-align:center;
	margin:2em 0 0.6rem;
	cursor:pointer;
}
	.btnLink:hover{
		opacity:0.8;
	}


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

.iconTel{padding:3px 0 0 0; margin:0; text-align:center; font-size:18px; letter-spacing:-0.05rem;}
.iconTel:before{
	content: '';
	background-image:url(../images/date/iconTel.png);
	background-repeat:no-repeat;
	background-position:left center;
  background-size: contain;
	width: 26px; height: 26px;
	display: inline-block;
	vertical-align: middle;
	padding:0 0 0 6px;
}


.dateHr{color:#000; margin:5rem auto 6rem;}


@media all and (max-width: 640px) {
.dateHr{margin:2rem auto 2.8rem;}
}




.note__text{
	margin-top: 1em;
	text-align: center;
}
.note__text a{
	color: #009AED;
}
/****************************************************************************************************
****************************************************************************************************/
.article__text1{
	text-align: center;
	font-size: 1.5rem;
	line-height: 1.5;
}
@media all and (max-width: 640px) {
.article__text1{
	font-size: 1.6rem;
}
}
/****************************************************************************************************
****************************************************************************************************/
.event__heading{
	margin-bottom: 0.75em;
	padding: 5px 10px;
	font-size: 2.0rem;
	font-weight: bold;
	background-color: #009AF2;
	color: #fff;
}
@media all and (max-width: 640px) {
.event__heading{
	font-size: 1.6rem;
}
}
.event__heading2{
	margin-bottom: 0.5em;
	font-size: 2.0rem;
	font-weight: bold;
}
@media all and (max-width: 640px) {
.event__heading2{
	font-size: 1.4rem;
}
}
/****************************************************************************************************
****************************************************************************************************/
.event__table{
	margin-bottom: 1em;
}
.event__tableCol1{ width: 100px; }
.event__tableCol2{ }
.event__tableCol3{ width: 200px; }

.event__table.-type{
}
	.event__table.-type2 td{
		text-align: center;
	}
/****************************************************************************************************
****************************************************************************************************/
.event__list{
	margin: 0.5em 0 0.5em 1em;
	line-height: 1.5;
}
/****************************************************************************************************
****************************************************************************************************/
.link{
	margin-bottom: 2em;
}
.link__list{
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	flex-wrap: wrap;
}
@media all and (max-width: 800px) {
.link__list{
	justify-content: center;
}
}

.link__item{
}
@media all and (max-width: 800px) {
.link__item{
	margin-bottom: 20px;
}
}

.link__text{
	font-weight: bold;
	text-align: center;
	font-size: 2.0rem;
}
@media all and (max-width: 640px) {
.link__text{
	font-size: 1.6rem;
}
}
/****************************************************************************************************
****************************************************************************************************/
.lead1{
	margin-bottom: 60px;
	text-align: center;
}
/****************************************************************************************************
****************************************************************************************************/
.notice1{
	padding: 10px;
	border: 1px dotted #ccc;
	font-size: 1.2rem;
	color: #f00;
	font-weight: bold;
}
@media all and (max-width: 640px) {
.notice1{
	padding: 5px;
}
}


.notice2{
	color: #f00;
	font-weight: bold;
}