@charset "UTF-8";

/* ==================================================
		初期設定
================================================== */
html {
	font-size: 10px; /* default */
}
body {
	min-width: 320px;
	color: #232323;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP','Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
html, body {
	height: 100%; /* vhスマホアドレスバー用調整 */
}
h1, h2, h3, h4, h5, h6, dl, ol, ul, dd {
	margin-bottom: 0;
}
h1, h2, h3, h4, h5, h6 {
	line-height: 1.5;
}
p {
	margin-bottom: 0;
	line-height: 1.8;
}
img {
	max-width: 100%;
	height: auto;
}
a:hover {
	text-decoration: none;
}
a[href^="tel:"] {
	cursor: default;
}
button:focus {
	outline: 0;
}
li{
	list-style: none !important;
}

@media only screen and (min-width: 768px) {
	p {
		line-height: 2.0;
	}
}



/* ==================================================
		共通レイアウト・共通デザイン
================================================== */

/********** レイアウト **********/
.mw1200 {
	max-width: 1230px;
}

.mw1080 {
	max-width: 1110px;
}

.container-fluid .mw1200 {
	max-width: 1200px;
	padding-right: 0;
	padding-left: 0;
}

.container-fluid .mw1080 {
	max-width: 1080px;
	padding-right: 0;
	padding-left: 0;
}

.sectionBlock {
	border-top: 4px solid #232323;
}

/* 囲み枠 */
.contentBox {
	border: 3px solid #232323;
}

.contentBoxBold {
	border: 4px solid #232323;
}

/* ベベルボックス */
.bevelBox {
	width: 100%;
	padding: 3px;
	background: #232323;
	background:
		linear-gradient(135deg, transparent 8px, #232323 0) top left,
		linear-gradient(225deg, transparent 8px, #232323 0) top right,
		linear-gradient(315deg, transparent 8px, #232323 0) bottom right,
		linear-gradient(45deg,  transparent 8px, #232323 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}

.bevelBox .bevelBoxInner {
	width: 100%;
	height: 100%;
	background: #ffffff;
	background:
		linear-gradient(135deg, transparent 7px, #ffffff 0) top left,
		linear-gradient(225deg, transparent 7px, #ffffff 0) top right,
		linear-gradient(315deg, transparent 7px, #ffffff 0) bottom right,
		linear-gradient(45deg,  transparent 7px, #ffffff 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}

/* Z Index */
.zIndex10 { z-index: 10; }

/* Negative Margin */
.mlNegative05em {
	margin-left: -.5em;
}


@media only screen and (min-width: 768px) {
	/* 囲み枠 */
	.contentBox {
		border-width: 4px;
	}

	.contentBoxBold {
		border-width: 6px;
	}

	/* ベベルボックス */
	.bevelBox {
		padding: 4px;
		background:
		linear-gradient(135deg, transparent 10px, #232323 0) top left,
		linear-gradient(225deg, transparent 10px, #232323 0) top right,
		linear-gradient(315deg, transparent 10px, #232323 0) bottom right,
		linear-gradient(45deg,  transparent 10px, #232323 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	.bevelBox .bevelBoxInner {
		background:
		linear-gradient(135deg, transparent 9px, #ffffff 0) top left,
		linear-gradient(225deg, transparent 9px, #ffffff 0) top right,
		linear-gradient(315deg, transparent 9px, #ffffff 0) bottom right,
		linear-gradient(45deg,  transparent 9px, #ffffff 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}
}


/********** テキスト **********/
/* Color */
.colorWhite { color: #ffffff; }
.colorBlue  { color: #438df2; }
.colorGray  { color: #4e4e55; }

/* Font Size */
.fontSize10 { font-size: 1.0rem; }
.fontSize12 { font-size: 1.2rem; }
.fontSize13 { font-size: 1.3rem; }
.fontSize14 { font-size: 1.4rem; }
.fontSize15 { font-size: 1.5rem; }
.fontSize16 { font-size: 1.6rem; }
.fontSize17 { font-size: 1.7rem; }
.fontSize18 { font-size: 1.8rem; }
.fontSize19 { font-size: 1.9rem; }
.fontSize20 { font-size: 2.0rem; }
.fontSize22 { font-size: 2.2rem; }
.fontSize24 { font-size: 2.4rem; }
.fontSize26 { font-size: 2.6rem; }
.fontSize28 { font-size: 2.8rem; }
.fontSize32 { font-size: 3.2rem; }
.fontSize33 { font-size: 3.3rem; }
.fontSize36 { font-size: 3.6rem; }

/* Font Weight */
.fontRegular  { font-weight: 400; }
.fontDemibold { font-weight: 500; }
.fontBold     { font-weight: 700; }
.fontBlack    { font-weight: 900; }

/* Lineheight */
.lineheight10 { line-height: 1.0; }
.lineheight13 { line-height: 1.3; }
.lineheight15 { line-height: 1.5; }


@media only screen and (min-width: 375px) {
	/* Font Size */
	.fontSizeXxs24 { font-size: 2.4rem; }
}

@media only screen and (min-width: 576px) {
	/* Font Size */
	.fontSizeSm34 { font-size: 3.4rem; }

	/* Lineheight */
	.lineheightSm17 { line-height: 1.7; }
}

@media only screen and (min-width: 768px) {
	/* Font Size */
	.fontSizeMd12 { font-size: 1.2rem; }
	.fontSizeMd13 { font-size: 1.3rem; }
	.fontSizeMd14 { font-size: 1.4rem; }
	.fontSizeMd16 { font-size: 1.6rem; }
	.fontSizeMd18 { font-size: 1.8rem; }
	.fontSizeMd19 { font-size: 1.9rem; }
	.fontSizeMd20 { font-size: 2.0rem; }
	.fontSizeMd22 { font-size: 2.2rem; }
	.fontSizeMd24 { font-size: 2.4rem; }
	.fontSizeMd25 { font-size: 2.5rem; }
	.fontSizeMd26 { font-size: 2.6rem; }
	.fontSizeMd27 { font-size: 2.7rem; }
	.fontSizeMd28 { font-size: 2.8rem; }
	.fontSizeMd30 { font-size: 3.0rem; }
	.fontSizeMd32 { font-size: 3.2rem; }
	.fontSizeMd33 { font-size: 3.3rem; }
	.fontSizeMd34 { font-size: 3.4rem; }
	.fontSizeMd36 { font-size: 3.6rem; }
	.fontSizeMd37 { font-size: 3.7rem; }
	.fontSizeMd40 { font-size: 4.0rem; }
	.fontSizeMd42 { font-size: 4.2rem; }
	.fontSizeMd45 { font-size: 4.5rem; }
	.fontSizeMd48 { font-size: 4.8rem; }
	.fontSizeMd62 { font-size: 6.2rem; }

	/* Lineheight */
	.lineheightMd10 { line-height: 1.0; }
	.lineheightMd14 { line-height: 1.4; }
	.lineheightMd15 { line-height: 1.5; }
	.lineheightMd17 { line-height: 1.7; }
	.lineheightMd20 { line-height: 2.0; }
	.lineheightMd22 { line-height: 2.2; }
	.lineheightMd25 { line-height: 2.5; }
}

@media only screen and (min-width: 1200px) {
	/* Font Size */
	.fontSizeXl24 { font-size: 2.4rem; }
	.fontSizeXl37 { font-size: 3.7rem; }
}


/********** ボーダー **********/
.borderTop    { border-top: 2px solid #232323; }
.borderBottom { border-bottom: 2px solid #232323; }
.borderLeft   { border-left: 2px solid #232323; }
.borderRight  { border-right: 2px solid #232323; }


/********** 矢印 **********/
/* ━━━━━▼━━━━━ */
.borderArrowDown {
	position: relative;
	height: 14px;
	border-top: 4px solid #232323;
}
.borderArrowDown:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	border-width: 10px;
	border-style: solid;
	border-color: #232323 transparent transparent transparent;
}

/* ▼　下向き */
.arrowDown {
	position: relative;
	width: 30px;
	height: 15px;
}
.arrowDown:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	border-width: 15px;
	border-style: solid;
	border-color: #232323 transparent transparent transparent;
}

/* ▼　右向き */
.arrowRight {
	position: relative;
	width: 15px;
	height: 30px;
}
.arrowRight:after {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 0;
	height: 0;
	margin: auto;
	content: "";
	border-width: 15px;
	border-style: solid;
	border-color: transparent transparent transparent #232323;
}


@media only screen and (min-width: 768px) {
	/* ▼　右向き */
	.arrowRight {
		width: 18px;
		height: 36px;
	}
	.arrowRight:after {
		border-width: 18px;
	}
}


/********** 装飾 **********/
/* テキストの左右に罫線 */
.borderTxt {
	position: relative;
	text-align: center;
}
.borderTxt:before, .borderTxt:after {
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	content: "";
	width: 30%;
	height: 4px;
	background: #232323;
}
.borderTxt:before {
	left: 0;
}
.borderTxt:after {
	right: 0;
}


@media only screen and (min-width: 1200px) {
	.borderTxt:before, .borderTxt:after {
		width: 41%;
	}
}


/***** 下線 *****/
.underlineRed {
	background-image: url("../../img/underline_red.png");
	background-repeat: no-repeat;
	background-size: 100% 4px;
	background-position: left bottom;
}


@media only screen and (min-width: 768px) {
	.underlineRed {
		background-size: 100% 6px;
	}
}


/***** マーカー *****/
.markerYellow {
	padding-right: 5px;
	padding-left: 5px;
	background-color: #fff2c1;
}

.markerWhite {
	padding-right: 5px;
	padding-left: 5px;
	background-color: #ffffff;
}


/********** 背景 **********/
/* 単色 */
.bgWhite { background-color: #ffffff; }
.bgBlack { background-color: #232323; }


/***** パターン背景 *****/
/* ストライプ 黄色 */
.bgStripeYellow {
	background: -webkit-repeating-linear-gradient(135deg, #ffeb9c, #ffeb9c 4px, #fff2c0 4px, #fff2c0 8px);
	background: repeating-linear-gradient(135deg, #ffeb9c, #ffeb9c 4px, #fff2c0 4px, #fff2c0 8px);
}

/* ストライプ 緑 */
.bgStripeGreen{
	background: -webkit-repeating-linear-gradient(135deg, #9bf2b3, #9bf2b3 4px, #aef7c3 4px, #aef7c3 8px);
	background: repeating-linear-gradient(135deg, #9bf2b3, #9bf2b3 4px, #aef7c3 4px, #aef7c3 8px);
}

/* ストライプ 紫 */
.bgStripePurple {
	background: -webkit-repeating-linear-gradient(135deg, #e9c5ff, #e9c5ff 4px, #f3e0ff 4px, #f3e0ff 8px);
	background: repeating-linear-gradient(135deg, #e9c5ff, #e9c5ff 4px, #f3e0ff 4px, #f3e0ff 8px);
}

/* ストライプ 薄黄色 */
.bgStripeLightYellow {
	background: -webkit-repeating-linear-gradient(135deg, #fbf5a5, #fbf5a5 4px, #fdf9ce 4px, #fdf9ce 8px);
	background: repeating-linear-gradient(135deg, #fbf5a5, #fbf5a5 4px, #fdf9ce 4px, #fdf9ce 8px);
}

/* ストライプ 青 */
.bgStripeBlue {
	background: -webkit-repeating-linear-gradient(135deg, #d2d6fb, #d2d6fb 4px, #dbdefc 4px, #dbdefc 8px);
	background: repeating-linear-gradient(135deg, #d2d6fb, #d2d6fb 4px, #dbdefc 4px, #dbdefc 8px);
}

/* ドット ピンク */
.bgDotPink {
	background-color: #ffd5cb;
	background-image: radial-gradient(#ffc7b9 10%, transparent 20%), radial-gradient(#ffc7b9 10%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}

/* ドット 黄色 */
.bgDotYellow {
	background-color: #fdf9ce;
	background-image: radial-gradient(#fbf5a5 10%, transparent 20%), radial-gradient(#fbf5a5 10%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}

/* ドット 紫 */
.bgDotPurple {
	background-color: #f3e0ff;
	background-image: radial-gradient(#e9c5ff 10%, transparent 20%), radial-gradient(#e9c5ff 10%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}

/* ドット 緑 */
.bgDotGreen {
	background-color: #d3fbde;
	background-image: radial-gradient(#aef7c3 10%, transparent 20%), radial-gradient(#aef7c3 10%, transparent 20%);
	background-size: 10px 10px;
	background-position: 0 0, 5px 5px;
}


/********** コンテンツ **********/
/***** セクションタイトル *****/
.sectionTtl {
	position: relative;
	width: 100%;
	margin: auto;
	padding: 4px 4px 0;
	background: #232323;
	background:
		linear-gradient(135deg, transparent 4px, #232323 0) top left,
		linear-gradient(225deg, transparent 4px, #232323 0) top right,
		linear-gradient(315deg, #232323 0, #232323 0) bottom right,
		linear-gradient(45deg,  #232323 0, #232323 0) bottom left;
	background-size: 51% 53%;
	background-repeat: no-repeat;
}
.sectionTtl:before {
	position: absolute;
	top: -30px;
	right: 0;
	left: 0;
	width: 126px;
	height: 30px;
	margin: auto;
	border-width: 0 4px;
	border-style: solid;
	border-color: #232323;
	content: "";
}

.sectionTtl .sectionTtlInner {
	width: 100%;
	padding: 5px;
	font-size: 1.2rem;
	font-weight: 900;
	text-align: center;
	background: #ffffff;
	background:
		linear-gradient(135deg, transparent 2px, #ffffff 0) top left,
		linear-gradient(225deg, transparent 2px, #ffffff 0) top right,
		linear-gradient(315deg, #ffffff 0, #ffffff 0) bottom right,
		linear-gradient(45deg,  #ffffff 0, #ffffff 0) bottom left;
	background-size: 51% 53%;
	background-repeat: no-repeat;
}

.sectionSubTtl {
	width: 100%;
	margin: -1px auto 0;
	padding: 0 4px 4px;
	background: #232323;
	background:
		linear-gradient(135deg, #232323 0, #232323 0) top left,
		linear-gradient(225deg, #232323 0, #232323 0) top right,
		linear-gradient(315deg, transparent 4px, #232323 0) bottom right,
		linear-gradient(45deg,  transparent 4px, #232323 0) bottom left;
	background-size: 51% 53%;
	background-repeat: no-repeat;
}

.sectionSubTtl .sectionSubTtlInner {
	position: relative;
	width: 100%;
	padding: 5px;
	z-index: 1;
	font-size: 1.5rem;
	font-weight: 900;
	text-align: center;
	background: #ffffff;
	background:
		linear-gradient(135deg, #ffffff 0, #ffffff 0) top left,
		linear-gradient(225deg, #ffffff 0, #ffffff 0) top right,
		linear-gradient(315deg, transparent 2px, #ffffff 0) bottom right,
		linear-gradient(45deg,  transparent 2px, #ffffff 0) bottom left;
	background-size: 51% 54%;
	background-repeat: no-repeat;
}


/***** SUMMARY *****/
/* SUMMARYタイトル */
.summaryTtl:after {
	display: block;
	width: 16px;
	margin: auto;
	padding-top: 8px;
	content: "";
	border-bottom: 3px solid;
}


@media only screen and (min-width: 768px) {
	/***** セクションタイトル *****/
	.sectionTtl {
		background:
			linear-gradient(135deg, transparent 10px, #232323 0) top left,
			linear-gradient(225deg, transparent 10px, #232323 0) top right,
			linear-gradient(315deg, #232323 0, #232323 0) bottom right,
			linear-gradient(45deg,  #232323 0, #232323 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}
	.sectionTtl:before {
		top: -90px;
		height: 90px;
	}

	.sectionTtl .sectionTtlInner {
		font-size: 2.0rem;
		background:
			linear-gradient(135deg, transparent 9px, #ffffff 0) top left,
			linear-gradient(225deg, transparent 9px, #ffffff 0) top right,
			linear-gradient(315deg, #ffffff 0, #ffffff 0) bottom right,
			linear-gradient(45deg,  #ffffff 0, #ffffff 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	.sectionSubTtl {
		background:
			linear-gradient(135deg, #232323 0, #232323 0) top left,
			linear-gradient(225deg, #232323 0, #232323 0) top right,
			linear-gradient(315deg, transparent 10px, #232323 0) bottom right,
			linear-gradient(45deg,  transparent 10px, #232323 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	.sectionSubTtl .sectionSubTtlInner {
		font-size: 2.8rem;
		background:
			linear-gradient(135deg, #ffffff 0, #ffffff 0) top left,
			linear-gradient(225deg, #ffffff 0, #ffffff 0) top right,
			linear-gradient(315deg, transparent 9px, #ffffff 0) bottom right,
			linear-gradient(45deg,  transparent 9px, #ffffff 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}


	/***** SUMMARY *****/
	/* SUMMARYタイトル */
	.summaryTtl:after {
		width: 50px;
		padding-top: 30px;
		border-bottom: 4px solid;
	}
}



/* ==================================================
		ヘッダー
================================================== */
#header {
	position: relative;
	z-index: 1;
	-webkit-box-shadow: 0 3px 0 0 rgba(51,51,51,0.15);
	box-shadow: 0 3px 0 0 rgba(51,51,51,0.15);
}

#header .headerLeft {
	width: 100px;
	margin-right: 10px;
}

#header .headerRight {
	width: calc(100% - 110px);
}

.snsIcon img {
	max-width: 30px;
}

.topLink {
	padding: 5px;
	vertical-align: middle;
	border-radius: 2px;
	font-size: 1rem;
	font-weight: 600;
	background: #fa9b36;
}
.topLink:hover {
	color: #ffffff;
}


@media (min-width: 375px) {
	#header .headerLeft {
		width: 42%;
		margin-right: 0;
	}

	#header .headerRight {
		width: 58%;
	}

	.snsIcon img{
		max-width: 35px;
	}

	.topLink{
		padding: 10px;
	}
}

@media (min-width: 768px){
	.snsIcon img {
		max-width: 100%;
	}

	.topLink {
		font-size: 1.6rem;
	}
}



/* ==================================================
		フッター
================================================== */
#footerContact {
	background-color: #4e4e55;
}

#footerContact .telIcon {
	max-width: 32px;
}

#footerContactBox {
	border-radius: 4px;
}

#footerContactBox .telText {
	color: #073b91;
}

/* サイバー大学TOPへ戻る */
#gotoSiteTop .btnTop {
	display: inline-block;
	padding: 5px;
	border-radius: 2px;
	color: #ffffff;
	font-weight: bold;
	background-color: #fa9b36;
}


@media only screen and (min-width: 768px) {
	#footerContactBox {
		max-width: 680px;
		border-radius: 6px;
	}

	#footerContact .telIcon {
		max-width: 100%;
	}

	#footerContact .footerContactBox .tel {
		font-size: 4.5rem;
	}

	/* サイバー大学TOPへ戻る */
	#gotoSiteTop .btnTop {
		padding: 10px 15px;
		font-size: 1.6rem;
	}
}



/* ==================================================
		メニュー
================================================== */
#menuContent {
	top: 20px;
	right: -300px;
	width: 300px;
	z-index: 5100;
}

/* CONTENTS */
#menuHead {
	position: relative;
	right: 54px;
	width: 300px;
	height: 50px;
	margin-bottom: 0;
	z-index: 5100;
	background: #232323;
	background:
		linear-gradient(135deg, transparent 4px, #232323 0) top left,
		linear-gradient(225deg, #232323 0, #232323 0) top right,
		linear-gradient(315deg, #232323 0, #232323 0) bottom right,
		linear-gradient(45deg,  transparent 4px, #232323 0) bottom left;
	background-size: 55% 55%;
	background-repeat: no-repeat;
	-webkit-transition: .35s, margin-bottom .2s ease .35s, margin-top .2s ease .35s;
	transition: .35s, margin-bottom .2s ease .35s, margin-top .2s ease .35s;
}
#menuHead:before {
	position: absolute;
	top: 0;
	right: 85px;
	width: 130px;
	height: 20px;
	border-width: 0 2px;
	border-style: solid;
	border-color: #232323;
	z-index: -1;
	content: "";
	-webkit-transition: top .2s ease .35s;
	transition: top .2s ease .35s;
}
#menuHead:after {
	position: absolute;
	top: 50px;
	right: 85px;
	width: 130px;
	height: 0;
	border-width: 0 2px;
	border-style: solid;
	border-color: #232323;
	content: "";
	z-index: -1;
	-webkit-transition: height .2s ease .35s;
	transition: height .2s ease .35s;
}

/* メニューボタン */
#menuHead #menuBtn {
	top: 0;
	left: 0;
	width: 54px;
	height: 50px;
}

#menuHead #menuBtn .menuLine {
	display: block;
	width: 24px;
	height: 3px;
	background: #ffffff;
	-webkit-transition: .35s;
	transition: .35s;
}

#menuHead #menuBtn .menuLineTop {
	margin-bottom: 4px;
}

#menuHead #menuBtn .menuLineMiddle {
	margin-bottom: 4px;
}


/***** メニューリスト *****/
#menuList {
	right: 0;
	-webkit-transition: .35s;
	transition: .35s;
}

#menuList .listItem {
	position: relative;
	width: 285px;
	height: 50px;
	margin-bottom: 0;
	padding: 2px 15px;
	line-height: 1.3;
	border-color: #232323;
	border-right: none;
	border-radius: 0;
	color: #232323;
	font-size: 1.3rem;
	font-weight: 900;
	-webkit-transition: margin-bottom .2s ease .35s;
	transition: margin-bottom .2s ease .35s;
}

#menuList .listItem:hover {
	opacity: .9;
}

#menuList .listItem + .listItem:after {
	position: absolute;
	top: -11px;
	right: 85px;
	width: 130px;
	height: 0;
	border-width: 0 2px;
	border-style: solid;
	border-color: #232323;
	z-index: -1;
	content: "";
	-webkit-transition: height .2s ease .35s;
	transition: height .2s ease .35s;
}

/* 資料請求・説明会情報 */
#menuList .listItem#menuApplyInvite {
	color: #e04848;
}

/* 個別背景 */
#menuIntroduction {
	background: #d2e5ff;
}

#menuIntroduction.current {
	background: -webkit-repeating-linear-gradient(135deg, #bad7ff, #bad7ff 5px, #d2e5ff 5px, #d2e5ff 10px);
	background: repeating-linear-gradient(135deg, #bad7ff, #bad7ff 5px, #d2e5ff 5px, #d2e5ff 10px);
}

#menuAct1 {
	background: #fffab6;
}

#menuAct1.current {
	background: -webkit-repeating-linear-gradient(135deg, #fffccc, #fffccc 5px, #fff67c 5px, #fff67c 10px);
	background: repeating-linear-gradient(135deg, #fffccc, #fffccc 5px, #fff67c 5px, #fff67c 10px);
}

#menuAct2 {
	background: #ffcec2;
}

#menuAct2.current {
	background: -webkit-repeating-linear-gradient(135deg, #ffcec2, #ffcec2 5px, #ffdfd7 5px, #ffdfd7 10px);
	background: repeating-linear-gradient(135deg, #ffcec2, #ffcec2 5px, #ffdfd7 5px, #ffdfd7 10px);
}

#menuAct3 {
	background: #eed2ff;
}

#menuAct3.current {
	background: -webkit-repeating-linear-gradient(135deg, #eed2ff, #eed2ff 5px, #f4e2ff 5px, #f4e2ff 10px);
	background: repeating-linear-gradient(135deg, #eed2ff, #eed2ff 5px, #f4e2ff 5px, #f4e2ff 10px);
}

#menuAct4 {
	background: #e7fad3;
}

#menuAct4.current {
	background: -webkit-repeating-linear-gradient(135deg, #cff5a7, #cff5a7 5px, #e7fad3 5px, #e7fad3 10px);
	background: repeating-linear-gradient(135deg, #cff5a7, #cff5a7 5px, #e7fad3 5px, #e7fad3 10px);
}

#menuAct5 {
	background: #d8f9e1;
}

#menuAct5.current {
	background: -webkit-repeating-linear-gradient(135deg, #bff5cd, #bff5cd 5px, #d8f9e1 5px, #d8f9e1 10px);
	background: repeating-linear-gradient(135deg, #bff5cd, #bff5cd 5px, #d8f9e1 5px, #d8f9e1 10px);
}

#menuApplyInvite {
	background: #ffffff;
}

#menuApplyInvite.current {
	background: -webkit-repeating-linear-gradient(135deg, #fff0f5, #fff0f5 5px, #ffffff 5px, #ffffff 10px);
	background: repeating-linear-gradient(135deg, #fff0f5, #fff0f5 5px, #ffffff 5px, #ffffff 10px);
}



/********** メニュー表示時 **********/
/* コンテンツオーバーレイ */
.menuOverlay.active {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 5000;
	background: rgba(255, 255, 255, .8);
}

/* CONTENTS */
#menuHead.show {
	right: 300px;
	margin-top: -8px;
	margin-bottom: 12px;
}
#menuHead.show:before {
	top: -20px;
}
#menuHead.show:after {
	height: 12px;
}

/* メニューボタン */
#menuHead.show #menuBtn {
	top: 50%;
	left: 15px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	width: 21px;
	height: 21px;
}

#menuHead #menuBtn .menuLine {
	width: 25px;
}

#menuHead.show #menuBtn .menuLineTop {
	margin-bottom: 0;
	-webkit-transform: translateY(5px) translateX(-2px) rotate(45deg);
	transform: translateY(5px) translateX(-2px) rotate(45deg);
}
#menuHead.show #menuBtn .menuLineMiddle {
	opacity: 0;
}
#menuHead.show #menuBtn .menuLineBottom {
	-webkit-transform: translateY(-5px) translateX(-2px) rotate(-45deg);
	transform: translateY(-5px) translateX(-2px) rotate(-45deg);
}


/***** メニューリスト *****/
#menuList.show {
	right: 300px;
}

#menuList.show .listItem {
	margin-bottom: 10px;
}

#menuList.show .listItem + .listItem:after {
	height: 10px;
}


@media only screen and (min-width: 375px) {
	/* CONTENTS */
	#menuHead {
		height: 54px;
	}
	#menuHead:after {
		top: 54px;
	}

	/* メニューボタン */
	#menuHead #menuBtn {
		height: 54px;
	}

	/***** メニューリスト *****/
	#menuList .listItem {
		height: 64px;
	}

	#menuList .listItem + .listItem:after {
		top: -16px
	}

	/********** メニュー表示時 **********/
	/* CONTENTS */
	#menuHead.show {
		margin-top: 0;
		margin-bottom: 20px;
	}

	/***** メニューリスト *****/
	#menuList.show .listItem {
		margin-bottom: 15px;
		padding: 5px 15px;
		line-height: 1.5;
	}
	#menuHead.show:after {
		height: 20px;
	}

	#menuList.show .listItem + .listItem:after {
		height: 15px;
	}
}

@media only screen and (min-width: 768px) {
	/* コンテンツオーバーレイ */
	.menuOverlay {
		display: none;
	}
}

@media only screen and (min-width: 1500px) {
	#menuContent {
		top: 60px;
		right: -260px;
		width: 260px;
	}

	/* CONTENTS */
	#menuHead {
		right: 260px;
		width: 260px;
		height: 60px;
		margin-bottom: 15px;
		background:
			linear-gradient(135deg, transparent 10px, #232323 0) top left,
			linear-gradient(225deg, #232323 0, #232323 0) top right,
			linear-gradient(315deg, #232323 0, #232323 0) bottom right,
			linear-gradient(45deg,  transparent 10px, #232323 0) bottom left;
		background-size: 55% 55%;
		background-repeat: no-repeat;
	}
	#menuHead:before {
		top: -60px;
		right: 80px;
		width: 95px;
		height: 60px;
		border-width: 0 3px;
	}
	#menuHead:after {
		top: 60px;
		right: 80px;
		width: 95px;
		height: 15px;
		border-width: 0 3px;
	}

	#menuHead.show {
		right: 260px;
		margin-bottom: 15px;
	}
	#menuHead.show:before {
		top: -60px;
	}
	#menuHead.show:after {
		height: 15px;
	}

	/* メニューボタン */
	#menuHead #menuBtn {
		display: none !important;
	}


	/***** メニューリスト *****/
	#menuList {
		right: 260px;
	}

	#menuList.show {
		right: 260px;
	}

	#menuList .listItem {
		width: 245px;
		margin-bottom: 10px;
		padding: 5px 20px;
		border-width: 2px;
	}

	#menuList.show .listItem {
		margin-bottom: 10px;
	}

	#menuList .listItem + .listItem:after {
		top: -12px;
		right: 80px;
		width: 95px;
		height: 10px;
		border-width: 0 3px;
	}

	#menuList.show .listItem + .listItem:after {
		top: -12px;
		height: 10px;
	}
}



/* ==================================================
		メインビジュアル
================================================== */
#mainVisual {
	position: relative;
	height: 100%;
	overflow: hidden;
	background-image: url(../../img/mainvisual_bg-sp.png);
	background-repeat: no-repeat;
	background-position: top center;
	background-size: cover;
}

/* AIイメージ */
#mainVisualAikun {
	max-width: 232px;
}

/* スクロールボタン */
.scrollBox {
	bottom: 40px;
	right: 0;
	left: 0;
}

.scrollBox .scroll {
	border: 4px solid #232323;
	border-radius: 4px;
	color: #232323;
	background: #ffffff;
	-webkit-transition: .2s;
	transition: .2s;
}

.scrollBox .scroll:hover {
	opacity: .8;
}


@media only screen and (min-width: 576px) {
	/* メインキャッチ */
	#mainVisualMainCatch {
		max-width: none;
		width: 80%;
	}
}

@media only screen and (min-width: 768px) {
	#mainVisual {
		height: calc(100vh - 81px);
		height: 100%;
		background-image: url(../../img/mainvisual_bg-pc.png);
	}

	/* メインキャッチ */
	#mainVisualMainCatch {
		width: 70%;
	}

	/* AIイメージ */
	#mainVisualAikun {
		max-width: none;
		width: 45%;
	}

	/* スクロールボタン */
	.scrollBox {
		bottom: 40px;
	}

	.scrollBox .scroll {
		border-radius: 6px;
	}
}

@media only screen and (min-width: 992px) {
	/* メインキャッチ */
	#mainVisualMainCatch {
		width: 57%;
	}

	/* AIイメージ */
	#mainVisualAikun {
		width: 43%;
	}
}



/* ==================================================
		INTRODUCTION
================================================== */
#introduction {
	overflow: hidden;
}


/***** セクションタイトル *****/
#introduction .sectionTtl {
	max-width: 190px;
}

#introduction .sectionTtl .sectionTtlInner {
	background: #bad7ff;
	background:
		linear-gradient(135deg, transparent 2px, #bad7ff 0) top left,
		linear-gradient(225deg, transparent 2px, #bad7ff 0) top right,
		linear-gradient(315deg, #bad7ff 0, #bad7ff 0) bottom right,
		linear-gradient(45deg,  #bad7ff 0, #bad7ff 0) bottom left;
	background-size: 51% 54%;
	background-repeat: no-repeat;
}

#introduction .sectionSubTtl {
	max-width: 190px;
}


/***** 本文 *****/
#introTxtBg01 {
	width: 290px;
	height: 127px;
	background-image: url(../../img/introduction_txt_bg-sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#introImg01 {
	max-width: 194px;
}

#introImg02 {
	max-width: 333px;
}

.cuLogo {
	max-width: 23px;
}


/***** AIテクノロジープログラム *****/
#introductionProgram {
	background-image: url(../../img/introduction_program_bg-sp.png);
	background-position: top center;
	background-size: 100%;
}

#introProgramTtl img {
	max-width: 243px;
}

#introProgramImg01 {
	bottom: -80px;
	right: 0;
	left: 0;
	max-width: 191px;
	width: 100%;
	margin: auto;
}


@media only screen and (min-width: 375px) {
	/***** 本文 *****/
	#introTxtBg01 {
		width: 300px;
		height: 132px;
	}
}

@media only screen and (min-width: 768px) {
	/***** セクションタイトル *****/
	#introduction .sectionTtl {
		max-width: 380px;
	}

	#introduction .sectionTtl .sectionTtlInner {
		background:
			linear-gradient(135deg, transparent 9px, #bad7ff 0) top left,
			linear-gradient(225deg, transparent 9px, #bad7ff 0) top right,
			linear-gradient(315deg, #bad7ff 0, #bad7ff 0) bottom right,
			linear-gradient(45deg,  #bad7ff 0, #bad7ff 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	#introduction .sectionSubTtl {
		max-width: 380px;
	}


	/***** 本文 *****/
	#introTxtBg01 {
		width: 522px;
		height: 228px;
		background-image: url(../../img/introduction_txt_bg-pc.png);
	}

	#introImg01 {
		max-width: 250px;
		width: 25%;
	}

	/* ━━━━━▼━━━━━ */
	#introduction .borderArrowDown:after {
		border-width: 18px;
	}

	#introImg02 {
		max-width: 375px;
		margin-right: 7% !important;
		margin-left: 7% !important;
	}

	.cuLogo {
		max-width: none;
	}


	/***** AIテクノロジープログラム *****/
	#introductionProgram {
		background-image: url(../../img/introduction_program_bg-pc.png);
	}

	#introProgramTtl img {
		max-width: 100%;
	}

	#introductionProgram .contentBoxBold {
		max-width: 700px;
	}

	#introductionProgram .contentBoxBold p {
		letter-spacing: .1em;
	}

	#introProgramImg01 {
		bottom: -15px;
		right: -68px;
		left: auto;
		max-width: none;
		width: auto;
	}
}


@media only screen and (min-width: 1200px) {
	#introImg02 {
		margin-right: 100px !important;
		margin-left: 100px !important;
	}
}



/* ==================================================
		Act.I
================================================== */

/***** セクションタイトル *****/
#act1 .sectionTtl {
	max-width: 316px;
}

#act1 .sectionTtl .sectionTtlInner {
	background: #fffab6;
	background:
		linear-gradient(135deg, transparent 2px, #fffab6 0) top left,
		linear-gradient(225deg, transparent 2px, #fffab6 0) top right,
		linear-gradient(315deg, #fffab6 0, #fffab6 0) bottom right,
		linear-gradient(45deg,  #fffab6 0, #fffab6 0) bottom left;
	background-size: 51% 54%;
	background-repeat: no-repeat;
}

#act1 .sectionSubTtl {
	max-width: 316px;
}


/********** POINT **********/
/***** 共通 *****/
#act1 .act1pointBox {
	padding: 15px;
}

#act1 .act1pointTtl {
	max-width: 53px;
}

#act1 .act1pointSubTtl {
	width: calc(100% - 63px);
}

#act1 .pointNoImg {
	bottom: 15px;
	right: 15px;
	max-width: 50px;
}

/* ベベルボックス 下右 */
.bevelBoxBottomRight {
	width: 100%;
	padding: 3px;
	background: #232323;
	background:
		linear-gradient(135deg, #232323 0, #232323 0) top left,
		linear-gradient(225deg, #232323 0, #232323 0) top right,
		linear-gradient(315deg, transparent 8px, #232323 0) bottom right,
		linear-gradient(45deg,  #232323 0, #232323 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}

.bevelBoxBottomRight .bevelBoxInner {
	width: 100%;
	height: 100%;
	background: #ffffff;
	background:
		linear-gradient(135deg, #ffffff 0, #ffffff 0) top left,
		linear-gradient(225deg, #ffffff 0, #ffffff 0) top right,
		linear-gradient(315deg, transparent 7px, #ffffff 0) bottom right,
		linear-gradient(45deg,  #ffffff 0, #ffffff 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}

/* パターン背景 ストライプ 薄黄色 */
#act1 .bgStripeLightYellow {
	background: -webkit-repeating-linear-gradient(135deg, #fcf8c8, #fcf8c8 10px, #fdfadb 10px, #fdfadb 20px);
	background: repeating-linear-gradient(135deg, #fcf8c8, #fcf8c8 10px, #fdfadb 10px, #fdfadb 20px);
}

/* パターン背景 ストライプ 黄×白 */
#act1 .bgStripeYellowWhite {
	background: -webkit-repeating-linear-gradient(135deg, #fffcd7, #fffcd7 6px, #ffffff 6px, #ffffff 12px);
	background: repeating-linear-gradient(135deg, #fffcd7, #fffcd7 6px, #ffffff 6px, #ffffff 12px);
}


/***** POINT 01 *****/
#act1point01box02:before,
#act1point01box03:before,
#act1point01box04:before,
#act1point01box05:before,
#act1point01box06:before {
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	width: 10px;
	height: 20px;
	margin: auto;
	z-index: 0;
	content: "";
	background: #232323;
}

#act1point0101img01 {
	max-width: 293px;
}

#act1point0102img01 {
	max-width: 278px;
}

#act1point0103img01 {
	max-width: 293px;
}

#act1point0104img01 {
	max-width: 80px;
}

#act1point0105img01 {
	max-width: 264px;
}


/***** POINT 02 *****/
#act1point02box02:before,
#act1point02box03:before,
#act1point02box04:before,
#act1point02box05:before {
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	width: 10px;
	height: 20px;
	margin: auto;
	z-index: 0;
	content: "";
	background: #232323;
}

#act1point0201img01 {
	margin-top: -80px;
}

#act1point0201img01 img {
	max-width: 225px;
}

#act1point0202img01 {
	max-width: 86px;
}

#act1point0202img02 {
	max-width: 289px;
}

#act1point0204img01 {
	max-width: 210px;
}

#act1point0205img01 {
	max-width: 231px;
}


