/*	schedule
============================== */
.lowrap {
  padding: 0;
}

.oa {
    background-color: #fff; padding-bottom: 0;
  }
  .oa .txt {
    position: relative;
    z-index: 1;
    background-color: #c6e9fd;
	  color: #000;
  }
.oa .event p {width: 100%;}
.oa .event p:not(:last-child) {padding-bottom:0.8em;}
.oa .txt h3 { line-height: 1.75em; padding-bottom: 0.5em;}
.oa .txt p { line-height: 1.75em; }
.oa .txt p:not(:last-child) {padding-bottom:0.8em;}


@media all and (min-width: 768px) {
  .oa {
    margin-bottom: 3em;
  }
	.oa .date { top:-15px; width: 120px;}
  .oa .time {
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 1;
    box-shadow: 3px 10px 10px hsl(0deg 0% 0% / 15%);
	margin-top: 0;
  }

  .oa .event {
    font-size: 200%;
    padding: 2.3em 1.3em 1em;
    border-radius: 0;
    margin-top: -45px;
  }

  .oa .pic_outer {
    padding: 10px;
  }
  .oa .pic {
    position: relative;
    z-index: 2;
  }

  .oa .txt {
    padding: 1.5em 2em 2em;
    margin: 0 0 0;
  }
	.oa .txt h3 { font-size: 120%;}

}

@media all and (max-width: 767px) {

	.oa .date { top:-10px; width: 70px;}
  .oa .time {
    display: block;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    z-index: 1;
    box-shadow: 3px 10px 10px hsl(0deg 0% 0% / 15%);
	margin-top: 0;
  }

  .oa .event {
    font-size: 120%;
    padding: 2em 0.8em 1em;
    border-radius: 0;
    margin-top: -6vw;
  }

  .oa .pic_outer {padding: 4px;}
  .oa .pic {
    position: relative;
    z-index: 2;
    width: 100%;
  }

  .oa .txt {
    font-size: 3.45vw;
    padding: 1em 1.3em 1em;
  }
	.oa .txt h3 { font-size: 110%;}

}
