@charset "UTF-8";

/* 打消し用 */
.choose._type02 {
	background: none;
	padding: 48px 0 25px;
}
@media screen and (max-width: 800px){
	.choose._type02 {
		background: none;
		padding: 24px 0 10px;
	}
}

.choose .btn_01 {
	width: auto;
}

.btn_01 {
	background: none;
}

a.btn_01:hover {
	color: inherit;
	background-color: inherit;
	background-image: none;
}

.devices_all .pagetop {
	bottom: 30px;
}
@media screen and (max-width: 800px){
	.devices_all .pagetop {
		bottom: 132px;
	}
}

@media screen and (max-width: 800px){
	.devices_all .footer_inner {
		padding-bottom: 90px;
	}
}
/* /打消し用 */

/* 共通値設定用 */
:root {
	--com-theme-color-white: #FFFFFF;
	--com-theme-color-primary: #EF6097;
	--com-theme-color-yellow: #FCE66B;
	--com-theme-color-navy: #153F7B;
	--com-theme-color-blue: #187BD3;
	--com-fs-text-notice: 14px;
	--com-fs-text-small: 16px;
	--com-fs-text-base: 18px;
	--com-fs-text-middle: 20px;
	--com-fs-text-large: 22px;
	--com-fs-heading-small: 24px;
	--com-fs-heading-middle: 32px;
	--com-fs-heading-large: 40px;
}
@media screen and (max-width: 800px){
	:root {
		--com-fs-text-notice: 12px;
		--com-fs-text-small: 14px;
		--com-fs-text-base: 16px;
		--com-fs-text-middle: 18px;
		--com-fs-text-large: 20px;
		--com-fs-heading-small: 18px;
		--com-fs-heading-middle: 20px;
		--com-fs-heading-large: 24px;
	}
}
/* //color 共通値設定用 */

/* 共通パーツ */
body {
	color: var(--com-theme-color-navy);
	font-family: 'Zen Kurenaido','Zen Kaku Gothic New','ヒラギノ角ゴシック','Hiragino Sans';
}

img {
	width: 100%;
	vertical-align: bottom;
}

/*.svg_icon {
	filter: invert(100%) sepia(88%) saturate(22%) hue-rotate(171deg) brightness(104%) contrast(100%);
	width: 1em;
	height: 1em;
}*/

.txt_center {
	text-align: center;
}

.txt_right {
	text-align: right;
}

.txt_bold {
	font-weight: bold;
}

.set_fc_yellow {
	color: var(--com-theme-color-yellow);
}

.set_fc_navy {
	color: var(--com-theme-color-navy);
}

.com_note_list {
	padding-left: 1em;
	text-indent: -1em;
	font-size: var(--com-fs-text-notice);
	margin-top: 0.5em;
}

.com_note_list li {
	margin-top: 0.5em;
}

.com_note_list li:first-of-type {
	margin-top: 0;
}

.com_set_heading_circle {
	position: relative;
	padding-left: 1em;
}

.com_set_heading_circle:before {
	position: absolute;
	top: 0;
	left: 0;
	transform: translateY(65%);
	display: block;
	content: "";
	width: 0.4em;
	height: 0.4em;
	background-color: var(--com-theme-color-yellow);
	border-radius: 50%;
	border: 3px solid var(--com-theme-color-primary);
}
@media screen and (max-width: 800px){
	.com_set_heading_circle:before {
		transform: translateY(55%);
	}
}

.com_external_link {
	color: inherit;
	/*position: relative;
	padding-right: 1.4em;*/
}

/*.com_external_link:after {
	position: absolute;
	display: block;
	content: "";
	width: 1em;
	height: 1em;
	right: 0;
	top: 50%;
	transform: translate(0,-50%);
	background-color: var(--com-theme-color-white);
	mask-image: url("/special/digital_art2/img/icon_external.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}*/

a.com_btn_link, a.com_btn_link:hover {
	position: relative;
	display: inline-block;
	padding: 0.8em;
	background-color: var(--com-theme-color-white);
	color: var(--com-theme-color-navy);
	font-weight: bold;
	font-size: 18px;
	border: 2px solid var(--com-theme-color-navy);
	border-radius: 40px;
	min-width: 312px;
	text-align: center;
	text-decoration: none;
}