/***** SUMMARY *****/
#act1summary {
	background-image: url(../../img/act1_summary_bg-sp.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100%;
}

#act1summaryImg01 {
	max-width: 244px;
}

#act1summaryImg02 {
	max-width: 244px;
}


@media only screen and (min-width: 414px) {
	/***** 共通 *****/
	.act1pointBoxLayoutA {
		max-width: 420px;
		width: 90%;
	}

	.act1pointBoxLayoutB {
		max-width: 300px;
		width: 90%;
	}
}

@media only screen and (min-width: 768px) {
	/***** セクションタイトル *****/
	#act1 .sectionTtl {
		max-width: 600px;
	}

	#act1 .sectionTtl .sectionTtlInner {
		background:
			linear-gradient(135deg, transparent 9px, #fffab6 0) top left,
			linear-gradient(225deg, transparent 9px, #fffab6 0) top right,
			linear-gradient(315deg, #fffab6 0, #fffab6 0) bottom right,
			linear-gradient(45deg,  #fffab6 0, #fffab6 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	#act1 .sectionSubTtl {
		max-width: 600px;
	}


	/********** POINT **********/
	/***** 共通 *****/
	#act1 .act1pointBox {
		padding: 30px 3.9%;
	}

	#act1 .act1pointBox h3 .borderRight {
		border-right-width: 4px;
	}

	#act1 .act1pointTtl {
		max-width: none;
	}

	#act1 .pointNoImg {
		bottom: 25px;
		right: 30px;
		max-width: none;
	}


	/* ベベルボックス 下右 */
	.bevelBoxBottomRight {
		padding: 4px;
		background:
			linear-gradient(135deg, #232323 0, #232323 0) top left,
			linear-gradient(225deg, #232323 0, #232323 0) top right,
			linear-gradient(315deg, transparent 20px, #232323 0) bottom right,
			linear-gradient(45deg,  #232323 0, #232323 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	.bevelBoxBottomRight .bevelBoxInner {
		background:
			linear-gradient(135deg, #ffffff 0, #ffffff 0) top left,
			linear-gradient(225deg, #ffffff 0, #ffffff 0) top right,
			linear-gradient(315deg, transparent 19px, #ffffff 0) bottom right,
			linear-gradient(45deg,  #ffffff 0, #ffffff 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	.act1pointBoxLayoutA {
		max-width: 520px;
	}

	.act1pointBoxLayoutB {
		max-width: 430px;
	}


	/***** POINT 01 *****/
	#act1point01box02:before,
	#act1point01box03:before,
	#act1point01box04:before,
	#act1point01box05:before,
	#act1point01box06:before {
		top: -40px;
		height: 40px;
	}

	#act1point0101img01 {
		max-width: none;
	}

	#act1point0102img01 {
		max-width: none;
	}

	#act1point0103img01 {
		max-width: none;
	}

	#act1point0104img01 {
		max-width: none;
		margin-top: -15px;
	}

	#act1point0105img01 {
		max-width: none;
	}


	/***** POINT 02 *****/
	#act1point02box02:before,
	#act1point02box03:before,
	#act1point02box04:before,
	#act1point02box05:before {
		top: -40px;
		height: 40px;
	}

	#act1point0201img01 {
		margin-top: -154px;
		margin-right: -8%;
	}

	#act1point0201img01 img {
		max-width: none;
	}

	#act1point0202img01 {
		max-width: none;
	}

	#act1point0202img02 {
		max-width: none;
	}

	#act1point0204img01 {
		max-width: none;
	}

	#act1point0205img01 {
		max-width: none;
	}


	/***** SUMMARY *****/
	#act1summary {
		background-image: url(../../img/act1_summary_bg-pc.png);
	}

	#act1summary .bevelBox {
		max-width: 700px;
	}

	#act1summaryImg01 {
		max-width: none;
	}

	#act1summaryImg02 {
		max-width: none;
	}
}

