@charset "utf-8";

/* ------------------------------
 セミナー情報 下層 (PC)
------------------------------ */
/* 見出し */
.contents h2.tr {
	position: relative;
    display: inline-block;
    font-size: 1.8rem;
    color: #fff;
    padding: 10px 15px;
    padding-right: 90px;
    z-index: 1;
	left: -30px;
}
.contents h2.tr::before {
	content: "";
    position: absolute;
    width: 100%;
    height: 45px;
    top: 0;
    left: 0;
    border-top: 46px solid #0e3777;
    border-left: 0px solid transparent;
    border-right: 20px solid transparent;
    box-sizing: border-box;
    z-index: -1;
}
.contents h4 {
	color: #0e3777;
}

/* メイン画像 */
.seminar-main {
	position: relative;
	z-index: 1;
}
.seminar-main::before {
	content: "";
	position: absolute;
	width: 3000px;
	height: 65%;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	background-color: #0e3777;
	z-index: -1;
}

/* カリキュラム内容 */
.normal.b-none table th:first-child {
	width: 30%;
}
.normal.b-none table th {
	font-size: 1.8rem;
	color: #0e3777;
}

/* 講師 */
.seminar-bg {
	background-color: #f4f4f4;
	padding: 60px 0;
}

.instructor figure img {
	width: 208px;
	height: 262px;
}
.instructor .name {
	font-weight: bold;
}
.instructor .name span {
	font-size: 2.4rem;
}

/* お申込み・お問い合わせ */
.contact-group {
	background-color: #0e3777;
}
.contents .contact-group h2.tr {
	margin-bottom: 60px;
}
.contents .contact-group h2.tr::before {
	border-top: 46px solid #506499;
}
.contact-group .btn-group {
	padding-bottom: 60px;
	border-bottom: solid 1px #506499;
	margin-bottom: 50px;
}
.contents .contact-group .btn a {
	background-color: #cca329;
	border-color: #cca329;
}
@media screen and (min-width: 768px) {
	.contents .inBlock:not(.wide) {
		width: 980px;
	}
	.contents .inBlock.wide > *:not(h2.tr) {
		width: 980px;
	}

	.normal.b-none table th, .normal.b-none table td {
		padding: 10px 0;
	}

	.instructor-group {
		display: flex;
		justify-content: space-between;
	}
	.instructor-group .instructor {
		width: 460px;
	}
	.instructor {
		display: flex;
		justify-content: space-between;
	}
	.instructor figure {
		width: 208px;
		height: 262px;
	}
	.instructor .inBox {
		width: calc(100% - 208px - 30px);
	}

	.best {
		display: flex;
		justify-content: center;
	}
	.best h4 + h4 {
		margin-left: 30px;
	}

	.seminar-group .inBox {
		width: 458px;
	}
}
/* ------------------------------
 セミナー情報 下層 (SP)
------------------------------ */
@media screen and (max-width: 767px) {
	.contents h2.tr {
		font-size: 1.6rem;
		padding: 12px 20px;
		padding-right: 70px;
		left: -6%;
	}
	.contents .instructor + div > h2.tr {
		min-width: 350px;
		padding-right: 30px;
	}

	.seminar-bg {
		padding: 40px 0;
	}
	.seminar-main::before {
		width: 800px;
	}

	.normal.b-none table th {
		font-size: 1.6rem;
	}

	.instructor .name span {
		font-size: 2.0rem;
	}

	.contents .contact-group h2.tr {
		margin-bottom: 30px;
	}
	.contact-group .btn-group {
		padding-bottom: 30px;
		border-bottom: solid 1px #506499;
		margin-bottom: 30px;
	}
}




/* 2026年度 */
.instructor-group-3p{
  position:relative;
  width:70%;
  margin-left:auto;
  margin-right:auto;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:horizontal;
  -webkit-box-direction:normal;
  -webkit-flex-flow:row wrap;
      -ms-flex-flow:row wrap;
          flex-flow:row wrap;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:stretch;
  -webkit-align-items:stretch;
      -ms-flex-align:stretch;
          align-items:stretch;
  gap:30px;
}
.instructor-group-3p > .-item{
    width:100%;
  }
.instructor-group-3p > .-item > img{
      width:100%;
      height:auto;
    }
.instructor-group-3p > .-item > .name{
      padding-top:1.5em;
    }
.instructor-group-3p > .-item > .name span{
        font-size:2em;
        font-weight:bold;
      }
@media screen and (min-width: 768px){
.instructor-group-3p > .-item{
		width:calc(33.33333% - 20px)
  }
}
.instructor-shabell{
  position:relative;
  width:100%;
  padding:2em 0;
}
.instructor-shabell > p{
    font-size:1.25em;
  }
.instructor-shabell > .-link{
    margin-top:0.5em;
  }
.instructor-shabell > .-link strong{
      font-weight:bold;
      font-size:1.4em;
    }