.com_btn_link.com_btn_link_primary, .com_btn_link.com_btn_link_primary:hover {
	background-color: var(--com-theme-color-primary);
	border-color: var(--com-theme-color-primary);
	color: var(--com-theme-color-white);
	font-size: 18px;
	line-height: 1.7;
}

.com_btn_link.com_icon_internal:after, .com_btn_link.com_icon_external:after {
	position: absolute;
	display: block;
	content: "";
	width: 1.5em;
	height: 1.5em;
	right: 0;
	top: 50%;
	transform: translate(-50%,-50%);
}

.com_btn_link.com_icon_internal:after {
	background: url("/special/digital_art2/img/icon_btn_internal.svg") center center no-repeat;
}

.com_btn_link.com_btn_link_primary.com_icon_internal:after {
	background: url("/special/digital_art2/img/icon_btn_internal_primary.svg") center center no-repeat;
}

.com_btn_link.com_icon_external:after {
	background: url("/special/digital_art2/img/icon_btn_external.svg") center center no-repeat;
}

.com_sec_wrap {
	position: relative;
}

.com_sec_inner_head {
	position:absolute;
	width: 100%;
	top: 1px;
	left: 0;
	transform: translateY(-100%);
}

.com_sec_innerwrap {
	width: 100%;
	max-width: 1100px;
	margin-right: auto;
	margin-left: auto;
	padding-right: 0.5em;
	padding-left: 0.5em;
	position: relative;
}

.com_sec_innerwrap.com_sec_innerwrap_narrow {
	max-width: 782px;
}

.com_sec_heading {
	text-align: center;
	font-weight: bold;
}

.com_set_shadow {
	background-color: var(--com-theme-color-white);
	border-radius: 4px;
	box-shadow: 8px 8px 0px 0px rgb(248, 203, 30, 1);
}

.com_set_shadow.com_set_shadow_navy {
	box-shadow: 8px 8px 0px 0px rgb(43, 123, 211, 1);
}

.com_set_shadow.com_set_shadow_blue {
	box-shadow: 8px 8px 0px 0px rgb(80, 207, 216, 1);
}

.com_set_shadow.com_set_shadow_white {
	box-shadow: 8px 8px 0px 0px rgb(255, 255, 255, 1);
}

.com_set_head_illust {
	position: relative;
}

.com_set_head_illust:before {
	position: absolute;
	display: block;
	content: "";
	width: 200px;
	height: 32px;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,120%);
	background-color: var(--com-theme-color-yellow);
	mask-image: url("/special/digital_art2/img/line.svg");
	mask-repeat: no-repeat;
	mask-position: center center;
	mask-size: 100% 100%;
}

.com_set_flex {
	display: flex;
}
@media screen and (max-width: 800px){
	.com_set_flex {
		flex-direction: column;
	}
	.com_set_flex.com_set_flex_row {
		flex-direction: row;
	}
}
/* //共通パーツ */

/* メインビジュアル用 */
.sec_mv {
	background: url("/special/digital_art2/img/mv_bg_pc.png") center center no-repeat;
	background-size: cover;
	padding-bottom: max(16.4vw,156px);
	position: relative;
}
@media screen and (max-width: 800px){
	.sec_mv {
		background: url("/special/digital_art2/img/mv_bg_tab.png") center top no-repeat;
		background-size: cover;
		padding-bottom: min(25.2vw,190px);
		overflow: hidden;
	}
}
@media screen and (max-width: 567px){
	.sec_mv {
		background: url("/special/digital_art2/img/mv_bg_sp.png") center top no-repeat;
		background-size: cover;
		padding-bottom: min(33.2vw,190px);
		overflow: hidden;
	}
}

h1 {
	padding-top: min(4.5vw,64px);
}
@media screen and (max-width: 800px){
	h1 {
		padding-top: min(30.5vw,200px);
	}
}