@media only screen and (min-width: 992px) {
	/********** POINT **********/
	/***** 共通 *****/
	#act1 .act1pointBox {
		padding: 50px 3.9%;
	}

	.act1pointBoxLayoutA {
		max-width: none;
		width: 100%;
	}

	.act1pointBoxLayoutB {
		max-width: none;
		width: 100%;
	}


	/***** POINT 01 *****/
	#act1point01inner {
		width: calc(50% + 20px);
	}

	#act1point01box01 {
		width: 100%;
		margin-right: 40px;
	}

	#act1point01box02 {
		position: absolute !important;
		top: 0;
		right: 0;
		width: calc(50% - 20px);
	}
	#act1point01box02:before {
		width: 40px;
		height: 10px;
		right: auto;
		left: -40px;
		top: 42%;
	}

	#act1point01box03 {
		width: 100%;
		margin-top: 40px;
		margin-right: 40px;
	}
	#act1point01box03:before {
		top: -100px;
		right: -25px;
		left: auto;
		height: 200px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}

	#act1point01box04 {
		position: absolute !important;
		bottom: 48.2%;
		right: 0;
		width: calc(50% - 20px);
	}
	#act1point01box04:before {
		top: calc(50% - 5px);
		right: auto;
		left: -40px;
		width: 40px;
		height: 10px;
	}

	#act1point0104img01 {
		max-width: 100px;
		margin-top: 0;
	}

	#act1point01box05 {
		position: absolute !important;
		bottom: 0;
		right: 0;
		width: calc(50% - 20px);
	}
	#act1point01box05:before {
		top: -80px;
		height: 80px;
	}

	#act1point01box06 {
		width: 100%;
		margin-top: 40px;
		margin-right: 40px;
	}
	#act1point01box06:before {
		top: calc(50% - 5px);
		right: -40px;
		left: auto;
		width: 40px;
		height: 10px;
	}


	/***** POINT 02 *****/
	#act1point02box01 {
		width: calc(50% - 20px);
	}

	#act1point02box02 {
		width: calc(50% - 20px);
	}
	#act1point02box02:before {
		top: calc(50% - 5px);
		right: auto;
		left: -40px;
		width: 40px;
		height: 10px;
	}

	#act1point02box03:before {
		top: -40px;
		right: calc(25% - 15px);
		left: auto;
		height: 40px;
	}

	#act1point02box04 {
		width: calc(50% - 20px);
	}
	#act1point02box04:before {
		top: -40px;
		height: 40px;
	}

	#act1point02box05 {
		width: calc(50% - 20px);
	}
	#act1point02box05:before {
		top: calc(50% - 5px);
		right: auto;
		left: -40px;
		width: 40px;
		height: 10px;
	}

	#act1point0201img01 img {
		max-width: 433px;
		width: 100%;
	}

	#act1point02 .bevelBoxBottomRight .borderArrowDown {
		height: 15px;
		border-top-width: 3px;
	}
	#act1point02 .bevelBoxBottomRight .borderArrowDown:after {
		border-width: 12px;
	}
}

