<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/NotoSansJP-Regular.woff') format('woff'),
        url('../fonts/NotoSansJP-Regular.eot')  format('eot');
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/NotoSansJP-Medium.woff') format('woff'),url('../fonts/NotoSansJP-Medium.eot')  format('eot');
    font-display: swap;

}
@font-face {
    font-family: 'Noto Sans JP';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/NotoSansJP-Bold.woff') format('woff'),
        url('../fonts/NotoSansJP-Bold.eot')  format('eot');
    font-display: swap;
}
.mb0em {margin-bottom: 0 !important;}
.mb03em {margin-bottom: 0.3em !important;}
.mb04em {margin-bottom: 0.4em !important;}
.mb06em {margin-bottom: 0.6em !important;}
.mb1em {margin-bottom: 1em !important;}
.mb2em {margin-bottom: 2em !important;}
.mb3em {margin-bottom: 3em !important;}
.mb4em {margin-bottom: 4em !important;}
.mb5em {margin-bottom: 5em !important;}
.mb6em {margin-bottom: 6em !important;}
.mt0em {margin-top: 0 !important;}
.mt1em {margin-top: 1em !important;}
.mt2em {margin-top: 2em !important;}
.mt3em {margin-top: 3em !important;}
.mt4em {margin-top: 4em !important;}
.pt0em {padding-top: 0 !important;}
.pt1em {padding-top: 1em !important;}
.pt2em {padding-top: 2em !important;}
.pt3em {padding-top: 3em !important;}
.pt4em {padding-top: 4em !important;}
.pb0em {padding-bottom: 0 !important;}
.pb1em {padding-bottom: 1em !important;}
.pb2em {padding-bottom: 2em !important;}
.pb3em {padding-bottom: 3em !important;}
.pb4em {padding-bottom: 4em !important;}
.bg-skyblue {background: #EEF4F8 !important;}
.txt_pink {color: #ff2272;}
.txt_blue {color: #2dace0;}
.txt_r {text-align: right !important;}
.txt_l {text-align: left !important;}
.txt_c {text-align: center !important;}
.txt_ul {text-decoration: underline !important;}
.fz_05x {font-size: .5em !important;}
.fz_06x {font-size: .6em !important;}
.fz_08x {font-size: .8em !important;}
.fz_09x {font-size: .9em !important;}
.fz_095x {font-size: .95em !important;}
.fz_1x {font-size: 1em !important;}
.fz_11x {font-size: 1.1em !important;}
.fz_12x {font-size: 1.2em !important;}
.fz_15x {font-size: 1.5em !important;}
.fz_20x {font-size: 2em !important;}
.fw_nml {font-weight: 400 !important;}
.fw_mid {font-weight: 500 !important;}
.fw_bld {font-weight: 700 !important;}
.marker{
    background: linear-gradient(transparent 75%, #ACDBF5 75%);
    font-weight: 700;
	color: #333;
}
.footer-top {
	background: #eef4f8;
}
.subsidyExclusive {
	margin: 0 auto;
	padding-bottom: 6.13333vw;
}
.fw-middle {
	font-weight: 500 !important;
}
.fw-bold {
	font-weight: 700 !important;
}
.sp-il {display: inline;}
.pc-il {display: none;}
@media screen and (min-width: 768px), print {
	.sp-il {display: none;}
    .pc-il {display: inline;}
}
/* 全体（フォント設定） */
main {
	font-family: 'Noto Sans JP',"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, sans-serif;
}
/* ページタイトルエリア（index用） */
.sect-title-index {
	width: 100%;
	height: 78vh;
	position: relative;
}
.sect-title-index::before {
	width: 100%;
	height: 100vh;
	content: "";
	display: block;
	top: 0;
	left: 0;
	position: fixed;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: -1;
}
.sect-title-index#title-img-biz::before {
	background-image: url(../img/guidance/business/mv_index_sp.jpg);
}
.sect-title-index#title-img-des::before {
	background-image: url(../img/guidance/dtp/mv_index_sp.jpg);
}
.sect-title-index#title-img-web::before {
	background-image: url(../img/guidance/web/mv_index_sp.jpg);
}
.sect-title-index#title-img-it::before {
	background-image: url(../img/guidance/program/mv_index_sp.jpg);
}
.sect-title-index#title-img-cad::before {
	background-image: url(../img/guidance/cad/mv_index_sp.jpg);
}
.sect-title-index h1 {
	position: absolute;
	font-size: 7.5vw;
    font-weight: 500;
	line-height: 1.3;
    color: #fff;
    text-align: left;
	top: 25%;
	right: 5%;
	-wbkit-transform: translateY(-50%);
	transform: translateY(-50%);
	border-bottom: 1px solid #ff2272;
	padding-bottom: .4em;
}
/* IT系ブルー基調 */
#course_blue .sect-title-index h1 {
	border-bottom: 1px solid #2dace0;
}
.sect-title-index .inner-title-index {
	position: absolute;
	padding: 10% 5%;
	bottom: 0;
}

.sect-title-index .inner-title-index h2 {
    color: #fff;
	font-size: 5.6vw;
	font-weight: 500;
	margin-bottom: .6em;
}
.sect-title-index .inner-title-index p {
    color: #fff;
}
@media screen and (min-width: 768px), print {
	.sect-title-index {
        width: 100%;
        height: 70vh;
		max-height: 700px;
    }
	.sect-title-index::before {
        width: 100%;
        height: 100vh;
		top: auto;
    }
	.sect-title-index#title-img-biz::before {
		background-image: url(../img/guidance/business/mv_index_pc.jpg);
	}
	.sect-title-index#title-img-des::before {
		background-image: url(../img/guidance/dtp/mv_index_pc.jpg);
	}
	.sect-title-index#title-img-web::before {
		background-image: url(../img/guidance/web/mv_index_pc.jpg);
	}
	.sect-title-index#title-img-it::before {
		background-image: url(../img/guidance/program/mv_index_pc.jpg);
	}
	.sect-title-index#title-img-cad::before {
		background-image: url(../img/guidance/cad/mv_index_pc.jpg);
	}
	.wrapper-title-index {
		max-width: 1500px;
        margin: 0 auto;
        position: relative;
        height: 100%;
	}
	.sect-title-index h1 {
        font-size: 4.16667vw;
        left: 5%;
		line-height: 1.2;
		top: 20%;
        right: 5%;
        -wbkit-transform: translateY(0);
        transform: translateY(0);
		border-bottom: none;
		border-left: 2px solid #ff2272;
		padding-bottom: 0;
		padding-left: .6em;
    }
	/* IT系ブルー基調 */
    #course_blue .sect-title-index h1 {
		border-bottom: none;
		border-left: 2px solid #2dace0;
    }
    .sect-title-index .inner-title-index {
		right: 5%;
		width: 39.815vw;
        padding: 0 0 3%;
        bottom: 0;
    }
    .sect-title-index .inner-title-index h2 {
        font-size: 2.407vw;
		margin-bottom: .4em;
    }
    .sect-title-index .inner-title-index p {
        font-size: 1.66667vw;
    }
}
@media screen and (min-width: 1080px) {
	.sect-title-index h1 {
        font-size: 4.5rem;
    }
	.sect-title-index .inner-title-index {
		width: 430px;
    }
    .sect-title-index .inner-title-index h2 {
        font-size: 2.6rem;
    }
    .sect-title-index .inner-title-index p {
        font-size: 1.8rem;
    }
}
/* ページタイトルエリア */
.sect-title {
	width: 100%;
    height: 35vh;
    background-image: url(../img/mv.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}
.sect-title#title-img-biz {
	background-image: url(../img/guidance/business/mv_index_sp.jpg);
	background-position: 50% 30%;
}
.sect-title#title-img-des {
	background-image: url(../img/guidance/dtp/mv_index_sp.jpg);
	background-position: 50% 30%;
}
.sect-title#title-img-web {
	background-image: url(../img/guidance/web/mv_index_sp.jpg);
	background-position: 50% 30%;
}
.sect-title#title-img-it {
    background-image: url(../img/guidance/program/mv_index_sp.jpg);
	background-position: 50% 30%;
}
.sect-title#title-img-cad {
    background-image: url(../img/guidance/cad/mv_index_sp.jpg);
	background-position: 50% 30%;
}
.sect-title .inner-title {
	/*background-color: hsla(0,0%,100%,.8);
    width: 75.2vw;*/
    position: absolute;
    top: 50%;
	left: 1.5em;
    margin-left: auto;
    transform: translateY(-50%);
    /*padding: 4.8vw 0 4.53333vw 4.8vw;*/
}
.sect-title .inner-title .title-header {
    font-size: 3.46667vw;
    font-weight: normal;
    color: #ffffff;
    /*background-color: #ff2272;*/
    /*line-height: 1.9;
    margin: -4.8vw -4.53333vw 2vw -4.8vw;
    padding: 0.1em 0 0 5.06667vw;*/
}
.sect-title .inner-title h1 {
    font-size: 6.53333vw;
    font-weight: 700;
    color: #fff;
    text-align: left;
	border-bottom: 1px solid #ff2272;
	padding-bottom: .25em;
}
/* IT系ブルー基調 */
#course_blue .sect-title .inner-title h1 {
	border-bottom: 1px solid #2dace0;
}
.sect-title .inner-title h1 .sub-title {
    font-size: .8em;
	font-weight: 400;
}
@media screen and (min-width: 768px), print {
	.sect-title {
		height: 28.125vw;
        min-height: 31.48148vw;
    }
	.sect-title#title-img-biz {
        background-image: url(../img/guidance/business/mv_index_pc.jpg);
        background-position: 50% 30%;
    }
	.sect-title#title-img-des {
        background-image: url(../img/guidance/dtp/mv_index_pc.jpg);
        background-position: 50% 30%;
    }
	.sect-title#title-img-web {
        background-image: url(../img/guidance/web/mv_index_pc.jpg);
        background-position: 50% 30%;
    }
	.sect-title#title-img-it {
        background-image: url(../img/guidance/program/mv_index_pc.jpg);
        background-position: 50% 30%;
    }
	.sect-title#title-img-cad {
        background-image: url(../img/guidance/cad/mv_index_pc.jpg);
        background-position: 50% 30%;
    }
    .sect-title .inner-title {
		width: 65%;
        padding: 3.42593vw 0 2.96296vw 4.25926vw;
        line-height: 1.4;
    }
    .sect-title .inner-title .title-header {
		font-size: 1.66667vw;
        padding: 0.1em 0 0 4.62963vw;
		margin: -5.55556vw 0 0 -4.25926vw;
    }
    .sect-title .inner-title h1 {
		font-size: 4.16667vw;
    }
}
@media screen and (min-width: 1080px) {
	.sect-title {
        
    }
    .sect-title .inner-title {
        
    }
    .sect-title .inner-title .title-header {
        font-size: 1.8rem;
        padding: 0.1em 0 0 8.5%;
    }
    .sect-title .inner-title h1 {
        font-size: 4.5rem;
    }
}
/* パンくずエリア */
.sect-bc {
	display: none;
}
@media screen and (min-width: 768px), print {
	.sect-bc {
		display: block;
		background: #fff;
    }
	.sect-bc ul {
        margin: 0 3.7037vw;
    }
	.sect-bc li {
        display: inline-block;
		font-size: 1.2963vw;
    }
	.sect-bc li:not(:last-child) {
		margin-right: .7em;
	}
	.sect-bc li:not(:last-child)::after {
		content: "";
        display: inline-block;
        transform: rotate(45deg);
        width: .64815vw;
        height: .64815vw;
        border-top: .09259vw solid #6b6b6b;
        border-right: .09259vw solid #6b6b6b;
        position: relative;
        top: -.18519vw;
	}
	.sect-bc li a {
        display: inline-block;
        font-size: 1.2963vw;
        color: #ff2272;
        padding: .46296vw 0 .37037vw;
        margin-right: .7em;
    }
}