.mv_text {
	display: block;
	width: 54%;
	max-width: 580px;
	margin: 0 auto;
}
@media screen and (max-width: 800px){
	.mv_text {
		width: 64%;
		min-width: 296px;
	}
}

.mv_text01, .mv_text02, .mv_text03 {
	display: block;
	width: 50%;
}

.mv_text01 {
	max-width: 450px;
	margin: 0 auto;
}

.mv_text02 {
	max-width: 580px;
	margin: 0 auto;
}

.mv_text03 {
	max-width: 252px;
	margin: 28px auto 0;
}

.mv_child01, .mv_child02, .mv_child03, .mv_supplement, .border_child01, .border_child02, .border_child03 {
	display: block;
	position: absolute;
}

.mv_child_wrap {
	position: relative;
	display: block;
}
.mv_child01 {
	width: min(24.2vw,316px);
	top: 50%;
	right: 50%;
	transform: translate(200%,-16%);
}
@media screen and (max-width: 800px){
	.mv_child01 {
		width: min(33.2vw,180px);
		top: 100%;
		right: 50%;
		transform: translate(148%,-16%);
		z-index: 1;
	}
}

.mv_child02 {
	width: min(20.2vw,238px);
	bottom: 0;
	left: 50%;
	transform: translate(-203%,72%);
	z-index: 1;
}
@media screen and (max-width: 800px){
	.mv_child02 {
		width: min(27.2vw,142px);
		top: 0;
		transform: translate(-156%,96%);
	}
}

.mv_child03 {
	width: min(21.2vw,268px);
	top: 0;
	left: 50%;
	transform: translate(-227%,-4%);
}
@media screen and (max-width: 800px){
	.mv_child03 {
		width: min(29.2vw,165px);
		top: 0;
		left: 50%;
		transform: translate(-145%,-96%);
	}
}

.mv_supplement {
	width: min(16vw,136px);
	top: 0;
	right: 36%;
	transform: translate(204%,-12%);
}
@media screen and (max-width: 800px){
	.mv_supplement {
		width: max(80px,18vw);
		top: 0;
		right: 50%;
		transform: translate(212%,-112%);
	}
}
/* //メインビジュアル用 */

/* とは用 */
.sec_about_class {
	background-color: #FAF7ED;
	padding-bottom: min(26.6vw,360px);
}
@media screen and (max-width: 800px){
	.sec_about_class {
		padding-bottom: min(40.8vw,260px);
	}
}

.sec_about_class_subject {
	color: var(--com-theme-color-navy);
	padding-top: 1em;
	text-align: center;
	font-weight: bold;
	font-size: var(--com-fs-heading-middle);
	width: 98%;
	margin: 0 auto;
}


.aclead_grid_child01 {
	order: 2;
	grid-column: 2/3;
	grid-row: 1/2;
	position: relative;
	margin: 0 0 0 20px;
}
@media screen and (max-width: 800px){
	.aclead_grid_child01 {
		order: 1;
		grid-column: 1/2;
		grid-row: 1/2;
		position: relative;
		margin: 0 10px 0 0;
		text-align: right;
	}
}

.aclead_grid_child01:before, .aclead_grid_child02:before, .aclead_grid_child02:after, .aclead_grid_child03:before, .aclead_grid_child03:after {
	display: block;
	content: "";
	position: absolute;
}

.aclead_grid_child01:before {
	right: 16%;
	top: 50%;
	width: 94px;
	height: 92px;
	background: url("/special/digital_art2/img/about_intro_acce_03.png") center center no-repeat;
	transform: translate(0,0) rotate(20deg);
}
@media screen and (max-width: 800px){
	.aclead_grid_child01:before {
		right: 16%;
		top: 88%;
		width: max(10.6vw,40px);
		height: max(10.0vw,38px);
		transform: translate(0,0);
		background: url("/special/digital_art2/img/about_intro_acce_04.png") center center no-repeat;
		background-size: 100%;
	}
}