@media only screen and (min-width: 1200px) {
	/********** POINT **********/
	/***** 共通 *****/
	#act1 .act1pointBox {
		padding: 50px 45px;
	}


	/***** POINT 01 *****/
	#act1point01box04 {
		bottom: 502px;
	}

	#act1point0104img01 {
		max-width: none;
		margin-top: -25px;
	}


	/***** POINT 02 *****/
	#act1point0201img01 {
		margin-right: 0;
	}
}



/* ==================================================
		Act.II
================================================== */

/***** セクションタイトル *****/
#act2 .sectionTtl {
	max-width: 210px;
}

#act2 .sectionTtl .sectionTtlInner {
	background: #ffcec2;
	background:
		linear-gradient(135deg, transparent 2px, #ffcec2 0) top left,
		linear-gradient(225deg, transparent 2px, #ffcec2 0) top right,
		linear-gradient(315deg, #ffcec2 0, #ffcec2 0) bottom right,
		linear-gradient(45deg,  #ffcec2 0, #ffcec2 0) bottom left;
	background-size: 51% 54%;
	background-repeat: no-repeat;
}

#act2 .sectionSubTtl {
	max-width: 210px;
}


/***** 本文 *****/
#act2introtxtBg01 {
	width: 290px;
	height: 63px;
	background-image: url(../../img/act2_introtxt_bg_02-sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#act2introtxtBg02 {
	width: 290px;
	height: 63px;
	background-image: url(../../img/act2_introtxt_bg_02-sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}

#act2contBox02:before,
#act2contBox03:before,
#act2contBox04:before {
	position: absolute;
	top: -20px;
	right: 0;
	left: 0;
	width: 10px;
	height: 20px;
	margin: auto;
	content: "";
	background: #232323;
}

#act2 .act2contBoxImg {
	max-width: 333px;
}


@media only screen and (min-width: 375px) {
	/***** セクションタイトル *****/
	#act2 .sectionTtl {
		max-width: 344px;
	}

	#act2 .sectionSubTtl {
		max-width: 344px;
	}


	/***** 本文 *****/
	#act2introtxtBg01 {
		width: 350px;
		height: 43px;
		background-image: url(../../img/act2_introtxt_bg_01-sp.png);
	}

	#act2introtxtBg02 {
		width: 303px;
		height: 66px;
	}
}

