@charset "UTF-8";


/*------------------------------------------------------
 * 
 * 
 * 
　　　　講習会案内・講習会レポートページCSS



-------------------------------------------------------*/
header {
   background-image: none;
    height: auto;
}

.main_ttl {
    position: relative;
    width: calc(100% - 40px);
    height: clamp(200px, 20vw, 300px);
    padding: 20px;
    align-content: end;
    background-image: linear-gradient(40deg, #00a244 60%, #abc240);
}
.main_ttl h1 {
	font-size: clamp(25px, 5vw, 45px);
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
}
 .main_ttl p {
    color: #fff;
    text-align: center;
	 font-size: clamp(10px, 2vw, 16px);
}
.single-seminar_mov_thumb a {
	position: relative;
	
}

.single-seminar_mov_thumb a img.play {
	position: absolute;
	width: 15%;
	z-index: 100;
	top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit-transform: translateY(-50%) translateX(-50%);
	
}


@media screen and (max-width: 1024px) {
	.main_ttl {
		height: max(20vw,100px);
		align-content: space-evenly;
	}
	
	.main_ttl h1 {
		position: static;
		transform: none;
		margin-bottom: 0.5em;
	}
}
	

@media screen and (max-width: 768px) {
    .main_ttl img {
        width: max(30vw, 130px);
        margin: 10px 0 10px 10px;
    }
	.single-seminar_mov_thumb a img.play {
	top: -20vw;
}
}


/* 講習会案内ページ */
.single-seminar_info-wrapper .application_btn {
	border: none;
	background-color: #deedde;
	text-align: center;
	padding: 5vw;
	margin-top: 1.5em;
}

.single-seminar_info-wrapper .application_btn .dl {
	color: #169a43;
}

.application_btn-inner {
	display: flex;
	gap: 3vw;
    margin-top: 3vw;
}

.single-seminar_info-wrapper .application_btn #btn {
	margin: 0 auto;
	width: 100%;
}