.aclead_grid_child02 {
	order: 1;
	grid-column: 1/2;
	grid-row: 1/2;
	margin: 160px 10px 0 0;
	position: relative;
	text-align: right;
}
@media screen and (max-width: 800px){
	.aclead_grid_child02 {
		order: 2;
		grid-column: 1/2;
		grid-row: 2/3;
		position: relative;
		margin: -28px 0 0 10px;
		text-align: left;
	}
}

.aclead_grid_child02:before {
	left: 18%;
	top: 0;
	width: 86px;
	height: 76px;
	background: url("/special/digital_art2/img/about_intro_acce_01.png") center center no-repeat;
	transform: translate(0,-25%) rotate(20deg);
}

.aclead_grid_child02:after {
	right: -5%;
	top: 25%;
	width: 82px;
	height: 82px;
	background: url("/special/digital_art2/img/about_intro_acce_02.png") center center no-repeat;
	transform: translate(0,0);
}
@media screen and (max-width: 800px){
	.aclead_grid_child02:before {
		left: 8%;
		top: -75%;
		width: max(11.8vw,44px);
		height: max(10.0vw,38px);
		transform: translate(0,-25%) rotate(20deg);
		background-size: 100%;
	}

	.aclead_grid_child02:after {
		right: 70%;
		top: -15%;
		width: max(11.2vw,42px);
		height: max(11.2vw,42px);
		transform: translate(0,0);
		background-size: 100%;
	}
}

.aclead_grid_child03 {
	order: 3;
	grid-column: 1/3;
	grid-row: 2/3;
	margin: -64px 130px 0 0;
	position: relative;
	text-align: right;
}
@media screen and (max-width: 800px){
	.aclead_grid_child03 {
		grid-column: 1/2;
		grid-row: 3/4;
		position: relative;
		margin: -10px 0 0 14%;
		text-align: center;
	}
}

.aclead_grid_child03:before {
	right: 8%;
	top: 0;
	width: 86px;
	height: 86px;
	background: url("/special/digital_art2/img/about_intro_acce_04.png") center center no-repeat;
	transform: translate(0,-36%);
}

.aclead_grid_child03:after {
	right: 44%;
	top: 78%;
	width: 78px;
	height: 78px;
	background: url("/special/digital_art2/img/about_intro_acce_05.png") center center no-repeat;
	transform: translate(84%,-68%);
}
@media screen and (max-width: 800px){
	.aclead_grid_child03:before {
		right: 6%;
		top: 84%;
		width: max(11.8vw,48px);
		height: max(11.8vw,48px);
		transform: translate(0,-25%) rotate(20deg);
		background: url("/special/digital_art2/img/about_intro_acce_03.png") center center no-repeat;
		background-size: 100%;
	}

	.aclead_grid_child03:after {
		right: 30%;
		top: 0%;
		width: max(11.2vw,42px);
		height: max(11.2vw,42px);
		transform: translate(0%,0%);
		background-size: 100%;
	}
}

.aclead_grid_child01 img {
	max-width: 472px;
	width: 82%;
}
@media screen and (max-width: 800px){
	.aclead_grid_child01 img {
		min-width: 188px;
		width: 58%;
	}
}

.aclead_grid_child02 img {
	max-width: 504px;
	width: 86%;
}
@media screen and (max-width: 800px){
	.aclead_grid_child02 img {
		min-width: 204px;
		width: 62%;
	}
}

.aclead_grid_child03 img {
	max-width: 492px;
	width: 42%;
}
@media screen and (max-width: 800px){
	.aclead_grid_child03 img {
		min-width: 196px;
		width: 70%;
	}
}

.details_class_wrap {
	width:  min(96%,1088px);
	margin: 68px auto 0;
}
@media screen and (max-width: 800px){
	.details_class_wrap {
		width: min(85%,480px);
		margin: 32px auto 0;
	}
}

.details_class_inner {
	background: url("/special/digital_art2/img/lattice_bg.png") left top;
	padding-top: 48px;
}

.details_class_heading {
	color: var(--com-theme-color-primary);
	font-size: var(--com-fs-heading-middle);
}