@media only screen and (min-width: 768px) {
	/***** セクションタイトル *****/
	#act2 .sectionTtl {
		max-width: 658px;
	}

	#act2 .sectionTtl .sectionTtlInner {
		background:
			linear-gradient(135deg, transparent 9px, #ffcec2 0) top left,
			linear-gradient(225deg, transparent 9px, #ffcec2 0) top right,
			linear-gradient(315deg, #ffcec2 0, #ffcec2 0) bottom right,
			linear-gradient(45deg,  #ffcec2 0, #ffcec2 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	#act2 .sectionSubTtl {
		max-width: 658px;
	}


	/***** 本文 *****/
	#act2introtxtBg01 {
		width: 452px;
		height: 58px;
		background-image: url(../../img/act2_introtxt_bg_01-pc.png);
	}

	#act2introtxtBg02 {
		width: 637px;
		height: 60px;
		background-image: url(../../img/act2_introtxt_bg_02-pc.png);
	}

	#act2contBox02:before,
	#act2contBox03:before,
	#act2contBox04:before {
		top: -30px;
		height: 30px;
	}

	#act2 .act2contBoxImg {
		max-width: none;
	}
}

@media only screen and (min-width: 992px) {
	/***** 本文 *****/
	#act2contBox02 .contentBox,
	#act2contBox03 .contentBox,
	#act2contBox04 .contentBox {
		height: 100%;
	}
}



