@charset "UTF-8";

/*---------------------------------------------------------------
　　　common
---------------------------------------------------------------*/
/* =====================================================================
*   programs
* =================================================================== */
/*-------------  programs top  -----------------------------*/
#programs .sub_mv h1 {
  color: #b6d936;
}

@media screen and (min-width: 768px) {
  #programs .sub_mv h2.on_ttl {
    color: #fff;
    left: 50%;
    margin: calc(200 / 1856 * 100%) 0 0 calc(250 / 1856 * 100%);
  }
}

.program_list {
  max-width: 1000px;
  margin: auto;
  /*h3 {
  		background: url(../images/programs/bg_ttl.png) no-repeat center center/contain;
  		position: relative;
  		width: 50%;
  		font-size: 3.6rem;
  		font-weight: bold;
  		margin: auto auto calc(100 / 750 * 100%);
  		text-align: center;
  		max-width: 400px;
  		&:after {
  			content: "";
  			display: block;
  			background: #fff url(../images/programs/line_dotted.png) repeat-x bottom left/15px;
  			width: 105px;
  			height: 10px;
  			position: absolute;
  			bottom: 0;
  			left: calc(50% - 52px);
  
  		}
  		@include pc {
  			font-size: 2.7rem;
  			padding: 0 calc(80 / 1856 * 100%);
  			margin: 0 auto calc(60 / 1400 * 100%);
  		}
  	}//h3*/
}

.program_list h3.dotted {
  width: calc(400 / 750 * 100%);
  background: url(../images/programs/bg_ttl.png) no-repeat top 0.5em center/contain;
}

@media screen and (min-width: 768px) {
  .program_list h3.dotted {
    width: calc(400 / 1400 * 100%);
  }
}

.program_list ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-bottom: calc(100 / 750 * 100%);
}

.program_list ul li {
  width: calc(256 / 750 * 100%);
  margin: 0 calc(59 / 750 * 100%) calc(60 / 750 * 100%);
}

.program_list ul li:before {
  content: "";
  border: 2px solid #e6e6e6;
  border-bottom: none;
  border-radius: 30px 30px 0 0;
  display: block;
  width: 100%;
  height: 30px;
}

.program_list ul li figcaption {
  font-size: 90%;
  line-height: 1.4;
}

@media screen and (min-width: 768px) {
  .program_list ul li {
    width: calc(200 / 1000 * 100%);
    margin: 0 calc(25 / 1000 * 100%) calc(60 / 1000 * 100%);
  }
}

/*# sourceMappingURL=programs.css.map */