@media screen and (min-width: 1080px) {
	.sect-bc ul {
        max-width: 1280px;
        margin: 0 auto;
		padding: 0 2em;
    }
	.sect-bc li {
        font-size: 1.4rem;
    }
	.sect-bc li:not(:last-child)::after {
		width: 7px;
        height: 7px;
        border-width: 1px;
        top: -2px;
	}
	.sect-bc li a {
        font-size: 1.4rem;
        padding: 5px 0 4px;
    }
}

/**************************
メインセクション 
**************************/
/* セクションブロック周り */
.sect-main {
	padding: 0 0 9.33333vw;
	background: #fff;
	border-bottom: 1px solid #ECECEC;
}
.sect-main.bg-gray {
	background: #f9f9f9;
}
.sect-main h2[id]::before {
	display: block;
    height: 2em;
    margin-top: -2em;
    content: "";
}
/*.sect-main:nth-child(odd) {
	background: #EEF4F8;
}
.sect-main:nth-child(even) {
	background: #FFF;
}*/
.sect-main .inner-main,.sect-main .inner-main-w {
	padding: 7.46667vw 0 0;
	margin: 0 4vw;
}
.box-side-img-sp {
    display: flex;
    justify-content: space-between;
	align-items: flex-start;
}
.box-side-img-sp .side-w70 {
    width: 68%;
}
.box-side-img-sp .side-w60 {
    width: 58%;
}
.box-side-img-sp .side-w40 {
    width: 38%;
}
.box-side-img-sp .side-w30 {
    width: 28%;
}
/* 枠囲いカラー */
.box-border-gray {
	border: 1px solid #cecece;
	padding: 1em 1.5em;
	margin-bottom: 2em;
}
.box-border-pink {
	border: 1px solid #ff2272;
	padding: 1em 1.5em;
	margin-bottom: 2em;
}
.box-border-blue {
	border: 1px solid #2dace0;
	padding: 1em 1.5em;
	margin-bottom: 2em;
}
.box-bg-pink {
	border: 1px solid #ff2272;
	padding: 1.5em;
	margin-bottom: 2em;
	background: #FFF8F8;
}
.box-bg-gray {
	border: 1px solid #cecece;
	padding: 1.5em;
	margin-bottom: 2em;
	background: #f7f7f7;
}
/* 上下ボーダーボックス */
.box-border-tb {
	margin-bottom: 2em;
}
.inner-border-tb {
	border-bottom: 1px solid #ccc;
	padding: 1em 1.5em;
}
.inner-border-tb:first-of-type {
	border-top: 1px solid #ccc;
}
/* 2カラムボックス */
.wrap-2cul-box {
	margin-bottom: 1em;
}
.wrap-2cul-box .inner-2cul-box {
	margin-bottom: 1em;
}
.wrap-2cul-box dl {
	position: relative;
	margin-bottom: 1em;
}
.wrap-2cul-box dl a {
	display: block;
	width: 100%;
	height: 100%;
}
.wrap-2cul-box dl dt {
	position: absolute;
    background: rgba(255,255,255,0.80);
    bottom: 0;
    text-align: center;
    width: 100%;
    /* height: 4em; */
    line-height: 1.4em;
    font-size: 4.2vw;
    font-weight: bold;
    color: #333;
    z-index: 1;
    padding: .8em 0;
}
.wrap-2cul-box dl dt strong {
	color: #ff2272;
}
/* IT系ブルー基調 */
#course_blue .wrap-2cul-box dl dt strong {
	color: #2dace0;
}
.wrap-2cul-box dl dt::after {
	position: absolute;
	content: "";
	display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-top: .267vw solid #ff2272;
    border-right: .267vw solid #ff2272;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
/* IT系ブルー基調 */
#course_blue .wrap-2cul-box dl dt::after {
    border-top: .267vw solid #2dace0;
    border-right: .267vw solid #2c67b6;
}
.wrap-2cul-box dl dd {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.wrap-2cul-box dl a dd img {
	transition:.6s all;
}
.wrap-2cul-box dl a:hover dd img {
	transform:scale(1.2,1.2);
}
/* 2/3カラムタイトル付きドキュメント枠 */
.wrap-2cul-document,
.wrap-3cul-document {
	margin-bottom: 2em;
}
.wrap-2cul-document dl,
.wrap-3cul-document dl {
	margin-bottom: 1em;
}
.wrap-2cul-document dl .tit-document,
.wrap-3cul-document dl .tit-document {
	color: #333;
	font-weight: 500;
	font-size: 4.53333vw;
	padding: .6em 0;
	line-height: 1.4;
}
.wrap-2cul-document dl .img-document,
.wrap-3cul-document dl .img-document {
	margin-bottom: .6em;
}
.wrap-2cul-document dl dd,
.wrap-3cul-document dl dd {
	font-size: 3.73333vw;
}
.wrap-2cul-document dl dt strong,
.wrap-3cul-document dl dt strong {
	font-weight: 700;
	color: #ff2272;
}
/* IT系ブルー基調 */
#course_blue .wrap-2cul-document dl dt strong,
#course_blue .wrap-3cul-document dl dt strong {
	color: #2dace0;
}
/* 3カラムボックス */
.wrap-3cul-box {
	margin-bottom: 1em;
}
.wrap-3cul-box .inner-3cul-box {
	margin-bottom: 1em;
}
.wrap-3cul-box dl {
	position: relative;
	margin-bottom: 1em;
}
.wrap-3cul-box dl a {
	display: block;
	width: 100%;
	height: 100%;
}
.wrap-3cul-box dl dt {
	position: absolute;
    background: rgba(255,255,255,0.80);
    bottom: 0;
    text-align: center;
    width: 100%;
    /* height: 4em; */
    line-height: 1.4em;
    font-size: 4.2vw;
    font-weight: bold;
    color: #333;
    z-index: 1;
    padding: .8em 0;
}
.wrap-3cul-box dl dt::after {
	position: absolute;
	content: "";
	display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-top: .267vw solid #ff2272;
    border-right: .267vw solid #ff2272;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.wrap-3cul-box dl dt strong {
	color: #ff2272;
}
/* IT系ブルー基調 */
#course_blue .wrap-3cul-box dl dt::after {
    border-top: .267vw solid #2dace0;
    border-right: .267vw solid #2c67b6;
}
#course_blue .wrap-3cul-box dl dt strong {
	color: #2dace0;
}
.wrap-3cul-box dl dd {
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.wrap-3cul-box dl a dd img {
	transition:.6s all;
}
.wrap-3cul-box dl a:hover dd img {
	transform:scale(1.2,1.2);
}
/* 3カラムダーク版 */
.wrap-3cul-box.dark dl dt {
	background: rgb(0,36,59);
    background: -moz-linear-gradient(0deg, rgba(0,36,59,1) 0%, rgba(0,36,59,0.7122199221485469) 47%, rgba(0,36,59,0) 100%);
    background: -webkit-linear-gradient(0deg, rgba(0,36,59,1) 0%, rgba(0,36,59,0.7122199221485469) 47%, rgba(0,36,59,0) 100%);
    background: linear-gradient(0deg, rgba(0,36,59,1) 0%, rgba(0,36,59,0.7122199221485469) 47%, rgba(0,36,59,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00243b",endColorstr="#00243b",GradientType=1);
	font-weight: normal;
    color: #fff;
}
.wrap-3cul-box.dark dl dt strong {
	color: #eee832 !important;
	font-weight: bold;
}
.wrap-3cul-box.dark dl dt::after {
    border-top: .267vw solid #fff !important;
    border-right: .267vw solid #fff !important;
}
/* 3カラムダーク版ここまで */
/* 3カラムボックス カルーセル版 */
.wrap-3cul-box.carousel {
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	z-index: 0;
}
.wrap-3cul-box.carousel dl {
	flex: 0 0 auto;
	width: 75vw;
	margin-right: 1em;
}
.wrap-3cul-box.carousel dl:last-of-type {
	margin-right: 0;
}
.scroll-hint-icon-wrap {
	z-index: 1;
}
/* 3カラムボックス カルーセル版ここまで */

/* 3カラムコース紹介ボックス */
.wrap-3cul-course {
	margin-bottom: 1em;
}
.wrap-3cul-course dl {
	border: 1px solid #ECECEC;
	margin-bottom: 1em;
}
.wrap-3cul-course dl dt.cul-img a {
	display: block;
	width: 100%;
	height: 100%;
	overflow: hidden;
}
.wrap-3cul-course dl dt.cul-img a img {
	transition:.6s all;
}
.wrap-3cul-course dl dt.cul-img a:hover img {
	transform:scale(1.2,1.2);
}
.wrap-3cul-course dl dt.cul-tit {
	font-weight: 700;
	font-size: 4.2vw;
	color: #000;
	padding: .6em 0 .6em;
	margin: 0 1em .8em;
	border-bottom: 1px solid #ECECEC;
}
.wrap-3cul-course dl dd {
	padding: 0 1em 1em;
}
.wrap-3cul-course dl dd p {
	text-align: right;
}
/* 講座リスト */
.wrap-course-list {
	margin-bottom: 1em;
}
.wrap-course-list ul {
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
}
.wrap-course-list ul li {
	width: 49%;
	display: table;
	margin-bottom: .6em;
	margin-right: 1%;
	z-index: 3;
}
.wrap-course-list ul:nth-child(even) {
	margin-right: 0;
}
.wrap-course-list ul li a {
	position: relative;
	display: table-cell;
	border: 1px solid #ccc;
	color: #333;
	background: #fff;
	width: 100%;
	height: 4em;
	font-weight: bold;
	padding: 0 1em;
	vertical-align: middle;
	line-height: 1.2;
}
.wrap-course-list ul li a::after {
	position: absolute;
	content: "";
	display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-top: .267vw solid #ff2272;
    border-right: .267vw solid #ff2272;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
/* IT系ブルー基調 */
#course_blue .wrap-course-list ul li a::after {
    border-top-color: #2dace0;
    border-right-color: #2c67b6;
}
/* 卒業生からのメッセージ */
.box-voice {
    font-size: 3.73333vw;
	display: flex;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	margin-bottom: 1em;
}
.box-voice-inner {
	border: 1px solid #ccc;
	background: #fff;
	padding: 1em;
	flex: 0 0 auto;
	width: 75vw;
	margin-right: 1em;
}
.box-voice-inner:last-of-type {
	margin-right: 0;
}
.box-voice-inner dt {
	font-weight: 700;
	margin-bottom: 0;
	color: #333;
}
.box-voice-inner dd {
	margin-bottom: .8em;
	font-size: .9em;
}
.box-voice-inner dd.voice-name {
	padding-bottom: .6em;
	font-size: .9em;
	border-bottom: 1px solid #ccc;
	margin-bottom: .8em;
	text-align: right;
}
.box-voice-inner dd:last-of-type {
	margin-bottom: 0;
}
/* 講師からのメッセージ */
.box-tcvoice {
    font-size: 3.73333vw;
	margin-bottom: 1em;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	padding: 1em;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
}
.box-tcvoice .title-tcvoice {
	width: 100%;
	font-size: 1em;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: .6em;
	margin-bottom: .8em;
	color: #333;
}
.box-tcvoice .img-tcvoice {
	width: 28%;
}
.box-tcvoice .msg-tcvoice {
	width: 69%;
	font-size: 1em;
}
.box-tcvoice .msg-tcvoice p {
	margin-bottom: .8em;
}
.box-tcvoice p.name-tcvoice {
	text-align: right;
	margin-bottom: 0;
}
/* タイトル周り */
.sect-main .title-point {
	position: relative;
	font-size: 5.2vw;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
	margin-bottom: .8em;
	text-align: center;
	padding-top: 6.4em;
	margin-top: -4.8em;
	
}
.sect-main .title-point::before {
	background-size: contain;
}
.sect-main #about.title-point::before {
	background: url("../img/guidance/common/ico-point-about.png") no-repeat center;
	background-size: contain;
}
.sect-main #course.title-point::before {
	background: url("../img/guidance/common/ico-point-course.png") no-repeat center;
	background-size: contain;
}
.sect-main #set-course.title-point::before {
	background: url("../img/guidance/common/ico-point-course.png") no-repeat center;
	background-size: contain;
}
.sect-main #voice.title-point::before {
	background: url("../img/guidance/common/ico-point-voice.png") no-repeat center;
	background-size: contain;
}
.sect-main #teacher_voice.title-point::before {
	background: url("../img/guidance/common/ico-point-tcvoice.png") no-repeat center;
	background-size: contain;
}
/* IT系ブルー基調 */
#course_blue .sect-main #about.title-point::before {
	background: url("../img/guidance/common/ico-point-about_blue.png") no-repeat center;
	background-size: contain;
}
#course_blue .sect-main #course.title-point::before {
	background: url("../img/guidance/common/ico-point-course_blue.png") no-repeat center;
	background-size: contain;
}
#course_blue .sect-main #set-course.title-point::before {
	background: url("../img/guidance/common/ico-point-course_blue.png") no-repeat center;
	background-size: contain;
}
#course_blue .sect-main #voice.title-point::before {
	background: url("../img/guidance/common/ico-point-voice_blue.png") no-repeat center;
	background-size: contain;
}
#course_blue .sect-main #teacher_voice.title-point::before {
	background: url("../img/guidance/common/ico-point-tcvoice_blue.png") no-repeat center;
	background-size: contain;
}
.sect-main .title-big {
	font-size: 5.2vw;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
	margin-bottom: .6em;
}
.sect-main .title-mid {
	font-size: 5.06667vw;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
	margin-bottom: .6em;
}
.sect-main .title-small {
	font-size: 4.53333vw;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
	margin-bottom: .6em;
}
.sect-main .title-smaller {
	font-size: 3.767vw;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
	margin-bottom: .6em;
}
.sect-main .title-big strong,.sect-main .title-mid strong,.sect-main .title-small strong,.sect-main .title-smaller strong {
	color: #ff2272;
	font-weight: 500;
}
/* IT系ブルー基調 */
#course_blue .sect-main .title-big strong,#course_blue .sect-main .title-mid strong,#course_blue .sect-main .title-small strong,#course_blue .sect-main .title-smaller strong {
	color: #2dace0;
}
/* 本文周り */
.sect-main .lead-txt {
	font-size: 3.73333vw;
	margin-bottom: .6em;
}
.sect-main .lead-txt a {
	color: #ff2272;
	text-decoration: underline;
}
/* IT系ブルー基調 */
#course_blue .sect-main .lead-txt a {
	color: #2dace0;
}
.sect-main .lead-txt strong {
	color: #333;
}
/* ボタン周り */
.btn_link {
	margin: 1em 0;
}
.btn_link a {
	position: relative;
	display: block;
	font-size: 3.46667vw;
	line-height: 1.3;
	background: #ff2272;
	color: #fff;
	text-align: center;
	padding: .8em;
	border-radius: 1.06667vw;
	z-index: 3;
}
/* IT系ブルー基調 */
#course_blue .btn_link a {
	background: #2dace0;
}
.btn_link a::after {
	position: absolute;
	content: "";
	display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-top: .267vw solid #fff;
    border-right: .267vw solid #fff;
	right: 1em;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
.btn_pink {
	background: #ff2272 !important;
}
.btn_blue {
	background: #1243BB !important;
}
.btn_green {
	background: #749c1c !important;
}
@media screen and (min-width: 768px), print {
	/* セクションブロック周り */
	.sect-main {
        padding: 0 0 6.667vw;
    }
	.sect-main .inner-main,.sect-main .inner-main-w {
        padding: 5.18519vw 0 2.593vw;
		margin: 0 3.7037vw;
    }
	.sect-main .inner-main:last-of-type,
	.sect-main .inner-main-w:last-of-type {
        padding-bottom: 1.296vw;
    }
	.box-side-img {
		display: flex;
		justify-content: space-between;
		align-items: flex-start;
	}
	.box-side-img.rev {
		flex-direction: row-reverse;
	}
	.box-side-img .side-w80 {
		width: 78%;
	}
	.box-side-img .side-w70 {
		width: 68%;
	}
	.box-side-img .side-w60 {
		width: 58%;
	}
	.box-side-img .side-w40 {
		width: 38%;
	}
	.box-side-img .side-w30 {
		width: 28%;
	}
	.box-side-img .side-w20 {
		width: 20%;
	}
	/* 2カラムボックス */
    .wrap-2cul-box {
        display: flex;
		justify-content: space-between;
		margin-bottom: 2em;
		flex-wrap: wrap;
    }
    .wrap-2cul-box dl {
        width: 49%;
    }
    .wrap-2cul-box dl dt {
        font-size: 1.481vw;
        padding: 1.2em 0;
    }
    .wrap-2cul-box dl dt::after {
        width: 0.92593vw;
        height: 0.92593vw;
        border-width: 0.18519vw;
    }
	/* 2/3カラムタイトル付きドキュメント枠 */
    .wrap-2cul-document,
    .wrap-3cul-document {
        display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
    }
	.wrap-2cul-box .inner-2cul-box {
         width: 49%;
    }
	.wrap-3cul-box .inner-3cul-box {
         width: 32%;
    }
    .wrap-2cul-document dl {
        width: 49%;
    }
    .wrap-3cul-document dl {
        width: 33%;
    }
    .wrap-2cul-document dl .tit-document,
    .wrap-3cul-document dl .tit-document {
        font-size: 2.222vw;
    }
    .wrap-2cul-document dl dd,
    .wrap-3cul-document dl dd {
        font-size: 1.48148vw;
    }
	/* 3カラムボックス */
    .wrap-3cul-box {
        display: flex;
		justify-content: space-between;
		margin-bottom: 2em;
		flex-wrap: wrap;
    }
    .wrap-3cul-box dl {
        width: 33%;
    }
    .wrap-3cul-box dl dt {
        font-size: 1.481vw;
    }
    .wrap-3cul-box dl dt::after {
        width: 0.92593vw;
        height: 0.92593vw;
        border-width: 0.18519vw;
    }
	/* 3カラムボックス　カルーセル版 */
	.wrap-3cul-box.carousel {
		overflow-x: auto;
	}
	.wrap-3cul-box.carousel dl {
		flex: none;
		margin-right: 0;
        width: 33%;
    }
	/* 3カラムボックス　カルーセル版ここまで */
	
	/* 3カラムコース紹介ボックス */
    .wrap-3cul-course {
        display: flex;
		justify-content: space-between;
		margin-bottom: 2em;
		flex-wrap: wrap;
    }
    .wrap-3cul-course dl {
        width: 33%;
    }
    .wrap-3cul-course dl dt.cul-tit {
        font-size: 1.481vw;
    }
	/* 講座リスト */
    .wrap-course-list {
        margin-bottom: 2em;
    }
    .wrap-course-list ul li {
        width: 24%;
    }
	.wrap-course-list ul:nth-child(4) {
        margin-right: 0;
    }
    .wrap-course-list ul li a {
        font-size: 1.481vw;
    }
    .wrap-course-list ul li a::after {
        width: 0.92593vw;
        height: 0.92593vw;
        border-width: 0.18519vw;
    }
	/* 卒業生からのメッセージ */
    .box-voice {
        font-size: 1.66667vw;
        overflow-x:auto;
		flex-wrap: wrap;
		justify-content: space-between;
    }
    .box-voice-inner {
        width: 32.5%;
        margin-right: 0;
    }
	/* 講師からのメッセージ */
    .box-tcvoice {
        font-size: 1.66667vw;
        padding: 1em 1.5em;
		flex-direction: row-reverse;
    }
    .box-tcvoice .title-tcvoice {
        font-size: 1.2em;
    }
    .box-tcvoice .img-tcvoice {
        width: 15%;
    }
    .box-tcvoice .msg-tcvoice {
        width: 82%;
    }
	/* タイトル周り */
	.sect-main .title-point {
		font-size: 3.7037vw;
		line-height: 1.3;
    }
	.sect-main .title-big {
		font-size: 3.7037vw;
		line-height: 1.4;
    }
    .sect-main .title-mid {
		font-size: 2.96296vw;
        line-height: 1.4;
    }
    .sect-main .title-small {
		font-size: 2.407vw;
		line-height: 1.4;
    }
	.sect-main .title-smaller {
		font-size: 2.037vw;
		line-height: 1.4;
    }
	/* 本文周り */
	.sect-main .lead-txt {
        font-size: 1.48148vw;
    }
	/* ボタン周り */
	.btn_link {
        margin: 1em auto;
    }
    .btn_link a {
        font-size: 1.66667vw;
        padding: 0.92593vw 1em 0.92593vw;
        border-radius: 0.46296vw;
    }
    .btn_link a::after {
        width: 0.92593vw;
        height: 0.92593vw;
        border-width: 0.18519vw;
    }
	.btn_w100 {width: 100%;}
	.btn_w80 {width: 80%;}
	.btn_w70 {width: 70%;}
	.btn_w60 {width: 60%;}
	.btn_w50 {width: 50%;}
	.btn_w49 {width: 49%;}
	.btn_w33 {width: 33%;}
}

@media screen and (min-width: 1080px) {
	/* セクションブロック周り */
	.sect-main {
        padding: 0 0 72px;
    }
	.sect-main .inner-main {
        padding: 56px 2em 28px;
		max-width: 1280px;
		margin: 0 auto;
    }
	.sect-main .inner-main-w {
        padding: 56px 0 28px;
		margin: 0 20px;
    }
	.sect-main .inner-main:last-of-type,
	.sect-main .inner-main-w:last-of-type {
		padding-bottom: 14px;
	}
	/* 2カラムボックス */
    .wrap-2cul-box dl dt {
        font-size: 1.6rem;
    }
    .wrap-2cul-box dl dt::after {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
	/* 2/3カラムタイトル付きドキュメント枠 */
    .wrap-2cul-document dl .tit-document,
    .wrap-3cul-document dl .tit-document {
        font-size: 2.4rem;
    }
    .wrap-2cul-document dl dd,
    .wrap-3cul-document dl dd {
        font-size: 1.6rem;
    }
	/* 3カラムボックス */
    .wrap-3cul-box dl dt {
        font-size: 1.6rem;
    }
    .wrap-3cul-box dl dt::after {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
	/* 3カラムコース紹介ボックス */
    .wrap-3cul-course dl dt.cul-tit {
        font-size: 1.6rem;
    }
	/* 講座リスト */
    .wrap-course-list ul li a {
        font-size: 1.6rem;
    }
    .wrap-course-list ul li a::after {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
	/* 卒業生からのメッセージ */
    .box-voice {
        font-size: 1.6rem;
    }
	/* 講師からのメッセージ */
    .box-tcvoice {
        font-size: 1.6rem;
    }
	/* タイトル周り */
	.sect-main .title-point {
		font-size: 4rem;
    }
	.sect-main .title-big {
		font-size: 4rem;
    }
    .sect-main .title-mid {
		font-size: 3.2rem;
    }
    .sect-main .title-small {
		font-size: 2.6rem;
    }
	.sect-main .title-smaller {
		font-size: 2.2rem;
    }
	/* 本文周り */
	.sect-main .lead-txt {
        font-size: 1.6rem;
    }
	/* ボタン周り */
	.btn_link a {
        font-size: 1.8rem;
        padding: 10px 1em 10px;
        border-radius: 5px;
    }
    .btn_link a::after {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
}
@media screen and (min-width: 1200px) {
    /* 3カラムボックス */
    .wrap-3cul-box dl dt {
        font-size: 1.8rem;
    }
}
@media screen and (min-width: 1600px) {
    /* 3カラムボックス */
    .wrap-3cul-box dl dt {
        font-size: 2rem;
    }
}
/* オンラインレッスンページへの遷移バナー */
.goto-wso-outer {
    margin: 0 4vw;
}
.goto-wso {
	font-size: 3.73333vw;
	border: 1px solid #ccc;
	padding: 1.2em;
	background: #fff;
	margin: 0 auto 3em;
}
.block_link {display: block;}
.goto-wso h3 {
	color: #333;
	font-size: 4.348vw;
	text-align: center;
	margin-bottom: .4em;
}
.link_btn {
	position: relative;
	background: #ff2272;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .6em;
	border-radius: .5rem;
}
.link_btn::after {
	position: absolute;
    content: "";
	right: 1em;
	top: calc(50% - 0.3em);
    width: .5em;
    height: .5em;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
@media screen and (min-width: 768px), print {
	.goto-wso-outer {
		margin: 0 3.7037vw;
	}
	.goto-wso {
		font-size: 1.48148vw;
		background: url("../img/map/bg_wso.png") no-repeat left #fff;
		padding-left: 250px;
	}
	.goto-wso h3 {
        font-size: 1.852vw;
    }
	.goto-wso p {
		text-align: center;
	}
	.link_btn {
		width: 80%;
		margin: 0 auto;
	}
}

@media screen and (min-width: 1080px) {
	.goto-wso-outer {
        margin: 0;
    }
	.block_link {
		max-width: 1000px;
		margin: 0 auto;
	}
	.goto-wso {
		font-size: 1.6rem;
		max-width: 1000px;
	}
	.goto-wso h3 {
        font-size: 2rem;
    }
}
.guidance .areaMap .mapSearch-btn, .course_top .search-unit {
  width: 66.66667vw;
  margin: 0 auto 50px;
}

@media screen and (min-width: 768px), print {
  .guidance .areaMap .mapSearch-btn, .course_top .search-unit {
    width: 25vw;
  }
}

@media screen and (min-width: 1080px) {
  .guidance .areaMap .mapSearch-btn, .course_top .search-unit {
    width: 270px;
  }
}

.guidance .areaMap .mapSearch-btn a, .course_top .search-unit a {
  display: block;
  width: 100%;
  font-size: 3.46667vw;
  text-align: center;
  color: #fff;
  padding: 2.66667vw 1em;
  position: relative;
  background-image: linear-gradient(45deg, #ff2272 0%, #f50159 100%);
  border-radius: 1.06667vw;
}

@media screen and (min-width: 768px), print {
  .guidance .areaMap .mapSearch-btn a, .course_top .search-unit a {
    font-size: 1.66667vw;
    padding: 1.2963vw 1em 0.92593vw;
    border-radius: 0.46296vw;
  }
}

@media screen and (min-width: 1080px) {
  .guidance .areaMap .mapSearch-btn a, .course_top .search-unit a {
    font-size: 18px;
    padding: 14px 1em 10px;
    border-radius: 5px;
  }
}

.guidance .areaMap .mapSearch-btn a:after, .course_top .search-unit a:after {
  content: "";
  display: block;
  width: 2.13333vw;
  height: 2.13333vw;
  transform: rotate(45deg);
  border-top: 0.26667vw solid #fff;
  border-right: 0.26667vw solid #fff;
  position: absolute;
  top: 0;
  right: .8em;
  bottom: 0;
  margin: auto;
}

@media screen and (min-width: 768px), print {
  .guidance .areaMap .mapSearch-btn a:after, .course_top .search-unit a:after {
    width: 0.92593vw;
    height: 0.92593vw;
    border-width: 0.18519vw;
  }
}

@media screen and (min-width: 1080px) {
  .guidance .areaMap .mapSearch-btn a:after, .course_top .search-unit a:after {
    width: 10px;
    height: 10px;
    border-width: 2px;
  }
}
.guidance .areaMap .mapSearch-btn {
  margin: 0 auto;
}

@media screen and (min-width: 768px), print {
  .guidance .areaMap .mapSearch-btn {
    padding: 6.11111vw 0 0;
  }
}

@media screen and (min-width: 1080px) {
  .guidance .areaMap .mapSearch-btn {
    padding: 66px 0 0;
  }
}
/* 画像用装飾フレーム（有機円） */
.img-frame1,.img-frame2,.img-frame3,.img-frame4 {
	background: #FFE8F0;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
.img-frame5,.img-frame6,.img-frame7,.img-frame8 {
	background: #DBFFED;
	animation-duration:10s;
	animation-iteration-count:infinite;
}
.img-frame1 img,.img-frame2 img,.img-frame3 img,.img-frame4 img,
.img-frame5 img,.img-frame6 img,.img-frame7 img,.img-frame8 img{
	width: 96%;
	height: 96%;
	transform: translate(2%,2%);
	animation-duration:16s;
	animation-iteration-count:infinite;
}
.img-frame1 {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
.img-frame2 {border-radius: 62% 38% 48% 52% / 65% 33% 67% 35%;}
.img-frame3 {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
.img-frame4 {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
.img-frame5 {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
.img-frame6 {border-radius: 62% 38% 48% 52% / 65% 33% 67% 35%;}
.img-frame7 {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
.img-frame8 {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
.img-frame1 img {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
.img-frame2 img {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
.img-frame3 img {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
.img-frame4 img {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}
.img-frame5 img {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
.img-frame6 img {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
.img-frame7 img {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
.img-frame8 img {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}

.img-frame1,.img-frame5 {animation-name: motion-frame1-bg;}
.img-frame1 img,.img-frame5 img {animation-name: motion-frame1-img;}
@keyframes motion-frame1-bg {
    0% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
    25% {border-radius: 62% 38% 48% 52% / 65% 33% 67% 35%;}
	50% {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
	75% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
	100% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
}
@keyframes motion-frame1-img {
    0% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
    25% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
	50% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
	75% {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}
	100% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
}
.img-frame2,.img-frame6 {animation-name: motion-frame2-bg;}
.img-frame2 img,.img-frame6 img {animation-name: motion-frame2-img;}
@keyframes motion-frame2-bg {
    0% {border-radius: 62% 38% 48% 52% / 65% 33% 67% 35%;}
    25% {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
	50% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
	75% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
	100% {border-radius: 62% 38% 48% 52% / 65% 33% 67% 35%;}
}
@keyframes motion-frame2-img {
    0% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
    25% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
	50% {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}
	75% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
	100% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
}
.img-frame3,.img-frame7 {animation-name: motion-frame3-bg;}
.img-frame3 img,.img-frame7 img {animation-name: motion-frame3-img;}
@keyframes motion-frame3-bg {
    0% {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
    25% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
	50% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
	75% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
	100% {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
}
@keyframes motion-frame3-img {
    0% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
    25% {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}
	50% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
	75% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
	100% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
}
.img-frame4,.img-frame8 {animation-name: motion-frame4-bg;}
.img-frame4 img,.img-frame8 img {animation-name: motion-frame4-img;}
@keyframes motion-frame4-bg {
    0% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
    25% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
	50% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
	75% {border-radius: 42% 58% 57% 43% / 25% 64% 36% 75%;}
	100% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
}
@keyframes motion-frame4-img {
    0% {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}
    25% {border-radius: 59% 41% 57% 43% / 55% 32% 68% 45%;}
	50% {border-radius: 31% 69% 61% 39% / 38% 49% 51% 62%;}
	75% {border-radius: 65% 35% 49% 51% / 46% 32% 68% 54%;}
	100% {border-radius: 46% 54% 52% 48% / 32% 55% 45% 68%;}
}
/* 画像用装飾フレーム（ソリッド） */
.img-frame-solid1 {
	background: #2dace0;
	transform: skew(2deg,0deg);
	width: 90%;
	margin: 1.4em auto 0;
}
.img-frame-solid1 img {
	width: 98%;
	height: 98%;
	transform: skew(0deg,-1deg) translate(-2%,-2%);
}
.img-frame-solid2 {
	background: #2dace0;
	transform: skew(-1deg,1deg);
	width: 90%;
	margin: 1.4em auto 0;
}
.img-frame-solid2 img {
	width: 98%;
	height: 98%;
	transform: skew(-1deg,0deg) translate(-2%,-2%);
}
.img-frame-solid3 {
	background: #ffa3c4;
	transform: skew(2deg,0deg);
	width: 90%;
	margin: 1.4em auto 0;
}
.img-frame-solid3 img {
	width: 98%;
	height: 98%;
	transform: skew(0deg,-1deg) translate(-2%,-2%);
}
.img-frame-solid4 {
	background: #ffa3c4;
	transform: skew(-1deg,1deg);
	width: 90%;
	margin: 1.4em auto 0;
}
.img-frame-solid4 img {
	width: 98%;
	height: 98%;
	transform: skew(-1deg,0deg) translate(-2%,-2%);
}
/* ********************************************************
コース扉ページ用パーツ
***********************************************************/
.box-recommend-course {
	margin-bottom: 1em;
}
.inner-rcmnd-course {
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	border-radius: 5px;
	margin-bottom: 1em;
	padding: 1em 1.2em;
}
.title-rcmnd-course {
	font-size: 4.53333vw;
	margin-bottom: .6em;
	color: #333;
	border-bottom: 2px solid #333;
	padding: 0 0 .6em 1em;
	margin-left: -1em;
}
.title-rcmnd-course .sub-tit {
	font-size: .8em;
	font-weight: 400;
}
.doc-rcmnd-course {
	font-size: 3.73333vw;
	margin-bottom: .6em;
}
.detail-rcmnd-course {
	font-size: 3.73333vw;
	display: flex;
	flex-wrap: wrap;
}
.detail-rcmnd-course dt {
	width: 25%;
	padding: .4em .6em;
	border-bottom: 1px solid #ccc;
	font-weight: 700;
}
.detail-rcmnd-course dd {
	width: 75%;
	padding: .4em .6em;
	border-bottom: 1px solid #ccc;
}
.inner-rcmnd-course .btn_link {
	margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
	.box-recommend-course {
		display: flex;
		flex-wrap: wrap;
    }
    .title-main-rcmnd-course {
        font-size: 2.222vw;
    }
    .inner-rcmnd-course {
		width: 49%;
		margin-right: 2%;
		margin-bottom: 1.5em;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		padding: 1em 1.5em 1.5em;
    }
	.inner-rcmnd-course:nth-child(even) {
		margin-right: 0;
	}
    .title-rcmnd-course {
        font-size: 2.407vw;
		line-height: 1.2;
		margin-bottom: .4em;
		margin-left: -.8em;
    }
    .title-rcmnd-course .sub-tit {
        font-size: .6em;
    }
    .doc-rcmnd-course {
        font-size: 1.48148vw;
    }
    .detail-rcmnd-course {
		/*margin-top: 1em;*/
        font-size: 1.48148vw;
    }
    .detail-rcmnd-course dt {
		width: 20%;
    }
}

@media screen and (min-width: 1080px) {
    .title-rcmnd-course {
        font-size: 2.6rem;
    }
    .doc-rcmnd-course {
        font-size: 1.6rem;
    }
    .detail-rcmnd-course {
        font-size: 1.6rem;
    }
}

/* ブログパーツ風紹介枠 */
.box-intro {
	position: relative;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	margin-bottom: 2em;
}
.box-intro h3 {
	position: absolute;
	color: #fff;
	text-align: center;
	top: -.8em;
	left: 1.2em;
	font-weight: 400;
	padding: 0 1em;
}
.box-intro a {
	padding: 1.5em 1em 1em;
	display: flex;
	justify-content: space-between;
}
.exp-intro {
	width: 74%;
}
.exp-intro h4 {
	color: #333;
	font-size: 4.2vw;
	border-bottom: 1px solid #000;
	margin-bottom: .4em;
	padding-bottom: .4em;
	font-weight: 500;
}
.exp-intro p {
	
}
.img-intro {
	width: 24%;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: space-between;
	flex-wrap: wrap;
}
.img-intro img {
	width: 100%;
}
.img-intro .btn-intro {
	border: 1px solid #ccc;
	padding: .3em .6em;
	width: 100%;
	text-align: center;
	border-radius: 3px;
	line-height: 1.3;
}
/* 講座紹介用 */
.box-intro.intro-course {
	border-left: 3px solid #FF4789;
}
.box-intro.intro-course h3 {
	background: #ff2272;
}
/* WSS紹介用 */
.box-intro.intro-wss {
	border-left: 3px solid #244FBB;
}
.box-intro.intro-wss h3 {
	background: #0736ab;
}
/* 記事紹介用 */
.box-intro.intro-tips {
	border-left: 3px solid #749C1C;
}
.box-intro.intro-tips h3 {
	background: #749c1c;
}

@media screen and (min-width: 768px), print {
	/* ブログパーツ風紹介枠 */
    .box-intro {
		margin-bottom: 4em;
    }
    .exp-intro {
        width: 78%;
    }
    .exp-intro h4 {
        font-size:1.852vw;
    }
    .exp-intro p {
		font-size:1.481vw;
    }
    .img-intro {
        width: 20%;
    }
    .img-intro img {
        margin-bottom: 1em;
    }
    .img-intro .btn-intro {
        font-size:1.296vw;
    }
}

@media screen and (min-width: 1080px) {
    /* ブログパーツ風紹介枠 */
    .exp-intro h4 {
        font-size:2rem;
    }
    .exp-intro p {
		font-size:1.6rem;
    }
    .img-intro .btn-intro {
        font-size:1.4rem;
    }
}
/*******************************************
CVエリア 
*******************************************/
/* 全CVエリア横並び */
.box-cvarea-all {
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	font-size: 3.46667vw;
	padding: 1em;
	margin-bottom: 1em;
}
.box-cvarea-all.frame-none {/* 枠線不要時にclassを追加 */
	border: none;
	box-shadow: none;
}
.box-cvarea-all p {
	margin-bottom: .6em;
	font-weight: 500;
	color: #333;
	text-align: center;
}
.inner-cvarea-all1,.inner-cvarea-all2 {
	margin-bottom: 1em;
	border-bottom: 1px solid #ccc;
}
.inner-cvarea-all1:last-child {
	margin-bottom: 0;
	border-bottom: none;
}
.btn-cv a {
	display: block;
	position: relative;
	text-align: center;
	padding: .6em;
	color: #fff;
	margin-bottom: 1em;
	border-radius: 4px;
}
.btn-cv a::after {
	content: "";
    display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    transform: rotate(45deg);
    border-top: 0.26667vw solid #fff;
    border-right: 0.26667vw solid #fff;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
}
/* 無料体験・説明会のみ */
.box-cvarea {
	margin-bottom: 1em;
}
.box-cvarea h2 {
	font-size: 5.2vw;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
	border-bottom: 1px solid #000;
	padding-bottom: .2em;
	margin-bottom: .4em;
}
.box-cvarea h2 span {
	font-size: .8em;
	font-weight: 400;
}
.box-cvarea p {
	margin-bottom: 1em;
}
.wrapper-cvarea {
	margin-bottom: 1em;
}
.inner-cvarea {
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	margin-bottom: 1em;
}
.inner-cvarea a {
	display: block;
	overflow: hidden;
	margin-bottom: .6em;
}
.inner-cvarea a img {
	transition:.6s all;
}
.inner-cvarea a:hover img {
	transform:scale(1.2,1.2);
}
.inner-cvarea h3 {
    font-size: 4.53333vw;
    color: #000;
    font-weight: 700;
	text-align: center;
	margin-bottom: .4em;
}
.inner-cvarea p {
	padding: 0 1em;
}
.inner-cvarea .btn_link {
	margin: 1em;
}
.tel-cvarea {
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	padding: 1em;
}
.tel-cvarea .msg {
	font-weight: 500;
	text-align: center;
	margin-bottom: .4em;
	font-size: 1.2em;
	color: #333;
}
.tel-cvarea a {
	display: block;
	width: 68vw;
	margin: 0 auto .6em;
}
.tel-cvarea .time {
	text-align: center;
	margin-bottom: 0;
}
@media screen and (min-width: 768px), print {
	/* 全CVエリア横並び */
    .box-cvarea-all {
        display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
		font-size: 1.481vw;
    }
    .box-cvarea-all p {
        font-size: 1.481vw;
    }
    .inner-cvarea-all1,.inner-cvarea-all2 {
        margin-bottom: 0;
        border-bottom: none;
		margin-right: .5em;
		padding-right: .5em;
		border-right: 1px solid #ccc;
    }
    .inner-cvarea-all1:last-child {
        margin-bottom: 0;
		margin-right: 0;
		padding-right: 0;
        border-right: none;
    }
	.inner-cvarea-all1 {
		flex-grow: 1;
	}
	.inner-cvarea-all2 {
		flex-grow: 2;
	}
	.inner-cvarea-counsel {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.inner-cvarea-counsel .btn-cv {
		width: 49%;
	}
    .btn-cv a {
        font-size: 1.481vw;
		margin-bottom: 0;
    }
    .btn-cv a::after {
        width: 0.92593vw;
        height: 0.92593vw;
        border-width: 0.18519vw;
    }
    /* 無料体験・説明会のみ */
    .box-cvarea h2 {
		line-height: 1.3;
        font-size: 2.96296vw;
    }
	.box-cvarea h2 span {
		font-size: .6em;
	}
    .box-cvarea p {
        font-size:1.481vw;
    }
    .wrapper-cvarea {
        display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
    .inner-cvarea {
        width: 49.5%;
		margin-bottom: 0;
    }
    .inner-cvarea h3 {
        font-size: 1.852vw;
    }
    .inner-cvarea p {
        padding: 0 1em;
    }
    .tel-cvarea {
        padding: 1.2em;
    }
    .tel-cvarea .msg {
        font-size: 1.667vw;
    }
    .tel-cvarea a {
        width: 42vw;
    }
    .tel-cvarea .time {
        font-size: 1.481vw;
    }
}

@media screen and (min-width: 1080px) {
    /* 全CVエリア横並び */
    .box-cvarea-all {
		font-size: 1.6rem;
    }
    .box-cvarea-all p {
        font-size: 1.6rem;
    }
    .btn-cv a {
        font-size: 1.6rem;
		margin-bottom: 0;
    }
    .btn-cv a::after {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
    /* 無料体験・説明会のみ */
	.box-cvarea h2 {
        font-size: 3.2rem;
    }
    .box-cvarea p {
        font-size: 1.6rem;
    }
    .inner-cvarea h3 {
        font-size: 2rem;
    }
	.tel-cvarea a {
        max-width: 40%;
    }
    .tel-cvarea .msg {
        font-size: 1.8rem;
    }
    .tel-cvarea .time {
        font-size: 1.6rem;
    }
}

/* ***********************************
単体講座ページ用
************************************/
/* 単体講座全体枠 */
.wrapper-course-box {
	position: relative;
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	font-size: 3.46667vw;
	padding: 1em;
	margin-bottom: 2em;
}
/* 単体講座1講座分枠 */
.inner-course-box {
	border-bottom: 1px dotted #ccc;
	padding-bottom: 2em;
	margin-bottom: 1em;
}
.inner-course-box:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
/* 総合コース全体枠 */
.wrapper-setcourse-box {
	position: relative;
	font-size: 3.46667vw;
	margin-bottom: 2em;
}
/* 総合コース1講座分枠 */
.inner-setcourse-box {
	border: 1px solid #e6e6e6;
	box-shadow: 0 0 4px 0 #ccc;
	background: #fff;
	padding: 1em;
	margin-bottom: .6em;
}
.inner-setcourse-box:last-of-type {
	margin-bottom: 0;
	padding-bottom: 6em;
}
/* 講座名 */
.title-course-box {
	font-size: 4.53333vw;
    margin-bottom: .6em;
    color: #333;
    border-bottom: 2px solid #333;
    padding: 0 0 .6em 1em;
    margin-left: -.8em;
}
.title-course-box span {
	font-size: .8em;
    font-weight: 400;
}
.title-course-box .sub-tit {
	font-size: .8em;
	font-weight: 500;
}
/* アイコン類 */
.icon-course-box {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
}
.icon-beginner,.icon-kyufu,.icon-online,.icon-corporate,.icon-master {
	position: relative;
	background: #ccc;
	padding: .1em 1em .2em 1.8em;
	margin: 0 .3em .6em;
	border-radius: 1em;
	color: #fff;
}
.icon-kyufu a,.icon-online a,.icon-corporate a,.icon-master a {
	display: block;
	color: #fff;
	width: 100%;
}
.icon-beginner {
	background: #a1c356;
}
.icon-beginner::before {
	content: "";
    display: inline-block;
    background-image: url(../img/common/biginner_icon_01.png);
    background-size: contain;
    width: 1em;
    height: 1em;
    position: absolute;
	left: .7em;
    top: 50%;
    transform: translateY(-50%);
}
.icon-kyufu {
	background: #FF78A9;
	padding-right: 1.6em;
}
.icon-kyufu::before {
	content: "";
    display: inline-block;
    background-image: url(../img/common/subsidy_icon_01.png);
    background-size: contain;
    width: 1em;
    height: 1em;
    position: absolute;
	left: .6em;
    top: 50%;
    transform: translateY(-50%);
}
.icon-online {
	background: #1F5DF5;
	padding-right: 1.6em;
}
.icon-online::before {
	content: "";
    display: inline-block;
    background-image: url(../img/common/online_icon_01.png);
    background-size: contain;
    width: 1em;
    height: 1em;
    position: absolute;
	left: .6em;
    top: 50%;
    transform: translateY(-50%);
}
.icon-corporate {
	background: #077eab;
	padding-right: 1.6em;
}
.icon-corporate::before {
	content: "";
    display: inline-block;
    background-image: url(../img/common/corporate_icon_01.png);
    background-size: contain;
    width: 1em;
    height: 1em;
    position: absolute;
	left: .6em;
    top: 50%;
    transform: translateY(-50%);
}
.icon-master {
	background: #333;
	padding-right: 1.6em;
}
.icon-master::before {
	content: "";
    display: inline-block;
    background-image: url(../img/common/master_icon_01.png);
    background-size: contain;
    width: 1em;
    height: 1em;
    position: absolute;
	left: .6em;
    top: 50%;
    transform: translateY(-50%);
}
.icon-kyufu::after,.icon-online::after,.icon-corporate::after,.icon-master::after {
	content: "";
    display: inline-block;
    background-image: url(../img/common/link_icon_01.png);
    background-size: contain;
    width: .8em;
    height: .8em;
    position: absolute;
    right: .4em;
    top: 50%;
    transform: translateY(-50%);
}
/* 説明文 */
.lead-course-box {
	margin-bottom: 1em;
}
.lead-course-box span.note {
	font-size: .8em;
}
/* こんな方におすすめ */
.recommend-course-box {
	border-top: 1px solid #e6e6e6;
	border-bottom: 1px solid #e6e6e6;
	padding: .6em 0 .6em 2em;
	margin-bottom: .6em;
}
.recommend-course-box li {
	list-style-type: disc;
	line-height: 1.3;
	margin-bottom: .4em;
}
.recommend-course-box li:last-of-type {
	margin-bottom: 0;
}
.recommend-course-box li.tit-recommend-list {
	font-weight: 700;
	font-size: 3.73333vw;
	color: #333;
	list-style-type: none;
	margin-left: -1.5em;
}
/* 受講料・受講時間 */
.detail-course-box {
	
}
.detail-course-box dl {
	border-bottom: 1px solid #ccc;
	margin-bottom: .6em;
	padding-bottom: .8em;
	display: flex;
	flex-wrap: wrap;
}
.detail-course-box dl:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
	padding-bottom: 0;
}
.detail-course-box dt {
	font-size: 3.73333vw;
	font-weight: 700;
	color: #333;
	flex-grow: 1;
}
.detail-course-box .setcourse-detail {
	flex-grow: 3;
	font-weight: 700;
	color: #333;
}
.detail-course-box .setcourse-detail ul {
	padding-top: .4em;
}
.detail-course-box .setcourse-detail ul li {
	display: inline-block;
	margin-bottom: .4em;
	margin-right: 1em;
}
.detail-course-box .setcourse-detail ul li a {
	position: relative;
	display: block;
	border: 1px solid #ff2272;
	padding: .2em 1.6em .2em .6em;
	color: #ff2272;
	border-radius: 4px;
	font-weight: 400;
}
.detail-course-box .setcourse-detail ul li a::after {
    content: "";
    display: block;
    width: 1.6vw;
    height: 1.6vw;
    transform: rotate(45deg);
    border-top: 0.26667vw solid #ff2272;
    border-right: 0.26667vw solid #ff2272;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
}
/* IT系ブルー基調 */
#course_blue .detail-course-box .setcourse-detail ul li a {
	border: 1px solid #2dace0;
	color: #2dace0;
}
#course_blue .detail-course-box .setcourse-detail ul li a::after {
    border-top-color: #2dace0;
    border-right-color: #2c67b6;
}
.detail-course-box .setcourse-detail ul li a::before {
	content: "＋";
	position: absolute;
    display: inline-block;
	right: -1.2em;
}
.detail-course-box .setcourse-detail ul li:last-child a::before {
	content: none;
}
.detail-course-box .setcourse-detail ul li:last-child {
	margin-bottom: 0;
	margin-right: 0;
}
.detail-course-box .inner-detail {
	font-size: 3.73333vw;
	flex-grow: 3;
	font-weight: 700;
	color: #333;
	margin-bottom: .6em;
}
.detail-course-box .inner-detail span {
	font-weight: normal;
	color: #4b4b4b;
	font-size: 3.46667vw;
}
.detail-course-box .outerlink-detail {
	width: 100%;
}
.detail-course-box .outerlink-detail a {
	position: relative;
	display: block;
	width: 100%;
	text-align: center;
	padding: .3em;
	background: #fff;
	color: #ff2272;
	border: 1px solid #ff2272;
	border-radius: 4px;
}
.detail-course-box .outerlink-detail a::after {
	content: "";
    display: inline-block;
    background-image: url(../img/common/link_icon_02.png);
    background-size: contain;
    width: 1em;
    height: 1em;
    position: absolute;
    right: 1em;
    top: 50%;
    transform: translateY(-50%);
}
.detail-course-box .outerlink-detail a.get-course {
	color: #fff;
	background: #ff2272;
	border: 1px solid #ff2272;
	margin-top: 0.6em;
}
.detail-course-box .outerlink-detail a.get-course::after {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
	background-image: none;
}
.detail-course-box .outerlink-detail a.taiken {
	margin-top: .6em;
	background: #749c1c;
	border: 1px solid #749c1c;
	color: #fff;
}
.detail-course-box .outerlink-detail a.taiken::after {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
	background-image: none;
}
/* カリキュラム内容 */
.wrapper-cur-box {
	position: relative;
}
/*.wrapper-cur-box h4,
.wrapper-cur-box .toggle-label {
	display: block;
	font-size: 3.73333vw;
	font-weight: 700;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #333;
	margin-left: -.8em;
	padding-bottom: .6em;
	margin-bottom: .6em;
}*/
.wrapper-cur-box h4 {
	display: block;
	font-size: 3.73333vw;
	font-weight: 700;
	color: #333;
	text-align: center;
	border-bottom: 1px solid #333;
	margin-left: -.8em;
	padding-bottom: .6em;
	margin-bottom: .6em;
}
.inner-cur-box {
	
}
.inner-cur-box ul {
	margin-left: 2em;
	margin-bottom: .6em;
}
.inner-cur-box ul li {
	list-style-type: square;
	line-height: 1.3;
}
.inner-cur-box ul li.tit-cur-list {
	font-weight: 700;
	color: #333;
	list-style-type: none;
	margin-left: -1.5em;
	margin-bottom: .4em;
	margin-top: .4em;
}
/* アコーディオン用 */
.toggle {display: none !important;}
.wrapper-cur-box .toggle-label,
.wrapper-setcourse-box .toggle-label {
	height: 21.333vh; /* グラデーションの高さ */
    cursor: pointer;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;

    /* 以下グラデーションは「背景が白」に併せて設定しています */ 
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.wrapper-setcourse-box .toggle-label {
	height: 42vh;
	left: 0;
}
.wrapper-cur-box .toggle-label::after,
.wrapper-setcourse-box .toggle-label::after {
	content: "続きを読む"; /* ラベルの文字 */
    letter-spacing: .05em;
    line-height: 6.667vw;
    position: absolute;
    bottom: 1rem;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #000;
    width: 70%;
    -webkit-border-radius: 2rem;
    -moz-border-radius: 2rem;
    border-radius: 2rem;
	z-index: 1;
}

.toggle-content {
	height: 16vh;
	transition: .5s;
	overflow: hidden;
}
.wrapper-setcourse-box .toggle-content {
	height: 65vh;
}
.toggle:checked + .toggle-label {
	background: none;
}
.toggle:checked + .toggle-label::after {
	content: "閉じる";
}
.toggle:checked + .toggle-label + .toggle-content {
	height: auto;
	padding-bottom: 6.667vh;
	transition: .5s;
}
.wrapper-setcourse-box .toggle:checked + .toggle-label::after {
	bottom: 2rem;
}
.wrapper-setcourse-box .toggle:checked + .toggle-label + .toggle-content {
	padding-bottom: 0;
}
@media screen and (min-width: 768px), print {
	/* 単体講座全体枠 */
    .wrapper-course-box {
        font-size: 1.481vw;
		padding: 1em 1.5em;
    }
    /* 単体講座1講座分枠 */
    .inner-course-box {
    }
    .inner-course-box:last-of-type {
        border-bottom: none;
        padding-bottom: 0;
        margin-bottom: 0;
    }
	/* セットコース全体枠 */
    .wrapper-setcourse-box {
        font-size: 1.481vw;
		
    }
    /* セットコース1講座分枠 */
    .inner-setcourse-box {
		padding: 1em 1.5em;
    }
    .inner-setcourse-box:last-of-type {
        margin-bottom: 0;
		padding-bottom: 1em;
    }
    /* 講座名 */
    .title-course-box {
        font-size: 2.407vw;
		line-height: 1.3;
        margin-left: -1em;
    }
    .title-course-box span {
        font-size: .7em;
    }
    /* アイコン類 */
    .icon-course-box {
		font-size: 1.667vw;
        margin-bottom: .4em;
    }
    .icon-beginner,.icon-kyufu,.icon-online,.icon-corporate,.icon-master {
        padding-left: 2.2em;
    }
	.icon-kyufu {
        padding-right: 2em;
    }
    .icon-online {
        padding-right: 2em;
    }
    .icon-corporate {
        padding-right: 2em;
    }
	.icon-master {
		padding-right: 2em;
	}
    .icon-kyufu::after,.icon-online::after,.icon-corporate::after,.icon-master::after {
        width: 1em;
        height: 1em;
        right: .6em;
    }
    /* 説明文 */
	.lead-course-box {
		font-size: 1.481vw;
	}
    .lead-course-box span.note {
        font-size: .9em;
    }
    /* こんな方におすすめ */
    .recommend-course-box {
        
    }
    .recommend-course-box li {
        line-height: 1.6;
    }
    .recommend-course-box li.tit-recommend-list {
        font-size: 1.667vw;
    }
    /* 受講料・受講時間 */
    .detail-course-box {

    }
    .detail-course-box dl {
        
    }
    .detail-course-box dl:last-of-type {
        
    }
    .detail-course-box dt {
        font-size: 1.667vw;
		width: 15%;
    }
	.detail-course-box .setcourse-detail {
        font-size: 1.481vw;
		width: 85%;
    }
    .detail-course-box .setcourse-detail ul {
        padding-top: 0;
    }
    .detail-course-box .setcourse-detail ul li {
        
    }
    .detail-course-box .setcourse-detail ul li a {
        padding: .1em 1.6em .1em .6em;
    }
    .detail-course-box .setcourse-detail ul li a::after {
        width: 0.741vw;
        height: 0.741vw;
        border-width: 0.093vw;
    }
    .detail-course-box .setcourse-detail ul li:last-of-type {
       
    }
    .detail-course-box .inner-detail {
        font-size: 1.667vw;
		width: 45%;
    }
	
    .detail-course-box .inner-detail span {
        font-size: 1.481vw;
    }
    .detail-course-box .outerlink-detail {
		width: 40%;
    }
    .detail-course-box .outerlink-detail a {
        font-size: 1.481vw;
    }
    .detail-course-box .outerlink-detail a::after {
        
    }
    /* カリキュラム内容 */
    .wrapper-cur-box {

    }
    /*.wrapper-cur-box h4,
    .wrapper-cur-box .toggle-label {
        font-size: 1.667vw;
        border-bottom: 2px solid #333;
        margin-left: -1.4em;
    }*/
	.wrapper-cur-box h4 {
        font-size: 1.667vw;
        border-bottom: 2px solid #333;
        margin-left: -1.4em;
    }
    .inner-cur-box {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
    }
    .inner-cur-box ul {
		width: 46%;
		border-right: 1px solid #ccc;
    }
	.inner-cur-box ul:last-of-type {
		border-right: none;
	}
    .inner-cur-box ul li {
        line-height: 1.6;
    }
    .inner-cur-box ul li.tit-cur-list {
        
    }
	/* アコーディオン用 */
	.wrapper-cur-box .toggle-label,
	.wrapper-setcourse-box .toggle-label{
        display: none;
    }
    .wrapper-cur-box .toggle-label::after,
	.wrapper-setcourse-box .toggle-label::after {
        display: none;
    }
    .toggle-content {
        height: auto;
		overflow: visible;
    }
	.wrapper-setcourse-box .toggle-content {
		height: auto;
		overflow: visible;
	}
}

@media screen and (min-width: 1080px) {
    /* 単体講座全体枠 */
    .wrapper-course-box {
        font-size: 1.6rem;
    }
	/* セットコース全体枠 */
    .wrapper-setcourse-box {
        font-size: 1.6rem;
    }
    /* 講座名 */
    .title-course-box {
        font-size: 2.6rem;
		margin-left: -1em;
    }
    .title-course-box span {
        font-size: .7em;
    }
    /* アイコン類 */
    .icon-course-box {
		font-size: 1.8rem;
    }
    /* 説明文 */
	.lead-course-box {
		font-size: 1.6rem;
	}
    .lead-course-box span.note {
        font-size: .9em;
    }
    /* こんな方におすすめ */
    .recommend-course-box li.tit-recommend-list {
        font-size: 1.8rem;
    }
    /* 受講料・受講時間 */
    .detail-course-box dt {
        font-size: 1.8rem;
    }
	.detail-course-box .setcourse-detail {
        font-size: 1.6rem;
    }
    .detail-course-box .setcourse-detail ul li a::after {
        width: 8px;
        height: 8px;
        border-width: 1px;
    }
    .detail-course-box .inner-detail {
        font-size: 1.8rem;
    }
    .detail-course-box .inner-detail span {
        font-size: 1.6rem;
    }
	.detail-course-box .outerlink-detail a {
        font-size: 1.6rem;
    }
    /* カリキュラム内容 */
    /*.wrapper-cur-box h4,
    .wrapper-cur-box .toggle-label {
        font-size: 1.8rem;
    }*/
	.wrapper-cur-box h4 {
        font-size: 1.8rem;
    }
}

/*******************************************
その他、追加パーツ 
*******************************************/
.bnr-area {
	margin-bottom: 2em;
}
@media screen and (min-width: 768px), print {
	.bnr-area {
		display: flex;
		justify-content: center;
    }
	.bnr-area div {
		margin-right: 1em;
	}
	.bnr-area div:last-of-type {
		margin-right: 0;
	}
}
/* レスポンシブ対応テーブル（外枠なし） */
.tb_response {
	width: 95%;
	margin: 0 auto 2em;
	table-layout: fixed;
	font-size: 3.73333vw;
}
.tb_response th {
	display: block;
    border-right: none;
    border-bottom: 2px solid #ccc;
    padding-bottom: .6em;
	font-weight: 700;
	color: #333;
}
.tb_response th div {
	border-left: 2px solid #ff2272;
	padding-left: .6em;
}
.tb_response thead {
	border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}
.tb_response tr {
    display: block;
    margin-bottom: 2em;
    border-bottom: 2px solid #ccc;
}
.tb_response td {
	border-bottom: 1px solid #ccc;
    display: block;
    text-align: right;
    position: relative;
    padding: .6em .6em .6em 4em;
    border-right: none;
}
.tb_response td::before {
	content: attr(data-label);
    font-weight: 700;
    position: absolute;
    left: .6em;
}
.tb_response td:last-child {
	border-bottom: 0;
}
.tb_response .btn_link {
	display: flex;
	flex-direction: row-reverse;
	margin: 0;
}
.tb_response .btn_link a {
	width: 80%;
	margin: 0;
	font-size: 3.73333vw;
}
@media screen and (min-width: 768px), print {
	.tb_response {
        font-size: 1.48148vw;
		width: 100%;
    }
	.tb_response .days,
	.tb_response .regist {
		text-align: center;
	}
	.tb_response tr {
		display: table-row;
		border-bottom: 1px dotted #ccc;
		margin: 0;
	}
	.tb_response tr:last-child {
		border-bottom: 2px solid #ccc;
	}
	.tb_response th {
		display: table-cell;
		border: none;
		padding: 0;
		width: 50%;
	}
	.tb_response th div {
        border-left: 3px solid #ff2272;
        margin-left: .2em;
    }
	.tb_response td {
		display: table-cell;
		padding: .6em;
		border: none;
	}
	.tb_response td::before {
        content: none;
    }
	.tb_response thead {
        height: auto;
        overflow: visible;
        position: relative;
        width: auto;
    }
	.tb_response thead tr {
		border-bottom: 2px solid #ccc;
	}
	.tb_response thead th {
		text-align: center;
		width: 25%;
		border: none;
	}
	.tb_response .btn_link {
        display: block;
        margin: 0;
    }
    .tb_response .btn_link a {
        width: 100%;
        margin: 0 auto;
		font-size: 1.48148vw;
    }
}
@media screen and (min-width: 1080px) {
	.tb_response {
        font-size: 1.6rem;
    }
	.tb_response .btn_link a {
		font-size: 1.6rem;
    }
}
/* 総合コース全体枠 */

/* *****************************
コース概要枠（20220520追加）
********************************/
.box-course-overview {
	margin-bottom: 4em;
}
.inner-course-overview {
	border: 1px solid #ccc;
	border-top: 3px solid #ff2272;
	margin-bottom: 1em;
	padding: 1em;
	background: #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 25%);
}
.subtitle-course-overview {
	background: #FFF0F6;
	font-size: 3.46667vw;
	color: #000;
	font-weight: 500;
	padding: .2em .6em;
	margin-bottom: .6em;
	border-radius: 4px;
}
.title-course-overview {
	font-size: 5.06667vw;
    color: #000;
    font-weight: 500;
    line-height: 1.3;
	margin-bottom: .4em;
}
.block-course-selection {
	
}
.block-course-selection h5 {
	font-size: 3.46667vw;
	color: #000;
	margin-bottom: .4em;
}
.inner-course-selection ul {
	display: flex;
	align-items: center;
	background: #F1F1F1;
	padding: .6em;
	margin-bottom: 1em;
	border-radius: 4px;
}
.inner-course-selection li {
	width: 12.5%;
}
.block-course-info {
	font-size: 3.46667vw;
	margin-bottom: .8em;
}
.inner-course-price,
.inner-course-time,
.inner-course-kyufu {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}
.inner-course-price dt,
.inner-course-time dt,
.inner-course-kyufu dt {
	font-weight: 700;
	color: #000;
}
.inner-course-kyufu dd strong {
	font-size: 1.2em;
	color: #ff2272;
}
.btn-course-detail a {
	display: block;
	position: relative;
	width: 100%;
	font-size: 3.767vw;
	text-align: center;
	padding: .6em;
	border: 1px solid #ff2272;
	color: #ff2272;
	background: #fff;
	border-radius: 5px;
	transition: 1s all;
	cursor: pointer;
}
.btn-course-detail a::after {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 1px solid #ff2272;
    border-right: 1px solid #ff2272;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
}
.btn-course-detail a:hover {
	color: #fff;
	background: #ff2272;
	opacity: 1;
}
.btn-course-detail a:hover::after {
	border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}
@media screen and (min-width: 768px), print {
	.box-course-overview {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
    .inner-course-overview {
		width: 49%;
    }
    .subtitle-course-overview {
        font-size: 1.48148vw;
    }
    .title-course-overview {
        font-size: 2.407vw;
    }
    .block-course-selection {
		
    }
    .block-course-selection h5 {
        font-size: 1.48148vw;
    }
    .inner-course-selection ul {
        display: flex;
        align-items: center;
        background: #F1F1F1;
        padding: .6em;
        margin-bottom: 1em;
        border-radius: 4px;
    }
    .inner-course-selection li {
        
    }
    .block-course-info {
		font-size: 1.48148vw;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
	.inner-course-price {
		width: 40%;
	}
	.inner-course-time {
		width: 60%;
	}
	.inner-course-kyufu {
		width: 100%;
	}
    .inner-course-info dt,.inner-course-info-wide dt {
        font-weight: 700;
        color: #000;
    }
    .inner-course-info-wide dd strong {
        font-size: 1.2em;
        color: #ff2272;
    }
    .btn-course-detail a {
        font-size: 1.48148vw;
		padding: .4em;
    }
    .btn-course-detail a::after {
        width: 6px;
        height: 6px;
    }
}
@media screen and (min-width: 1080px) {
	.box-course-overview {
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
    .inner-course-overview {
		width: 49%;
    }
    .subtitle-course-overview {
        font-size: 1.6rem;
    }
    .title-course-overview {
        font-size: 2.6rem;
    }
    .block-course-selection {
		
    }
    .block-course-selection h5 {
        font-size: 1.6rem;
    }
    .inner-course-selection ul {
        display: flex;
        align-items: center;
        background: #F1F1F1;
        padding: .6em;
        margin-bottom: 1em;
        border-radius: 4px;
    }
    .inner-course-selection li {
        
    }
    .block-course-info {
		font-size: 1.6rem;
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
    }
	.inner-course-price {
		width: 40%;
	}
	.inner-course-time {
		width: 60%;
	}
	.inner-course-kyufu {
		width: 100%;
	}
    .inner-course-info dt,.inner-course-info-wide dt {
        font-weight: 700;
        color: #000;
    }
    .inner-course-info-wide dd strong {
        font-size: 1.2em;
        color: #ff2272;
    }
    .btn-course-detail a {
        font-size: 1.6rem;
		padding: .4em;
    }
    .btn-course-detail a::after {
        width: 6px;
        height: 6px;
    }
}

/* *******************************
求人情報用テーブル（IT分野用）
*********************************/
.tb-jobreport {
	width: 100%;
	/*border: 1px solid #ccc;*/
	color: #000;
	margin: 0 auto .6em;
	font-size: 3.73333vw;
	background: #fff;
}
.tb-jobreport th,.tb-jobreport td {
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: .6em;
	text-align: center;
}
.tb-jobreport th {
	font-weight: 700;
}
.tb-jobreport .th-bdn {
	border-left: none;
}
.tb-jobreport .th-main {
	width: 45%;
    border-top: solid 5px #2dace0;
    border-left: solid 5px #2dace0;
    border-right: solid 5px #2dace0;
    background: #2dace0;
    color: #fff;
}
.tb-jobreport .th-compare {
	width: 30%;
	background: #9F9F9F;
    color: #fff;
}
.tb-jobreport .td-main01 {
	border-left: solid 5px #2dace0;
    border-right: solid 5px #2dace0;
}
.tb-jobreport .td-main02 {
	border-left: solid 5px #2dace0;
    border-right: solid 5px #2dace0;
    border-bottom: solid 5px #2dace0;
}
@media screen and (min-width: 768px), print {
	.tb-jobreport {
        max-width: 800px;
        font-size: 1.48148vw;
    }
	.tb-jobreport .th-main {
		padding: 1em 0;
    }
	.tb-jobreport .td-main01,.tb-jobreport .td-main02 {
		font-size: 1.2em;
	}
}
@media screen and (min-width: 1080px) {
	.tb-jobreport {
        font-size: 1.6rem;
    }
}

/* *******************************
コースマップ（IT分野用）
*********************************/
.box-course-map {
	width: 100%;
	margin: 0 auto;
	padding: 1em 1em 1em 2em;
	background: #444;
	/*background: #fff;*/
	border-radius: 6px;
	border: 1px solid #ccc;
}
.inner-course-map {
	position: relative;
	margin-bottom: 2em;
	background: #fff;
	padding-top: 1em;
	border-radius: 6px;
	box-shadow: 0 0 6px rgba(0,0,0,.6);
}
.inner-course-map:last-of-type {
	margin-bottom: 0;
}
.catch-course-map {
	display: inline-block;
    position: relative;
    box-sizing: border-box;
	font-size: 4.53333vw;
	font-weight: 500;
    padding: .6em;
    margin: 0 0 0 -1em;
    width: calc(95% + 1em);
    color: #fff;
    background: #00B9C0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}
.catch-course-map::before {
  position: absolute;
  content: '';
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 1em #006569;
}
.detail-course-map {
	padding: .4em 1em 1em;
}
.title-course-map {
	font-size: 4.53333vw;
	text-align: center;
	color: #000;
	border-bottom: 1px solid #2dace0;
	padding: 0 0 .6em;
	margin-bottom: .6em;
}
.list-course-map {
	margin-bottom: 1em;
}
.list-course-map dt {
	font-size: 3.73333vw;
	color: #000;
	font-weight: 700;
	margin-bottom: .6em;
}
.list-course-map dd {
	display: flex;
	justify-content: center;
	flex-direction: column;
	font-size: 3.73333vw;
	color: #000;
	font-weight: 500;
	border: 1px solid #ccc;
	border-left: 4px solid #2dace0;
	text-align: center;
	height: 4em;
	margin-bottom: .4em;
	box-shadow: 0 0px 4px rgba(0, 0, 0, 0.2);
}
.added-course01 {
	background: #EDF8FC;
}
.added-course02 {
	background: #C8EDF5;
}
.btn-course-map a {
	display: block;
	position: relative;
	padding: .6em;
	font-size: 3.73333vw;
	color: #fff;
	text-align: center;
	background: #2dace0;
	border: 1px solid #2dace0;
	border-radius: 5px;
	transition: 1s all;
	cursor: pointer;
}
.btn-course-map a::after {
	content: "";
    display: block;
    width: 8px;
    height: 8px;
    transform: rotate(45deg);
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    position: absolute;
    top: 0;
    right: .8em;
    bottom: 0;
    margin: auto;
	transition: 1s all;
}
.btn-course-map a:hover {
	background: #fff;
	color: #2dace0;
}
.btn-course-map a:hover::after {
	border-top: 2px solid #2dace0;
    border-right: 2px solid #2dace0;
}
@media screen and (min-width: 768px), print {
	.box-course-map {
        display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
		align-items: flex-end;
		padding-right: 2.4em;
    }
	.inner-course-map {
        margin-bottom: 0;
		width: 32%;
    }
    .inner-course-map:last-of-type {
        margin-bottom: 0;
    }
    .catch-course-map {
        font-size: 1.667vw;
    }
    .title-course-map {
        font-size: 1.667vw;
    }
    .list-course-map dt {
        font-size: 1.48148vw;
    }
    .list-course-map dd {
        font-size: 1.48148vw;
    }
    .btn-course-map a {
        font-size: 1.48148vw;
    }
}
@media screen and (min-width: 1080px) {
	.catch-course-map {
        font-size: 1.8rem;
    }
    .detail-course-map {
    }
    .title-course-map {
        font-size: 1.8rem;
    }
    .list-course-map dt {
        font-size: 1.6rem;
    }
    .list-course-map dd {
        font-size: 1.6rem;
    }
    .btn-course-map a {
        font-size: 1.6rem;
    }
}
/* *******************************
Lity枠拡大（IT診断テスト）
*********************************/
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
    height: 70vh;
    width: 92%;
}
.lity-content {
    height: 100%;
}
.lity-iframe-container {
    height: 100%;
}
.lity-close {
	right: auto;
	top: auto;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
@media screen and (min-width: 768px), print {
	.lity-iframe .lity-container,
    .lity-youtube .lity-container,
    .lity-vimeo .lity-container,
    .lity-facebookvideo .lity-container,
    .lity-googlemaps .lity-container {
        height: auto;
        width: 100%;
    }
	.lity-content {
        margin-top: 12%;
    }
}
@media screen and (min-width: 1080px) {
	
}
/* *******************************
診断テスト追加（求められるスキル用）
*********************************/
.box-2cul-imgdoc {
	
}
.box-2cul-imgdoc .title-smaller {
	margin-bottom: .2em;
}
.inner-2cul-imgdoc {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 1.6em;
}
.img-2cul-imgdoc {
	width: 15%;
}
.doc-2cul-imgdoc {
	width: 83%;
}
@media screen and (min-width: 768px), print {
	.box-2cul-imgdoc {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
	.inner-2cul-imgdoc {
		width: 49%;
		margin-bottom: 2em;
	}
	.img-2cul-imgdoc {
        width: 10%;
    }
    .doc-2cul-imgdoc {
        width: 88%;
    }
}
@media screen and (min-width: 1080px) {
	
}
/* *******************************
Reスキル講座用
*********************************/
.tb-reskill {
    border: 1px solid #ccc;
}
.tb-reskill th,.tb-reskill td {
    padding: .4em .6em;
    font-size: 3.73333vw;
}
.tb-reskill th {
    display: block;
    background: #2dace0;
    color: #fff;
    border-bottom: 1px solid #ccc;
}
.tb-reskill td {
    display: block;
    border-bottom: 1px solid #ccc;
}
.tb-reskill tr:last-child td {
    border-bottom: none;
}
/* こんな方におすすめ */
.list-disc {
	padding: .0em 0 .0em 1.6em;
	margin-bottom: .0em;
}
.list-disc li {
	list-style-type: disc;
	line-height: 1.3;
	margin-bottom: .4em;
}
.list-disc li:last-of-type {
	margin-bottom: 0;
}
.dl-course-detail {
    font-size: 3.73333vw;
}
.dl-course-detail dt {
    font-weight: bold;
    color: #000;
}
.dl-course-detail dd {
    margin-bottom: .8em;
}
.course-detail-link li a {
    color: #2dace0;
    position: relative;
}
.course-detail-link li a::after {
    position: absolute;
	content: "";
	display: block;
    width: 2.13333vw;
    height: 2.13333vw;
    border-top: .267vw solid #2dace0;
    border-right: .267vw solid #2c67b6;
	right: -1em;
	top: 50%;
	-webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}
@media screen and (min-width: 768px), print {
	.tb-reskill {
        border: 1px solid #ccc;
    }
    .tb-reskill th,.tb-reskill td {
        font-size: 1.48148vw;
    }
    .tb-reskill th {
        display: table-cell;
        white-space: nowrap;
    }
    .tb-reskill td {
        display: table-cell;
    }
    .dl-course-detail {
        font-size: 1.48148vw;
        display: flex;
        justify-content: space-between;
    }
    .dl-course-detail dt {
        font-weight: bold;
        width: 15%;
    }
    .dl-course-detail dd {
        width: 85%;
    }
    .course-detail-link li a::after {
        width: 0.92593vw;
        height: 0.92593vw;
        border-width: 0.18519vw;
    }
}
@media screen and (min-width: 1080px) {
	.tb-reskill {
        border: 1px solid #ccc;
    }
    .tb-reskill th,.tb-reskill td {
        font-size: 1.6rem;
    }
    .tb-reskill th {
        display: table-cell;
    }
    .tb-reskill td {
        display: table-cell;
    }
    .dl-course-detail {
        font-size: 1.6rem;
    }
    .course-detail-link li a::after {
        width: 10px;
        height: 10px;
        border-width: 2px;
    }
}</pre></body></html>