@charset "UTF-8";
/* ======================================================= */
.pagevisual_bg {
    background: url(/edu/curse/img_db/pagevisual.jpg)no-repeat center;
    background-size: cover;
}
/*------------------------------------------------------*/
.head_inner {
  max-width: 1024px;
  width: 90%;
  margin: auto;
  height: 575px;
  background: url(/edu/curse/img_db/head_bg.png) no-repeat center;
  background-size: contain;
  padding: 65px;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.head_tit {
  font-size: 3.2rem;
  text-align: center;
  padding-bottom: 5px;
  border-bottom: 3px solid #E56487;
  display: inline-flex;
  max-width: 550px;
}
.head_text {
  margin-top: 25px;
}
.head_text--small {
  font-size: 1.4rem;
  line-height: 1.5;
}
.body_inner {
  max-width: 1024px;
  width: 90%;
  margin: auto;
}
.body_list {
  display: flex;
  flex-wrap: wrap;
  gap: 55px 28px;
  margin-top: 40px;
  padding: 50px 60px;
  background: #F8F6EF;
  border-radius: 20px;
}
.body_card {
  max-width: 431px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 30px;
}
.body_card--double {
  max-width: 100%;
}
.body_name {
  width: 100%;
  font-size: 2.4rem;
  font-weight: bold;
  color: #05626D;
  padding-bottom: 10px;
  position: relative;
}
.body_name::after{
  content: '';
  background: transparent linear-gradient(90deg, #83CCCE 0%, #B3D360 100%) 0% 0% no-repeat padding-box;
  display: block;
  width: 100%;
  height: 3%;
  position: absolute;
  bottom: 0;
  left: 0;
}
.body_name--small{
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.5;
  padding-bottom: 4px;
}
.body_list {
  padding: 50px 6.5%;
}
.brightness {
  filter: brightness(0.75);
}
.movie_play {
  max-width: 431px;
	width: 100%;
	height: 100%;
	display: block;
	position: relative;
  border-radius: 25px;
  overflow: hidden;
  max-height: 243px;
  &:hover {
    opacity: 0.8;
  }
	&::before {
		content: "";
		width: 81px;
		height: 81px;
		display: block;
		position: absolute;
		left: 0;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		margin: auto;
		z-index: 1;
		background: url("/edu/curse/img_db/icon_play.png");
		background-size: contain;
	}
}
.mt_10{
  margin-top: 10px;
}
.body_board {
  font-size: 1.4rem;
  line-height: 1.5;
  max-width: 100%;
}
.board_name {
  font-size: 1.6rem;
  font-weight: bold;
}
.board_head {
  font-weight: bold;
  margin-top: 5px;
  text-indent: -1em;
  padding-left: 1em;
}
.board_name {
  font-size: 1.6rem;
  font-weight: bold;
  color: #10616c;
  border-bottom: 2px solid;
  padding-bottom: 5px;
}
.board_indent {
  text-indent: -1em;
  padding-left: 1em;
  margin: 5px 0;
}
a.board_links {
  color: #17606b;
  text-decoration: underline;
  word-break: break-all;
}
/* 
====================================================================================
====================================================================================
參和レスポンシブ
====================================================================================
==================================================================================== */
@media screen and (max-width: 1280px) {

}
@media screen and (max-width: 1200px) {
  .head_inner{
    background: url("/edu/curse/img_db/head_bg_sp_t.png"),url("/edu/curse/img_db/head_bg_sp_b.png"),url("/edu/curse/img_db/head_bg_sp_m.png");
    background-repeat: no-repeat,no-repeat,repeat-y;
    background-position: top,bottom,center;
    background-size: 100% auto,100% auto,100% auto;
    height: auto;
    padding: 20% 5% 30%;
  }
  .body_list {
    padding: 50px 5%;
  }
}
@media screen and (max-width: 1100px) {
  .body_list {
    justify-content: center;
  }
}