/* ==================================================
		Act.III
================================================== */

/***** セクションタイトル *****/
#act3 .sectionTtl {
	max-width: 244px;
}

#act3 .sectionTtl .sectionTtlInner {
	background: #eed2ff;
	background:
		linear-gradient(135deg, transparent 2px, #eed2ff 0) top left,
		linear-gradient(225deg, transparent 2px, #eed2ff 0) top right,
		linear-gradient(315deg, #eed2ff 0, #eed2ff 0) bottom right,
		linear-gradient(45deg,  #eed2ff 0, #eed2ff 0) bottom left;
	background-size: 51% 54%;
	background-repeat: no-repeat;
}

#act3 .sectionSubTtl {
	max-width: 244px;
}


/***** 本文 *****/
#act3 .act3powerTtl {
	max-width: 40px;
}

#act3 .act3powerSubTtl {
	width: calc(100% - 55px);
}

#act3 .act3powerImg {
	max-width: 373px;
}


/***** SUMMARY *****/
#act3summary {
	background-image: url(../../img/act3_summary_bg-sp.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100%;
}

#act3summaryImg01 {
	max-width: 244px;
}


@media only screen and (min-width: 576px) {
	/***** 本文 *****/
	#act3 .act3powerTtl {
		max-width: none;
	}

	#act3 .act3powerSubTtl {
		width: calc(100% - 126px);
	}
}

