@charset "utf-8";

/*//////////////////////////////////////////////////////////////////////////////

	社会人プログラム用css

//////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////////////////////////////////////////////////

	旧destyle.css

//////////////////////////////////////////////////////////////////////////////*/

/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */

/* Reset box-model and set borders */
/* ============================================ */

.dhprogram *,
.dhprogram *::before,
.dhprogram *::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
  min-width: 0;
}

/* Document */
/* ============================================ */

/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */

.dhprogram html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */

/**
 * Remove the margin in all browsers.
 */

.dhprogram body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */

.dhprogram main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */

.dhprogram p,
.dhprogram table,
.dhprogram blockquote,
.dhprogram address,
.dhprogram pre,
.dhprogram iframe,
.dhprogram form,
.dhprogram figure,
.dhprogram dl {
  margin: 0;
}

/* Headings */
/* ============================================ */

.dhprogram h1,
.dhprogram h2,
.dhprogram h3,
.dhprogram h4,
.dhprogram h5,
.dhprogram h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */

.dhprogram ul,
.dhprogram ol {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */

.dhprogram dt {
  font-weight: bold;
}

.dhprogram dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */

/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */

.dhprogram hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.a
 */

.dhprogram pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

.dhprogram address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */

/**
 * Remove the gray background on active links in IE 10.
 */

.dhprogram a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */

.dhprogram abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */

.dhprogram b,
.dhprogram strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */

.dhprogram code,
.dhprogram kbd,
.dhprogram samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */

.dhprogram small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */

.dhprogram sub,
.dhprogram sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

.dhprogram sub {
  bottom: -0.25em;
}

.dhprogram sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */

/**
 * Prevent vertical alignment issues.
 */

.dhprogram svg,
.dhprogram img,
.dhprogram embed,
.dhprogram object,
.dhprogram iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */

/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */

.dhprogram button,
.dhprogram input,
.dhprogram optgroup,
.dhprogram select,
.dhprogram textarea {
  -webkit-appearance: none; /* 1 */
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

/**
 * Correct cursors for clickable elements.
 */

.dhprogram button,
.dhprogram [type="button"],
.dhprogram [type="reset"],
.dhprogram [type="submit"] {
  cursor: pointer;
}

.dhprogram button:disabled,
.dhprogram [type="button"]:disabled,
.dhprogram [type="reset"]:disabled,
.dhprogram [type="submit"]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */

.dhprogram :-moz-focusring {
  outline: auto;
}

.dhprogram select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */

.dhprogram option {
  padding: 0;
}

/**
 * Reset to invisible
 */

.dhprogram fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

.dhprogram legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */

.dhprogram progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */

.dhprogram textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */

.dhprogram [type="number"]::-webkit-inner-spin-button,
.dhprogram [type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * Correct the outline style in Safari.
 */

.dhprogram [type="search"] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */

.dhprogram [type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */

.dhprogram ::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Fix appearance for Firefox
 */
.dhprogram [type="number"] {
  -moz-appearance: textfield;
}

/**
 * Clickable labels
 */

.dhprogram label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */

/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */

.dhprogram details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */

.dhprogram summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */

.dhprogram [contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */

/**
1. Correct table border color inheritance in all Chrome and Safari.
*/

.dhprogram table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

.dhprogram caption {
  text-align: left;
}

.dhprogram td,
.dhprogram th {
  vertical-align: top;
  padding: 0;
}

.dhprogram th {
  text-align: left;
  font-weight: bold;
}

/*//////////////////////////////////////////////////////////////////////////////

	旧style.css

//////////////////////////////////////////////////////////////////////////////*/

/* 共通
------------------------------------------------------------------------------*/
.dhprogram html{
	font-size: 16px;
}

@media screen and (max-width: 450px){
	.dhprogram html{
		font-size: 14px;
	}
}

.dhprogram body {
	font-family: 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
  }

.dhprogram {
	--main-color: #00C4E7;
	--color-light-blue:#EEF9FE;
	--color-dark-blue:#009ABF;
	--color-pink: #EF88AC;
	--font-family-notosans: 'Noto Sans JP',"Hiragino Kaku Gothic Pro", sans-serif;
	--font-family-zenmaru: 'Nunito','Zen Maru Gothic',"Hiragino Kaku Gothic Pro", sans-serif;
	--font-size-m: clamp(15px, 1.5vw, 18px);
	--font-size-mm: clamp(16px, 1.4rem, 22px);
	--font-size-l: clamp(18px, 1.75rem, 27px);
	--font-size-xl: clamp(23px, 2vw, 29px);
	--font-size-xxl: clamp(23px, 2.4vw, 33px);
	--font-size-big: clamp(24px, 2.6vw, 36px);
	--font-size-xbig: clamp(24px, 3vw, 42px);
}

.dhprogram .pc{
	display: block;
}

.dhprogram .sp{
	display: none;
}

@media screen and (max-width: 450px){
	.dhprogram .pc{
		display: none;
	}
	
	.dhprogram .sp{
		display: block;
	}
}


/* firstview
------------------------------------------------------------------------------*/

.dhprogram #firstview{
	width: 100%;
	height: 100%;
    position: relative;
}

.dhprogram .main-vs-img{
	width: 100%;
	height:auto;
	position: relative;
}

.dhprogram .first-content{
	position:absolute;
	top: 31%;
	left: 4%;
	width: 90%;
}

.dhprogram .first-content h1 img{
    width: 57%;
}

.dhprogram .first-content p{
	font-family: var(--font-family-zenmaru);
	font-weight: 400;
	font-size: clamp(18px, 2.6vw, 36px);
	left: 4%;
    margin-top: .5em;
    position: absolute;
    line-height: 2em;
}

.dhprogram #firstview .ribbon{
	position: absolute;
	left: 0;
	bottom: -2vw;
    width: 64vw;
}




/* work
------------------------------------------------------------------------------*/
.dhprogram .work {
	font-family: var(--font-family-notosans);
}

.dhprogram .work h2 {
	padding: 0;
	margin-bottom 0;
}

.dhprogram .work h2 img{
	margin: 8vw auto 0vw;
    width: 49vw;
    max-width: 850px;
	min-width: 530px;
}

.dhprogram .work-place-wrapper,
.dhprogram .work-kind-wrapper{
	display: flex;
	align-items: center;
}

.dhprogram .work-img{
	width: 45%;
	height: fit-content;
}

.dhprogram .work-place-content{
	margin-left: 7%;
	max-width: 550px;
	width: 40%;
}

.dhprogram .work h3{
	width: 100%;
    text-align: center;
	margin-bottom: 1em;
}

.dhprogram .work h3 img{
	width: 91%;
}

.dhprogram .work-place-item{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-evenly;
	align-items: flex-start;
	text-align: center;
}

.dhprogram .work-place-item.item01{
	justify-content: space-between;
}

.dhprogram .work-place-item li{
	height: 160px;
	font-size: var(--font-size-m);
	display: flex;
	flex-direction: column;
    justify-content: space-around;
}

.dhprogram .work-place-item.item02 li{
	display: block;
}

.dhprogram .work-place-item li img{
	padding-bottom: 26px;
	max-height: 116px;
	object-fit: contain;
}

.dhprogram .work-place-item.item01 li:last-child img{
	padding-bottom: 20px;
}

.dhprogram .work-kind-wrapper{
	justify-content: flex-end;
}

.dhprogram .work-kind-content {
    margin-right: 7%;
    max-width: 550px;
    width: 40%;
}

.dhprogram .work-kind-wrapper .work-kind-item-text{
	color: var(--color-pink);
	font-size: var(--font-size-xl);
    line-height: 1.4em;
    font-weight: 500;
	margin-bottom: 1em;
	word-break: auto-phrase;
}

.dhprogram .work-kind-item  p{
	color: #333;
	line-height: 1.7em;
}

.dhprogram .work-kind-item li{
	text-indent: -14px;
	line-height: 1.8em;
	margin-left: 1.7em;
}

.dhprogram .work-kind-item li::before {
	content: '';
	position: relative;
    top: 3px;
    left: -9px;
	display: inline-block;
	width: 14px;
	height: 14px;
	border-radius: 100%;
	background: #333;
  }




/* section program
------------------------------------------------------------------------------*/
.dhprogram .program-info{
	background-color: var(--color-light-blue);
	padding: 3vw 0;
}

.dhprogram .program-info .aim {
	font-size: clamp(15px, 3vw, 29px);
	font-family: var(--font-family-zenmaru);
	color: #CBB260;
	text-align: center;
	font-weight: 500;
}

.dhprogram .program-info .aim::before,
.dhprogram .program-info .aim::after {
	content: "";
	position: relative;
	display: inline-block;
	background-color: #CBB260;
	height: 2px;
    bottom: 7px;
    width: 51px;
}

.dhprogram .program-info .aim::before{
    transform: rotate(65deg); 
}

.dhprogram .program-info .aim::after {
    transform: rotate(-65deg); 
}

.dhprogram .program-info h2 img {
    margin: 3vw auto 0vw;
    width: 49vw;
    max-width: 820px;
    min-width: 530px;
}

.dhprogram .program-content{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch; /* ← これ */
	text-align: center;
	justify-content: space-around;
	row-gap: 6vw;
}

.dhprogram .program-content img{
	height: 310px;
	margin-bottom: 23px;
	object-fit: contain;
    width: 365px;
}

.dhprogram .program-content .program-content-title{
	color: var(--main-color);
	font-family: var(--font-family-zenmaru);
	font-size: var(--font-size-xxl);
	width: fit-content;
    margin: 0 auto 1em;
	font-weight: 500;
	display: flex;
	align-items: center;
	line-height: unset;
	word-break: keep-all;
	overflow-wrap: anywhere;
	text-align: center;
}

.dhprogram .program-content-title.remark{
	line-height: .8rem;
    text-align: end;
	position: relative;
}

.dhprogram .program-content-title.remark::after{
	content: '\A（2022年度）';
	position: absolute;
	white-space: pre;
	font-size: .9rem;
    font-family: auto;
	color: initial;
	bottom: -11px;
    right: -4px;
}

.dhprogram .program-content p{
	width: 220px;
	height: 50px;
	margin: 0 auto;
	line-height: 1.6em;
}

.dhprogram .program-content li {
	width: 23%;              /* 4つ横並び用 */
	box-sizing: border-box;  /* 幅の計算を安定させる */
	list-style: none;
}

/* 画像の比率と配置を保つ */
.dhprogram .program-content li img {
	object-fit: contain;
	margin-bottom: 23px;
}

.dhprogram .program-content li::marker {
  content: none;
}




/* section model
------------------------------------------------------------------------------*/
.dhprogram .program-model{
	max-width: 1230px;
	margin: 5vw auto;
	padding: 0 5px;
}

.dhprogram .program-model h3{
	font-size: var(--font-size-xbig);
	font-family: var(--font-family-zenmaru);
	color: var(--main-color);
	font-weight: 500;
	text-align: center;
	line-height: 1.4em;
}

.dhprogram .model-wrapper{
	display: flex;
	column-gap: 5vw;
}

.dhprogram .model-wrapper .model-img-pc{
	display: block;
}

.dhprogram .model-wrapper .model-img-tab{
	display: none;
}


.dhprogram .model-wrapper>img{
	height: fit-content;
}

.dhprogram .model-wrapper ul{
	display: flex;
	flex-direction: column;
	row-gap: 5vw;
	width: 60%;
}

.dhprogram .model-content .model-title{
	background-color: var(--color-light-blue);
	border-radius: 28px 0 0 0;
	font-size: var(--font-size-mm);
	color: var(--main-color);
	font-weight: 500;
	font-family: var(--font-family-notosans);
	width: 350px;
	text-align: center;
	padding: 20px 0;
	margin: 0 0 2vw;
}

.dhprogram .model-content p{
	line-height: 1.5rem;
	font-size: var(--font-size-m);
}

.dhprogram .model-timetable{
	margin: 5vw 0 0;
}

.dhprogram .model-timetable img{
	width: 100%;
}

.dhprogram .model-content li::marker {
  content: none;
}




/* section voice
------------------------------------------------------------------------------*/
.dhprogram .student-voice{
	background: linear-gradient(to bottom, var(--color-light-blue), #FFF);
	padding: 1vw 0 3vw;
	text-align: center;
}

.dhprogram .student-voice h2 img {
    width: 40vw;
    max-width: 455px;
    min-width: 300px;
}

.dhprogram .movie-embed {
	max-width: 1500px;
	display: flex;
	margin: 0 auto;
	padding: 0 5px;
	justify-content: space-between;
	text-align: left;
}

.dhprogram .movie-embed .movie-wrap {
	width: 100%;
	height: auto;
	text-align: center;
	margin:10px 0;
}

.dhprogram .movie-embed li{
	width: 40%;
}

.dhprogram .movie-embed .movie-wrap iframe {
	width: 100%;
	height: 100%;
}

.dhprogram .movie-num{
	font-family: var(--font-family-zenmaru);
	letter-spacing: .1em;
	color: var(--color-dark-blue);
	font-size: var(--font-size-m);
}

.dhprogram .movie-text{
	font-family: var(--font-family-notosans);
	font-size: var(--font-size-m);
	line-height: 1.4em;
	font-weight: 500;
}

.dhprogram .student-voice li::marker {
  content: none;
}


/* section lesson-cost
------------------------------------------------------------------------------*/
.dhprogram .speech{
	max-width: 1100px;
    padding: 3vw 5px;
	margin: auto;
}

.dhprogram .speech h2 {
	margin: 0 auto;
	width: 32vw;
	max-width: 550px;
    min-width: 400px;
}

.dhprogram .speech h2 img{
    width: 100%;
}

.dhprogram .lesson-cost{
	background-color: #F9F8EC;
}

.dhprogram .cost-text{
	font-size: var(--font-size-m);
	margin: 0 0 2vw;
    line-height: 1.5em;
}

.dhprogram .cost-title{
	font-size: var(--font-size-m);
	margin-bottom: 2vw;
	text-align: center;
}




/* テーブル
------------------------------------------------------------------------------*/
.dhprogram .lesson-cost table{
	width: 100%;
	table-layout: fixed;
}

.dhprogram .lesson-cost table th{
	background-color: #C7ECFB;
	vertical-align: middle;
	height: 45px;
}

.dhprogram .lesson-cost table td{
	vertical-align: middle;
}

.dhprogram .lesson-cost table tbody tr{
	border-bottom: 1px solid #000;
	height: 80px;
}

.dhprogram .lesson-cost table th:first-child,
.dhprogram .lesson-cost table td:first-child {
	text-align: center;
	width: 18vw;
}




/* section exam
------------------------------------------------------------------------------*/
.dhprogram .exam-text{
    line-height: 1.6em;
	font-size: var(--font-size-m);
}




/* section faq
------------------------------------------------------------------------------*/
.dhprogram .faq{
	background-color: var(--color-light-blue);
}

.dhprogram .faq h3{
	font-size: var(--font-size-mm);
	font-family: var(--font-family-zenmaru);
	color: var(--color-dark-blue);
	font-weight: 500;
	border-bottom: 1px solid var(--main-color);
	margin-top: 0;
}

.dhprogram .faq-program{
	margin:1vw 0 2vw 3rem;
}

.dhprogram .faq .question,
.dhprogram .faq .answer{
	position: relative;
    line-height: 1.7em;
    margin-left: 1.5em;
	font-size: var(--font-size-m);
}

.dhprogram .faq .question{
    text-indent: -33px;
}

.dhprogram .faq .answer{
    text-indent: -39px;
	margin-bottom: 1em;
}

.dhprogram .faq .question::before,
.dhprogram .faq .answer::before{
	position: relative;
    top: 10px;
    display: inline-block;
	height: 31px;
	width: 34px;
}

.dhprogram .faq .question::before{
	content: url(https://meirin-c.ac.jp/common/img/dhprogram/q-icon.png);
}

.dhprogram .faq .answer::before{
	content: url(https://meirin-c.ac.jp/common/img/dhprogram/a-icon.png);
    left: 15px;
}





/* -----------------------------------------------------------------------------
    レスポンシブル
------------------------------------------------------------------------------*/
@media screen and (max-width: 820px){

	.dhprogram header img{
		width: 39vw;
		margin: 15px 0 0 15px;
	}

	.dhprogram .work{
		margin: 0 5px;
	}

	.dhprogram .work h2 img,
	.dhprogram .program-info h2 img{
		width: 85%;
		min-width: auto;
	}

	.dhprogram .program-info .aim::before,
	.dhprogram .program-info .aim::after{
		width: 7vw;
	}

	.dhprogram .work-place-content,
	.dhprogram .work-kind-content{
		width: 100%;
		margin: 10vw auto 0;
	}

	.dhprogram .work .work-img{
		width: 100%;
	}

	.dhprogram .work-kind-wrapper .work-img{
		margin: 10vw auto 0;
	}

	.dhprogram .work-place-wrapper{
		display: block;
		margin-bottom: 0;
	}

	.dhprogram .work-kind-wrapper{
		flex-direction: column-reverse;
		margin-bottom: 10vw;
	}

	/* section program
	------------------------------------------------------------------------------*/

	.dhprogram .program-content li{
		width: 48%;
	}
	.dhprogram .program-content li img{
		width: 100%;
	}


	/* section model
	------------------------------------------------------------------------------*/

	.dhprogram .model-wrapper{
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	.dhprogram .model-wrapper>img{
		width: 100%;
	}

	.dhprogram .model-wrapper .model-img-tab{
		display: block;
	}
	
	.dhprogram .model-wrapper .model-img-pc{
		display: none;
	}

	.dhprogram .model-wrapper ul{
		width: 100%;
		gap: 1vw;
	}

	.dhprogram .model-content .model-title{
		margin: 3vw 0;
		width: 100%;
	}

	.dhprogram .model-timetable{
		margin: 8vw 0;
	}

	/* section voice
	------------------------------------------------------------------------------*/
	.dhprogram .movie-embed li{
		width: 49%;
	}

	.dhprogram .movie-embed .movie-wrap{
		height: 26vw;
	}

	/* section cost
	------------------------------------------------------------------------------*/
	.dhprogram .speech h2 {
		min-width: 65%;
	}

	/* section exam
	------------------------------------------------------------------------------*/
	.dhprogram .exam-text{
	}

}

@media screen and (max-width: 690px){

	.dhprogram .first-content p{
		line-height: 1.5em;
	}

	.dhprogram .footer-inner-text{
		margin: 5vw auto;
	}

	.dhprogram .foooter-innner-contact{
		margin: 0 0 5vw;
		flex-direction: column;
	}

	.dhprogram .footer-btns{
		flex-wrap: wrap;
		justify-content: center;
	}
}

@media screen and (max-width: 450px){

	.dhprogram .first-content{
		width: 80%;
		top: 42%;
		left: 1%;
	}
	
	.dhprogram .first-content h1 img{
		width: 90%;
	}

	.dhprogram .first-content p{
		margin-right: 1em;
		left: 7%;
		line-height: 1.8em;
		font-weight: 500;
	}

	.dhprogram #firstview .ribbon{
		width: 100%;
		left: -11px;
	}

	.dhprogram .work h2 img,
	.dhprogram .program-info h2 img,
	.dhprogram .footer-inner h2 img{
		width: 75%;
		margin: 5vw auto;
	}

	.dhprogram .work-img{
		height: auto;
	}

	.dhprogram .work-place-item.item01{
		justify-content: space-around;
	}

	.dhprogram .work-place-item li img{
		max-height: 100px;
	}

	.dhprogram .program-info{
		padding: 10vw 0;
	}

	.dhprogram .program-content img{
		height: 200px;
	}

	.dhprogram .program-content p{
		width: 100%;
	}
	
	.dhprogram .program-content-title {
		font-size: 1rem;
		padding: 10vw 0;
	}
	
	.dhprogram .model-wrapper ul{
		gap: 6vw;
	}

	.dhprogram .model-content .model-title{
		margin: 5vw 0;
	}

	.dhprogram .movie-embed .movie-wrap{
		height: 54vw;
	}

	.dhprogram .student-voice{
		margin: 1vw auto 3vw;
	}

	.dhprogram .student-voice h2 img{
		width: 65%;
		min-width: auto;
	}

	.dhprogram .movie-embed{
		flex-direction: column;
		align-items: center;
		gap: 2vw 0;
	}

	.dhprogram .movie-embed li{
		width: 100%;
	}

	.dhprogram .speech h2 {
		min-width: 85%;
	}

	.dhprogram .cost-text{
		margin: 4vw 0 9vw;
	}

	.dhprogram .cost-title{
		margin-bottom: 5vw;
	}
	.dhprogram .lesson-cost table thead {
		display: none;
	}

	.dhprogram .lesson-cost table tr {
		width: 100%;
	}

	.dhprogram .lesson-cost table tbody tr{
		border: none;
	}

	.dhprogram .lesson-cost table td {
		display: block;
		text-align: right;
		width: 100%;
		height: 40px;
		display: flex;
		align-items: center;
		justify-content: space-between;
		border-bottom: 2px solid #fff;
		padding-right: 27px;
	}
	
	.dhprogram .lesson-cost table td:first-child {
		background: #fff;
		font-weight: bold;
		width: 100%;
		height: 37px;
		display: flex;
    	justify-content: center;
		padding: 5px 0 0;
	}

	.dhprogram .lesson-cost table td:not(:first-child):before {
		background-color: #C7ECFB;
		content: attr(data-label);
		float: left;
		font-weight: bold;
	 	margin-right: 10px;
		height: 100%;
		width: 30%;
		display: flex;
		align-items: center;
		justify-content: center;
	}

	.dhprogram .faq-program{
		margin: 2vw 1rem 0 4rem;
	}

	.dhprogram .footer-inner h2{
		margin: 8vw 0;
	}

	.dhprogram .footer-btns a:not(:first-child) img{
		width: 49%;
	}
}