.details_class_lead {
	font-size: var(--com-fs-text-large);
	line-height: 2.4;
	margin-top: 66px;
	padding: 0 5em 32px;
}
@media screen and (max-width: 800px){
	.details_class_lead {
		font-size: var(--com-fs-text-base);
		line-height: 1.8;
		margin-top: 56px;
		padding: 0 32px 40px;
	}
}
/* /とは用 */

/* 講座概要用 */
.sec_overview_class {
	background: url("/special/digital_art2/img/overview_bg_deco_01.png") no-repeat right -10vw top 0,
				url("/special/digital_art2/img/overview_bg_deco_02.png") no-repeat left -12vw bottom 246px;
	background-size: 30vw auto,
					 30vw auto;
	background-color: #FDF2B4;
	padding-bottom: 19.8vw;
}
@media screen and (max-width: 800px) {
	.sec_overview_class {
		background: url("/special/digital_art2/img/overview_bg_deco_01.png") no-repeat right -22vw top 140px,
					url("/special/digital_art2/img/overview_bg_deco_02.png") no-repeat  left -18vw bottom 120px;
		background-size: 70vw auto,
						 70vw auto;
		background-color: #FDF2B4;
		padding-bottom: min(40.8vw,260px);
	}
}

.border_child01 {
	width: min(24.8vw,324px);
	top: 0;
	left: 30%;
	transform: translate(-120%,-110%);
}
@media screen and (max-width: 800px){
	.border_child01 {
		width: max(32.8vw,155px);
		top: 0;
		left: 4%;
		transform: translate(0%,-120%);
	}
}

.overview_class_heading {
	position: relative;
	font-size: var(--com-fs-heading-large);
	padding-top: 80px;
}
@media screen and (max-width: 800px){
	.overview_class_heading {
		padding-top: 32px;
	}
}

.overview_class_heading:before {
	background-color: var(--com-theme-color-white);
}

.overview_class_details_wrap {
	margin: 112px auto 0;
	max-width: 530px;
}
@media screen and (max-width: 800px){
	.overview_class_details_wrap {
		margin: 80px auto 0;
		width: 92%;
	}
}

.overview_class_details_wrap dl {
	margin-top: 24px;
}
@media screen and (max-width: 800px){
	.overview_class_details_wrap dl {
		margin-top: 16px;
	}
}

.overview_class_details_wrap dl:first-of-type {
	margin-top: 0;
}

.overview_class_details_head {
	font-size: var(--com-fs-text-large);
	font-weight: bold;
	width: 35%;
}
@media screen and (max-width: 800px){
	.overview_class_details_head {
		font-size: var(--com-fs-text-middle);
		width: 100%;
	}
}

.overview_class_details_lead {
	font-size: var(--com-fs-text-large);
}
@media screen and (max-width: 800px){
	.overview_class_details_lead {
		font-size: var(--com-fs-text-base);
		padding-top: 0.5em;
	}
}

/* /講座概要用 */

/* 講座の流れ用 */
.sec_step_class {
	color: var(--com-theme-color-navy);
	padding-bottom: 21.8vw;
}
@media screen and (max-width: 800px){
	.sec_step_class {
		padding-bottom: min(32.8vw,200px);
	}
}

@media screen and (min-width: 801px){
	.sec_step_class.sec_step_class_setbg {
		background: url("/special/digital_art2/img/step_bg_deco_01.png") no-repeat right -11vw top 0px,
					url("/special/digital_art2/img/step_bg_deco_02.png") no-repeat left -11vw bottom 306px;
		background-size: 29vw auto,
						 29vw auto;
		background-color: #2B7BD3;
	}
}
@media screen and (max-width: 800px){
	.sec_step_class.sec_step_class_setbg {
		background: url("/special/digital_art2/img/step_bg_deco_sp_01.png") no-repeat left -40vw top 500px,
					url("/special/digital_art2/img/step_bg_deco_sp_02.png") no-repeat right -50vw top 1120px,
					url("/special/digital_art2/img/step_bg_deco_sp_03.png") no-repeat left -40vw bottom 180px;
		background-size: 90vw auto,
						 90vw auto,
					 	 110vw auto;
		background-color: #2B7BD3;
	}
}