@media only screen and (min-width: 768px) {
	/***** セクションタイトル *****/
	#act3 .sectionTtl {
		max-width: 744px;
	}

	#act3 .sectionTtl .sectionTtlInner {
		background:
			linear-gradient(135deg, transparent 9px, #eed2ff 0) top left,
			linear-gradient(225deg, transparent 9px, #eed2ff 0) top right,
			linear-gradient(315deg, #eed2ff 0, #eed2ff 0) bottom right,
			linear-gradient(45deg,  #eed2ff 0, #eed2ff 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	#act3 .sectionSubTtl {
		max-width: 744px;
	}


	/***** 本文 *****/
	#act3 .act3powerTxt {
		width: 57.41%;
	}

	#act3 .act3powerImg {
		max-width: none;
		width: 37.03%;
	}

	#act3power01 .act3powerImg {
		margin-right: 5.56% !important;
	}

	#act3power02 .act3powerImg {
		margin-left: 5.56% !important;
	}

	#act3power03 .act3powerImg {
		margin-right: 5.56% !important;
	}


	/***** SUMMARY *****/
	#act3summary {
		background-image: url(../../img/act3_summary_bg-pc.png);
	}

	#act3summary .bevelBox {
		max-width: 700px;
	}

	#act3summaryImg01 {
		max-width: 100%;
	}
}

@media only screen and (min-width: 1200px) {
	/***** 本文 *****/
	#act3 .act3powerTxt {
		width: calc(100% - 460px);
	}

	#act3 .act3powerImg {
		width: 400px;
	}

	#act3power01 .act3powerImg {
		margin-right: 60px !important;
	}

	#act3power02 .act3powerImg {
		margin-left: 60px !important;
	}

	#act3power03 .act3powerImg {
		margin-right: 60px !important;
	}
}



/* ==================================================
		Act.IV
================================================== */
#act4 {
	background-color: #f3f4f4;
	background-image: url(../../img/act4_bg-sp.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100%;
}


/***** セクションタイトル *****/
#act4 .sectionTtl {
	max-width: 274px;
}

#act4 .sectionTtl .sectionTtlInner {
	background: #e7fad3;
	background:
		linear-gradient(135deg, transparent 2px, #e7fad3 0) top left,
		linear-gradient(225deg, transparent 2px, #e7fad3 0) top right,
		linear-gradient(315deg, #e7fad3 0, #e7fad3 0) bottom right,
		linear-gradient(45deg,  #e7fad3 0, #e7fad3 0) bottom left;
	background-size: 51% 54%;
	background-repeat: no-repeat;
}

#act4 .sectionSubTtl {
	max-width: 274px;
}


/***** FEATURES *****/
/* タブナビ */
#act4featuresNav .nav-item + .nav-item:before {
	position: absolute;
	top: calc(50% - 3px);
	left: -15px;
	width: 15px;
	height: 6px;
	margin: auto;
	content: "";
	background: #232323;
}

#act4featuresNav .navLink {
	display: block;
	width: 61px;
	height: 60px;
	padding: 10px;
	background-image: url(../../img/act4_features_nav-sp.png);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 100%;
}
#act4featuresNav .navLink:after {
	position: absolute;
	top: 60px;
	right: 0;
	left: 0;
	width: 6px;
	height: 0;
	margin: auto;
	content: "";
	background: #232323;
	-webkit-transition: .35s;
	transition: .35s;
}

#act4featuresNav .navLink.active {
	position: relative;
	background-image: url(../../img/act4_features_nav_active-sp.png);
}
#act4featuresNav .navLink.active:after {
	height: 15px;
}

/* タブコンテンツ */
#act4featuresContent .featuresPanel {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 0;
	opacity: 0;
	-webkit-transition: .5s;
	transition: .5s;
}

#act4featuresContent .featuresPanel.show {
	position: relative;
	z-index: 1;
	opacity: 1;
}

#act4featuresContent .featureMoveImg {
	max-width: 69px;
}

#act4features01img01 {
	max-width: 333px;
}

#act4features02img01 {
	max-width: 294px;
}

#act4features03img01 {
	max-width: 270px;
}

#act4features03img02 {
	max-width: 270px;
}


@media only screen and (min-width: 768px) {
	#act4 {
		background-image: url(../../img/act4_bg-pc.png);
	}


	/***** セクションタイトル *****/
	#act4 .sectionTtl {
		max-width: 518px;
	}

	#act4 .sectionTtl .sectionTtlInner {
		background:
			linear-gradient(135deg, transparent 9px, #e7fad3 0) top left,
			linear-gradient(225deg, transparent 9px, #e7fad3 0) top right,
			linear-gradient(315deg, #e7fad3 0, #e7fad3 0) bottom right,
			linear-gradient(45deg,  #e7fad3 0, #e7fad3 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	#act4 .sectionSubTtl {
		max-width: 518px;
	}


	/***** FEATURES *****/
	/* タブコンテンツ */
	#act4featuresContent .featuresPanel {
		position: relative;
		top: auto;
		left: auto;
		z-index: 1;
		opacity: 1;
	}

	#act4featuresContent .featuresPanel .act4featuresTtlPc {
		width: 14.81%;
	}
	#act4featuresContent .featuresPanel .act4featuresTtlPc:after {
		position: absolute;
		top: 10%;
		right: 0;
		left: 0;
		width: 10px;
		height: 100%;
		margin: auto;
		z-index: -1;
		content: "";
		background: #232323;
	}
	#act4featuresContent .featuresPanel:last-child .act4featuresTtlPc:after {
		content: none;
	}

	#act4featuresContent .featuresPanel .act4featuresTtlPcInner:before {
		position: absolute;
		top: calc(50% - 5px);
		right: -50px;
		width: 50px;
		height: 10px;
		z-index: -1;
		content: "";
		background: #232323;
	}

	#act4featuresContent .featuresPanel .contentBox {
		width: 81.48%;
	}

	#act4featuresContent .featuresPanel .contentBox .borderBottom {
		border-bottom-width: 4px;
	}

	#act4features01img01 {
		max-width: none;
	}

	#act4features02img01 {
		max-width: none;
	}

	#act4features03img01 {
		max-width: none;
		width: calc(50% - 28px);
	}

	#act4features03img02 {
		max-width: none;
		width: calc(50% - 28px);
	}
}

@media only screen and (min-width: 1200px) {
	/***** FEATURES *****/
	/* タブコンテンツ */
	#act4featuresContent .featuresPanel .act4featuresTtlPc {
		width: 161px;
	}

	#act4featuresContent .featuresPanel .contentBox {
		width: 880px;
	}
}



