@charset "UTF-8";

#pageSchool{
	text-align: left;
}
/* =====================================================================

merit

====================================================================== */
.sec-merit{
 overflow: hidden;
}
/*------------------------------------------------
sec-merit-01 
--------------------------------------------------*/
.mod-merit-01{
 position: relative;
 z-index: 99;
}
.mod-merit-01 .img-merit{
 position: relative;
 z-index: 1;
 max-width: 100%;
 margin: 0 auto;
}
.mod-merit-01 .box-merit-txt{
 width: 95%;
 margin: -1.57em auto 1.3em;
 border: 1px solid #F6F6F6;
 background-color: rgba(255,255,255,0.8);
 position: relative;
 z-index: 5;
 text-align: left;
 padding: 20px;
}
@media print, screen and (min-width: 768px) {
 .mod-merit-01{
  text-align: right;
  margin-bottom: 80px;
 }
.mod-merit-01 .img-merit{
 position: relative;
 z-index: -9;
 max-width:493px;
 height: auto;
 margin: 0 0 0 auto;
}
 .mod-merit-01 .box-merit-txt{
  position: absolute;
  top:100px;
  left: 0;
  width: 60%;
  text-align: left;
 }
}
@media print, screen and (min-width: 992px) {
 .mod-merit-01 .img-merit{
   max-width:570px;
 }
 }
@media print, screen and (min-width: 1200px) {
 .mod-merit-01 .img-merit{
   max-width:750px;
 }
 .mod-merit-01 .box-merit-txt{
   top:100px;
   width: 40%;
    padding: 40px;

 }
}
/*------------------------------------------------
sec-merit-02 
--------------------------------------------------*/
.mod-merit-02{
 position: relative;
 z-index: 99;
}
.mod-merit-02 .img-merit{
 position: relative;
 z-index: 1;
 max-width: 100%;
 margin: 0 auto;
}
.mod-merit-02 .box-merit-txt{
 width: 95%;
 margin: -1.57em auto 1.3em;
 border: 1px solid #F6F6F6;
 background-color: rgba(255,255,255,0.8);
 position: relative;
 z-index: 5;
 text-align: left;
 padding: 20px;
}
@media print, screen and (min-width: 768px) {
 .mod-merit-02{
  text-align: left;
  margin-bottom: 80px;
 }
.mod-merit-02 .img-merit{
 position: relative;
 z-index: -9;
 max-width:493px;
 height: auto;
 margin: 0 auto 0 0;
}
 .mod-merit-02 .box-merit-txt{
  position: absolute;
  top:100px;
  right: 0;
  width: 60%;
  text-align: left;
 }
}
@media print, screen and (min-width: 992px) {
  .mod-merit-02{
   margin-bottom: 100px;
 }
 .mod-merit-02 .img-merit{
   max-width:570px;
 }
 .mod-merit-02 .box-merit-txt{
  position: absolute;
  top:50px;
  right: 0;
 }
 }
 @media print, screen and (min-width: 1200px) {
 .mod-merit-02 .img-merit{
   max-width:750px;
 }
 .mod-merit-02 .box-merit-txt{
   top:100px;
   width: 40%;
   padding: 40px;
 }
}

.box-merit-txt .ttl-merit span{
 display: inline-block;
 font-weight: normal;
 text-align: right;
 line-height: 1.0;
 padding: 0 0.2em 0 80px;
 margin: 0 auto 0.3em -80px;
 letter-spacing: -0.03em;
 font-size: 1.6rem;
 font-family: 'Allerta Stencil', sans-serif;
 background:-webkit-linear-gradient(transparent 75%, #ffff00 0%);
 background:-o-linear-gradient(transparent 75%, #ffff00 0%);
 background:linear-gradient(transparent 75%, #ffff00 0%) ;
}
.mod-merit-01 .box-merit-txt .ttl-merit{
 text-align: right;
}
.mod-merit-01 .box-merit-txt .ttl-merit span{
 text-align: left;
 line-height: 1.0;
 padding: 0 80px 0 0.2em;
 margin: 0 -80px 0.3em auto;
}
.lead-merit{
font-size: 1.8rem;
font-weight: 600;
line-height: 1.33333;
margin-bottom: 0.6em;
}
@media print, screen and (min-width: 992px) {
.box-merit-txt .ttl-merit span{
font-size: 2.3rem;
margin-bottom: 1em;
}
.box-merit-txt .txt-cmn-01{
font-size: 1.4rem;
}
.lead-merit{
font-size: 2.5rem;
line-height: 1.2;
}
}
/* =====================================================================

sec-aboutus

====================================================================== */
.sec-aboutus .l-container{
 background: #f7f7f7;
}
table.tbl-aboutus{
 width: 100%;
 border-collapse: separate;
 padding: 10px 0;
}
table.tbl-aboutus th, table.tbl-aboutus td{
 border: 5px solid #f7f7f7;
 font-size: 1.4rem;
 display:block;
 width: 100%;
}
table.tbl-aboutus th{
 background: #0f711c;
 color: #fff;
 padding: 0.6em 1em;
 white-space: nowrap;
}
table.tbl-aboutus td{
  padding: 0.6em 1em;
}

@media print, screen and (min-width: 992px) {
table.tbl-aboutus{
 padding: 50px;
}
table.tbl-aboutus th, table.tbl-aboutus td{
 border: 15px solid #f7f7f7;
 font-size: 1.6rem;
 display: table-cell;
 width: auto;
}
}


.bnr-staff{
 padding: 20px 0 30px;
	text-align: center;
}
.bnr-staff a{
	display: block;
	margin: 0 auto;
	max-width: 830px;
}

@media print, screen and (min-width: 992px) {
.bnr-staff{
 padding: 0 0 60px;
}
}

/* =====================================================================

sec-access

====================================================================== */
.wrap-gmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
 margin-bottom: 20px;
}
 
.wrap-gmap iframe,
.wrap-gmap object,
.wrap-gmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media print, screen and (min-width: 768px) {
.wrap-gmap {
padding-bottom: 37.5331%;
}
}
@media print, screen and (min-width: 1200px) {
.wrap-gmap {
padding-bottom: 27.751%;
 margin-bottom: 80px;
}

}

.ttl-lv1-access{
 display:inline-block;
 padding: 0.5em 1.3em;
 background: #0f711c;
 color: #fff;
 margin-bottom: 0.8em;
}
.ttl-lv1-access + .txt-cmn-01{
 margin-bottom: 1.6em;
}
@media print, screen and (min-width: 992px) {
.ttl-lv1-access{
 font-size: 1.6rem;
 padding: 0.5em 1.7em;
}
}
.list-way-access{
 font-size: 1.4rem;
 line-height: 1.7142;
}
.list-way-access dt{
  color: #0f711c;
 font-weight: 600;
}
.list-way-access dd{
 margin-bottom: 1.3em;
}
@media print, screen and (min-width: 992px) {
.list-way-access{
 font-size: 1.6rem;
 margin-bottom: 2em;
}
}