.border_child02 {
	width: min(25.0vw,328px);
	top: 0;
	right: 25%;
	transform: translate(76%,-106%);
}
@media screen and (max-width: 800px){
	.border_child02 {
		width: max(32.8vw,155px);
		top: 0;
		right: 8%;
		transform: translate(0%,-115%);
	}
}

.step_class_heading {
	position: relative;
	color: var(--com-theme-color-white);
	font-size: var(--com-fs-heading-large);
	padding: 80px 0 0 0;
}
@media screen and (max-width: 800px){
	.step_class_heading {
		padding: 32px 0 0 0;
	}
}

.step_class_heading:before {
	background-color: var(--com-theme-color-yellow);
}

.sec_step_class_lead {
	margin: 112px auto 0;
	font-size: var(--com-fs-text-large);
	color: var(--com-theme-color-white);
	font-weight: bold;
	text-align: center;
}
@media screen and (max-width: 800px){
	.sec_step_class_lead {
		font-size: var(--com-fs-text-base);
		text-align: left;
		margin: 80px auto 0;
		padding: 0 0.5em;
		max-width: 530px;
	}
}

.step_class_process {
	margin: 96px 0 0 0;
	gap: 70px;
}
@media screen and (max-width: 800px){
	.step_class_process {
		margin: min(23vw,140px) auto 0;
		width: 80%;
		max-width: 530px;
		gap: 70px;
	}
}

.step_class_process > li {
	width: calc((100% - 140px) / 3);
}
@media screen and (max-width: 800px){
	.step_class_process > li {
		width: 100%;
		margin-top: min(12.2vw,88px);
	}
	
	.step_class_process > li:first-of-type {
		margin-top: 0;
	}
}

.step_class_process_wrap {
	position: relative;
}

.step_class_process_heading {
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(0, -60%);
	z-index: 1;
}

.step_class_process_heading img {
	vertical-align: inherit;
}

.step_class_process_img {
	padding: 48px 24px 24px 24px;
	background-color: var(--com-theme-color-white);
}

/*.step_class_process_img:after {
	display: block;
	content: "";
	width: 100%;
	min-height: 32px;
	position: absolute;
	left: 0;
	bottom: 0;
	transform: translateY(31%);
	background: url("/special/digital_art2/img/step_bg_bottom.png") left bottom no-repeat;
	background-size: 100%;
}*/

.step_class_process_lead {
	margin-top: 32px;
	display: inline-block;
	font-weight: bold;
	font-size: 22px;
	color: #7C36BF;
	position: relative;
}
@media screen and (max-width: 800px){
	.step_class_process_lead {
		margin-top: 24px;
		font-size: 18px;
	}
}

.step_class_process_lead:after {
	display: block;
	content: "";
	width: 100%;
	height: 3px;
	background-color: #7C36BF;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translate(-50%,6px);
}

.step_class_process_explanation {
	margin-top: 24px;
	font-size: var(--com-fs-text-base);
}

.step_class_process_setarrow, .step_class_process_wrap {
	position: relative;
}

@media screen and (min-width: 801px){
	.step_class_process_setarrow.setarrow_pc:after {
		position: absolute;
		background: url("/special/digital_art2/img/icon_step_arrow.png") center center no-repeat;
		background-size: 100%;
		content: "";
		width: 40px;
		height: 40px;
		right: 0;
		top: 50%;
		transform: translate(148%,-50%);
	}
}
@media screen and (max-width: 800px){
	.step_class_process_setarrow.setarrow_sp:after {
		position: absolute;
		background: url("/special/digital_art2/img/icon_step_arrow.png") center center no-repeat;
		background-size: 100%;
		content: "";
		width: 40px;
		height: 40px;
		right: 50%;
		top: 100%;
		transform: translate(42%,25%) rotate(90deg);
	}
}

.step_class_linkarea {
	padding: 1.2em 1em 1.2em 4.5em;
	margin: 64px auto 0;
	color: var(--com-theme-color-navy);
	background-color: var(--com-theme-color-white);
	border: 2px dashed var(--com-theme-color-primary);
	text-align: center;
}
@media screen and (max-width: 800px){
	.step_class_linkarea {
		padding: 1em 1em 1em 3em;
		margin: 48px auto 0;
		text-align: left;
		width: 90%;
		max-width: 530px;
	}
}