/* ==================================================
		Act.V
================================================== */

/***** セクションタイトル *****/
#act5 .sectionTtl {
	max-width: 220px;
}

#act5 .sectionTtl .sectionTtlInner {
	background: #d8f9e1;
	background:
		linear-gradient(135deg, transparent 2px, #d8f9e1 0) top left,
		linear-gradient(225deg, transparent 2px, #d8f9e1 0) top right,
		linear-gradient(315deg, #d8f9e1 0, #d8f9e1 0) bottom right,
		linear-gradient(45deg,  #d8f9e1 0, #d8f9e1 0) bottom left;
	background-size: 51% 51%;
	background-repeat: no-repeat;
}

#act5 .sectionSubTtl {
	max-width: 220px;
}


/***** レッスン動画 *****/
/* 動画読み込み時の処理 */
#act5lessonSlider {
	display: none;
}
#act5lessonSlider.slick-initialized {
	display: block;
}

/* レッスンタイトル */
#act5lessonSlider .sliderBox h3 {
	font-size: 1.6rem;
}

/* 動画サムネイル */
#act5lessonSlider .movieBox img {
	-webkit-transition: .2s;
	transition: .2s;
}
#act5lessonSlider .movieBox img:hover {
	opacity: .8;
}

/* 動画カルーセル */
#act5lessonSlider .sliderPrev {
	position: absolute;
	top: calc(50% - 30px);
	left: 5px;
	max-width: 30px;
	z-index: 100;
	-webkit-transition: .2s;
	transition: .2s;
}
#act5lessonSlider .sliderPrev:hover {
	opacity: .8;
}

#act5lessonSlider .sliderNext {
	position: absolute;
	top: calc(50% - 30px);
	right: 5px;
	max-width: 30px;
	z-index: 100;
	-webkit-transition: .2s;
	transition: .2s;
}
#act5lessonSlider .sliderNext:hover {
	opacity: .8;
}

/* スライダーナビ */
#act5lessonSlider .sliderNav li button {
	width: 20px;
	height: 20px;
	margin: 0 8px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	font-size: 0;
	background-color: #eeeeee;
	cursor: pointer;
}

#act5lessonSlider .sliderNav li.slick-active button {
	background-color: #4ca6c4;
}

/* Boxer設定 */
#boxer iframe {
	border: 1px solid #aaaaaa;
}
#boxer .boxer-loading{
	z-index: 100!important;
}


@media only screen and (min-width: 375px) {
	/***** セクションタイトル *****/
	#act5 .sectionSubTtl {
		max-width: 330px;
	}

	#act5 .sectionTtl {
		max-width: 330px;
	}


	/***** レッスン動画 *****/
	/* レッスンタイトル */
	#act5lessonSlider .sliderBox h3 {
		font-size: 1.8rem;
	}
}

@media only screen and (min-width: 576px) {
	/***** レッスン動画 *****/
	/* 動画カルーセル */
	#act5lessonSlider .sliderPrev {
		left: 15px;
		max-width: 50px;
	}

	#act5lessonSlider .sliderNext {
		right: 15px;
		max-width: 50px;
	}
}

@media only screen and (min-width: 768px) {
	/***** セクションタイトル *****/
	#act5 .sectionTtl {
		max-width: 628px;
	}

	#act5 .sectionTtl .sectionTtlInner {
		background:
			linear-gradient(135deg, transparent 9px, #d8f9e1 0) top left,
			linear-gradient(225deg, transparent 9px, #d8f9e1 0) top right,
			linear-gradient(315deg, #d8f9e1 0, #d8f9e1 0) bottom right,
			linear-gradient(45deg,  #d8f9e1 0, #d8f9e1 0) bottom left;
		background-size: 51% 51%;
		background-repeat: no-repeat;
	}

	#act5 .sectionSubTtl {
		max-width: 628px;
	}


	/***** レッスン動画 *****/
	/* 動画カルーセル */
	#act5lessonSlider .sliderPrev {
		left: 26px;
		max-width: none;
	}

	#act5lessonSlider .sliderNext {
		right: 26px;
		max-width: none;
	}

	/* スライダーナビ */
	#act5lessonSlider .sliderNav li button {
		width: 18px;
		height: 18px;
	}
}

@media only screen and (min-width: 992px) {
	/***** レッスン動画 *****/
	#act5lessonSliderContent {
		max-width: 1980px;
		margin: 0 auto;
		overflow: hidden;
	}

	#act5lessonSlider .sliderBox {
		opacity: .7;
	}

	#act5lessonSlider .sliderBox.slick-center {
		opacity: 1;
	}

	/* 動画カルーセル */
	#act5lessonSlider .sliderPrev {
		left: 30.5%;
	}

	#act5lessonSlider .sliderNext {
		right: 30.5%;
	}
}

@media only screen and (min-width: 1200px) {
	/***** レッスン動画 *****/
	/* レッスンタイトル */
	#act5lessonSlider .sliderBox h3 {
		font-size: 1.6vw;
	}

	/* 動画カルーセル */
	#act5lessonSlider .sliderPrev {
		left: 30.85%;
	}

	#act5lessonSlider .sliderNext {
		right: 30.85%;
	}
}

@media only screen and (min-width: 1500px) {
	/***** レッスン動画 *****/
	/* レッスンタイトル */
	#act5lessonSlider .sliderBox h3 {
		font-size: 2.4rem;
	}

	/* 動画カルーセル */
	#act5lessonSlider .sliderPrev {
		left: 31.8%;
	}

	#act5lessonSlider .sliderNext {
		right: 31.8%;
	}
}


/* ==================================================
		申し込み案内
================================================== */
#applyInvite {
	background-image: url(../../img/apply_bg-sp.png);
	background-position: top center;
	background-repeat: repeat-y;
	background-size: 100%;
}

#applyImg01 {
	top: -14px;
	left: 15px;
	max-width: 40px;
	-webkit-transition: .35s;
	transition: .35s;
}

#applyImg02 {
	top: -24px;
	right: 5px;
	max-width: 61px;
	-webkit-transition: .35s;
	transition: .35s;
}

#applyImg03 {
	top: 70px;
	left: -15px;
	max-width: 56px;
	-webkit-transition: .35s;
	transition: .35s;
}

#applyImg04 {
	top: 70px;
	right: 4px;
	max-width: 33px;
	-webkit-transition: .35s;
	transition: .35s;
}

#applyAiTechProg {
	max-width: 300px;
}


/***** 申し込みボタン *****/
#applyInvite .btnGroup .btnGroupItem {
	max-width: 334px;
}


@media only screen and (min-width: 375px) {
	#applyImg01 {
		left: 30px;
	}

	#applyImg02 {
		right: 25px;
	}

	#applyImg03 {
		top: 55px;
		left: -10px;
	}

	#applyImg04 {
		top: 55px;
		right: 8px;
	}
}

@media only screen and (min-width: 768px) {
	#applyInvite {
		background-image: url(../../img/apply_bg-pc.png);
	}

	#applyAiTechProg {
		max-width: none;
	}

	#applyImg01 {
		top: -35px;
		max-width: none;
	}

	#applyImg02 {
		top: -35px;
		max-width: none;
	}

	#applyImg03 {
		top: 130px;
		max-width: none;
	}

	#applyImg04 {
		top: 125px;
		max-width: none;
	}

	/***** 申し込みボタン *****/
	#applyInvite .btnGroup .btnGroupItem {
		max-width: none;
		width: 100%;
	}
}

@media only screen and (min-width: 992px) {
	#applyImg01 {
		top: 55px;
		left: 6.4%;
	}

	#applyImg02 {
		top: 55px;
		right: 4.1%;
	}

	#applyImg03 {
		top: 230px;
		left: 1.4%;
	}

	#applyImg04 {
		top: 210px;
		right: 3.2%;
	}
}

@media only screen and (min-width: 1200px) {
	#applyImg01 {
		left: 135px;
	}

	#applyImg02 {
		right: 130px;
	}

	#applyImg03 {
		left: 52px;
	}

	#applyImg04 {
		right: 50px;
	}
}