.step_class_linkarea_link {
	display: inline-block;
	position: relative;
	font-size: 20px;
}
@media screen and (max-width: 800px){
	.step_class_linkarea_link {
		font-size: 16px;
	}
}

.step_class_linkarea_link:before {
	position: absolute;
	left: 0;
	top: 0;
	transform: translate(-120%,-5%);
	content: "";
	width: 40px;
	height: 40px;
	background: url("/special/digital_art2/img/icon_megaphone.png") center center no-repeat;
	background-size: 100%;
}






.flow_class_detail_wrap {
	margin: 140px 0 0;
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
	gap: 0 70px;
}
@media screen and (max-width: 800px) {
	.flow_class_detail_wrap {
	    grid-template-columns: 1fr;
		gap: 0;
		width: 90%;
		max-width: 520px;
		margin: 132px auto 0;
	}
}

.com_set_flex {
	display: flex;
}
@media screen and (max-width: 800px) {
	.com_set_flex {
		flex-direction: column;
	}
	.com_set_flex.com_set_flex_row {
		flex-direction: row;
	}
}

.flow_class_detail_process {
	display: grid;
	grid-template-rows: subgrid;
    grid-row: span 3;
}
@media screen and (max-width: 800px) {
	.flow_class_detail_process {
		margin-top: min(34vw,160px);
	}
	
	.flow_class_detail_process:first-of-type {
		margin-top: 0;
	}
}

.flow_class_process_lead {
	color: var(--com-theme-color-yellow);
	font-size: var(--com-fs-text-large);
	text-align: center;
	margin-top: 36px;
	padding-bottom: 4px;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	position: relative;
}
.flow_class_process_lead:after {
	display: block;
	content: "";
	height: 3px;
	background-color: var(--com-theme-color-yellow);
	position: absolute;
	bottom: -2px;
	left: 50%;
	transform: translateX(-50%);
}
.flow_class_process_lead.step1:after {
	width: 52%;
}
.flow_class_process_lead.step2:after {
	width: 86%;
}
.flow_class_process_lead.step3:after {
	width: 86%;
}
@media screen and (max-width: 800px){
	.flow_class_process_lead {
		font-size: var(--com-fs-text-middle);
		margin-top: 24px;
	}
}

.flow_class_process_explanation {
	margin-top: 28px;
	font-size: var(--com-fs-text-base);
	color: var(--com-theme-color-white);
	text-align: center;
}
@media screen and (max-width: 800px){
	.flow_class_process_explanation {
		margin-top: 20px;
	}
}
/* /講座の流れ用 */

/* さらに知りたい方へ用 */
.sec_recommend {
	background-color: #FAF7ED;
	padding-bottom: 16.8vw;
}
@media screen and (max-width: 800px){
	.sec_recommend {
		padding-bottom: min(40.8vw,260px);
	}
}

.recommend_heading {
	font-size: var(--com-fs-heading-large);
}

.recommend_heading_sec {
	margin: 112px auto 0;
	font-size: 28px;
}
@media screen and (max-width: 800px){
	.recommend_heading_sec {
		margin: 80px auto 0;
		font-size: 18px;
	}
}

.recommend_details_wrap {
	margin-top: 60px;
}
@media screen and (max-width: 800px){
	.recommend_details_wrap {
		margin-top: 40px;
	}
}

.recommend_details_img {
	max-width: 774px;
	width: 90%;
	margin: 0 auto;
}
@media screen and (max-width: 800px){
	.recommend_details_img {
		max-width: 530px;
	}
}

.recommend_details_lead {
	margin-top: 48px;
}
@media screen and (max-width: 800px){
	.recommend_details_lead {
		margin-top: 40px;
	}
}

.recommend_details_lead.set_btn_hide {
	padding-bottom: 60px;
}
@media screen and (max-width: 800px){
	.recommend_details_lead.set_btn_hide {
		padding-bottom: 0;
	}
}
/* /さらに知りたい方へ用 */

/* お客様の声用 */
.sec_voice_class {
	background-image: url("/special/digital_art2/img/sec_voice_class_cont_bg_pc.png");
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	background-color: #50CFD8;
	padding-bottom: 20.8vw;
	color: var(--com-theme-color-navy);
}
@media screen and (max-width: 800px){
	.sec_voice_class {
		background-image: url("/special/digital_art2/img/sec_voice_class_cont_bg_sp.png");
		background-size: 100%;
		padding-bottom: min(40.8vw,260px);
	}
}

.border_child03 {
	width: min(14.2vw,186px);
	top: 0;
	right: 25%;
	transform: translate(135%,-100%);
}
@media screen and (max-width: 800px){
	.border_child03 {
		width: max(19.8vw,88px);
		top: 0;
		right: 8%;
		transform: translate(0%,-96%);
	}
}

.voice_class_heading {
	font-size: var(--com-fs-heading-large);
	color: var(--com-theme-color-white);
	padding-top: 4.1vw;
}
@media screen and (max-width: 800px){
	.voice_class_heading {
		padding-top: 7.1vw;
	}
}

.voice_class_heading:before {
	background-color: var(--com-theme-color-yellow);
}

.voice_class_details_wrap {
	margin: 120px 0 0 0;
	gap: 40px;
}
@media screen and (max-width: 800px){
	.voice_class_details_wrap {
		margin: min(20vw,100px) auto 0;
		width: 92%;
		gap: 40px;
	}
}

.voice_class_details_content {
	padding: 1.2em;
}
@media screen and (max-width: 800px){
	.voice_class_details_content {
		padding: 0.8em;
	}
}

.voice_class_details_img {
	min-width: 96px;
}
@media screen and (max-width: 800px){
	.voice_class_details_img {
		min-width: 72px;
	}
}

.voice_class_details_img > p {
	border-radius: 50%;
	background-color: var(--com-theme-color-yellow);
}

.voice_class_details_lead {
	padding: 0.5em 0 0.5em 1.2em;
}

.voice_class_details_lead p {
	font-size: var(--com-fs-text-base);
}
/* /お客様の声用 */

/* お申込み方法用 */
.sec_apply_class_heading {
	font-size: var(--com-fs-heading-large);
}

.sec_apply_class_details_wrap {
	margin-top: 120px;
}
@media screen and (max-width: 800px){
	.sec_apply_class_details_wrap {
		max-width: 568px;
		margin: 80px auto 0;
		padding: 0 0.5em;
	}
}

.sec_apply_class_details_wrap.details_shop {
	margin-top: 0;
}
@media screen and (max-width: 800px){
	.sec_apply_class_details_wrap.details_shop {
		margin: 0 auto 0;
	}
}

.sec_apply_class_details_wrap p {
	font-size: var(--com-fs-text-base);
}

.sec_apply_class h3 {
	margin-top: 32px;
	font-size: var(--com-fs-heading-small);
	padding-left: 1em;
}

.sec_apply_class h3:first-of-type {
	margin-top: 0;
}

.sec_apply_class p.sec_apply_class_btn_serch {
	margin-top: 32px;
}

.sec_apply_class_related {
	padding-bottom: 64px;
}
@media screen and (max-width: 800px){
	.sec_apply_class_related {
		margin: 0 auto;
		padding-bottom: 40px;
	}
}

.caution_last {
	margin-top: 32px;
	padding-bottom: 180px;
}
@media screen and (max-width: 800px){
	.caution_last {
		margin-top: 16px;
		padding-bottom: 96px;
	}
}

.apply_lead_phone {
	margin-top: 16px;
}
@media screen and (max-width: 800px){
	.apply_lead_phone {
		margin-top: 8px;
	}
}
/* /お申込み方法用 */

/* 予約へすすむボタン用 */
.main {
	position: sticky;
	bottom: 0;
	z-index: 2;
	background: rgba(255,255,255,0.8);
}

.choose._type02 {
	position: relative;
}
/* /予約へすすむボタン用 */