@charset "UTF-8";
/* ==================================================
		初期設定
================================================== */
html {
	font-size: 10px;/*default*/
}
body {
	min-width: 320px;
	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スマホアドレスバー用調整*/
}
img {
	max-width: 100%;
	height: auto;
}
p {
	line-height: 2;
}
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.2;
	}
}



/* ==================================================
		共通レイアウト・共通デザイン
================================================== */
.mw1200 {
	max-width: 1200px;
}

.colorWhite { color: #ffffff; }
.colorRed   { color: #e04848; }

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

.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; }
.fontSize20 { font-size: 2.0rem; }
.fontSize23 { font-size: 2.3rem; }
.fontSize24 { font-size: 2.4rem; }

.lineheight18 { line-height: 1.8; }
.lineheight20 { line-height: 2; }
.top0{ top: 0; }
.left0{ left:0; }
.zIndex10{ z-index: 10; }
.zIndex20{ z-index: 20; }
.zIndex100{
	position: relative;
	z-index: 100;
}


@media only screen and (min-width: 376px) {
	.bp376{
		display: none;
	}

	.d-xxs-flex {
		display: -webkit-box!important;
		display: -ms-flexbox!important;
		display: flex!important;
	}
}

@media only screen and (min-width: 768px) {
	.fontSize12pc { font-size: 1.2rem; }
	.fontSize14pc { font-size: 1.4rem; }
	.fontSize16pc { font-size: 1.6rem; }
	.fontSize18pc { font-size: 1.8rem; }
	.fontSize21pc { font-size: 2.1rem; }
	.fontSize24pc { font-size: 2.4rem; }
	.fontSize25pc { font-size: 2.5rem; }
	.fontSize26pc { font-size: 2.6rem; }
	.fontSize28pc { font-size: 2.8rem; }
	.fontSize30pc { font-size: 3.0rem; }
	.fontSize36pc { font-size: 3.6rem; }
	.fontSize39pc { font-size: 3.9rem; }
}


/***** ネガティブマージン *****/
.mtNegative15 { margin-top: -15px; }

.mlNegative10 {
	max-width: calc(100% + 10px);
	width: 100%;
	margin-left: -6px;
}
.mlNegative20 {
	max-width: calc(100% + 20px);
	width: 100%;
	margin-left: -20px;
}


@media only screen and (min-width: 768px) {
	.mtNegative20pc { margin-top: -20px; }
	.mtNegative40pc { margin-top: -40px; }
	.mtNegative45pc { margin-top: -45px; }

	.mlNegative30pc {
		max-width: calc(100% + 30px);
		width: auto;
		margin-left: -30px;
	}
	.mlNegative40pc {
		max-width: calc(100% + 40px);
		width: auto;
		margin-left: -40px;
	}
}



/***** コンテンツ *****/
.content {
	position: relative;
	padding: 30px 20px 130px;
	border-top: 2px solid;
	overflow: hidden;
	-webkit-box-shadow: 0 -4px 0 0 rgba(51,51,51,0.15);
	box-shadow: 0 -4px 0 0 rgba(51,51,51,0.15);
}
.content:last-of-type {
	padding-bottom: 30px;
}

.contentBox {
	margin-bottom: 30px;
	border: 4px solid #232323;
	background: #ffffff;
}

.contentBoxInner {
	padding: 30px 10px;
}

/* コンテンツタイトル */
.contentTtl {
	padding-left: 60px;
	line-height: 1.5;
	font-size: 1.6rem;
	font-weight: 700;
}

/* コンテンツ説明 */
.contentDesc {
	padding-left: 60px;
}
.contentDesc p {
	margin-bottom: 0;
	font-size: 1.3rem;
	font-weight: 700;
}

/* サイバー大学 ロゴ */
.contentDesc .cuLogo {
	position: relative;
	top: -2px;
	width: 20px;
	margin-right: -.3em;
}


@media only screen and (min-width: 768px) {
	.content {
		padding: 60px 20px 190px;
		-webkit-box-shadow: 0 -10px 0 0 rgba(51,51,51,0.15);
		box-shadow: 0 -10px 0 0 rgba(51,51,51,0.15);
	}
	.content:last-of-type {
		padding-bottom: 60px;
	}

	.contentBox {
		margin-bottom: 60px;
	}

	.contentBoxInner {
		max-width: 1200px;
		padding: 80px;
	}

	/* コンテンツタイトル */
	.contentTtl {
		padding-left: 100px;
		font-size: 3.0rem;
		font-weight: 900;
	}

	/* コンテンツ説明 */
	.contentDesc {
		padding-left: 100px;
	}
	.contentDesc p {
		font-size: 2.2rem;
	}

	/* サイバー大学 ロゴ */
	.contentDesc .cuLogo {
		top: -8px;
		width: auto;
	}
}



/***** ポイント *****/
.pointContainer section ~ section{
	margin-top: 35px;
}

/* ポイントタイトル */
.pointTtl {
	margin-top: -15px;
	margin-bottom: 20px;
}
.pointTtl span {
	padding: 10px 15px;
	font-size: 1.6rem;
	font-weight: 900;
	background-color: #ffffff;
}

/* ポイント説明 */
.pointDesc {
	padding: 10px 15px;
	font-size: 1.2rem;
	background-color: #ffffff;
}
.pointDesc p:not(:last-of-type) {
	margin-bottom: 0;
}


@media only screen and (min-width: 768px) {
	.pointContainer section {
		max-width: 920px;
		margin-right: auto;
		margin-left: auto;
	}
	.pointContainer section:last-of-type{
		margin-bottom: 70px;
	}
	.pointContainer section ~ section{
		margin-top: 75px;
	}

	/* ポイントタイトル */
	.pointTtl {
		margin-top: -45px;
		margin-bottom: 40px;
	}
	.pointTtl span {
		padding: 15px 60px;
		line-height: 1.5;
		font-size: 2.2rem;
	}

	/* ポイント説明 */
	.pointDesc {
		padding: 50px 60px;
		font-size: 1.6rem;
	}
}



/***** チェック *****/
.pointContainer .pointCheckBox {
	margin-top: 40px;
	padding: 15px;
	background: #ffffff;
}

/* チェックタイトル */
.checkGuide {
	top: -25px;
	left: 10px;
	max-width: 60px;
}

.checkTtl {
	padding-left: 30px;
	line-height: 1.5;
	font-size: 1.3rem;
	font-weight: bold;
}

/* チェック説明 */
.checkDesc p {
	margin-bottom: 0;
	padding-left: 30px;
	line-height: 1.8;
	font-size: 1.2rem;
}
.checkDesc.border-bottom {
	border-bottom: 2px solid #3b3b3b !important;
}


@media only screen and (min-width: 768px) {
	.pointContainer .pointCheckBox {
		margin: 90px auto 70px;
		padding: 40px 50px;
	}

	/* チェックタイトル */
	.checkGuide {
		top: -60px;
		left: 20px;
		max-width: 100%;
	}

	.checkTtl {
		margin-left: 80px;
		padding-left: 0px;
		font-size: 2.0rem;
	}

	/* チェック説明 */
	.checkDesc {
		margin-left: 80px;
	}
	.checkDesc p {
		padding-left: 0px;
		font-size: 1.6rem;
	}
}



/***** マーカー *****/
.markerRed {
	background-image: url("../../img/common/marker_red.png");
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: left bottom 3px;
}

.markerYellow {
	background-image: url("../../img/common/marker_yellow.png");
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: left bottom 3px;
}

.markerGreen {
	background-image: url("../../img/common/marker_green.png");
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: left bottom 3px;
}

.markerOrange {
	background-image: url("../../img/common/marker_orange.png");
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: left bottom 3px;
}

.markerLBlue {
	background-image: url("../../img/common/marker_lightblue.png");
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: left bottom 3px;
}

.markerLGreen {
	background-image: url("../../img/common/marker_lightgreen.png");
	background-repeat: no-repeat;
	background-size: 100% 3px;
	background-position: left bottom 3px;
}

.markerBold {
	background-size: 100% 4px;
}


.markerSubject1{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #aadef7), color-stop(90%, #aadef7), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #aadef7 0%, #aadef7 90%, transparent 0%);
}
.markerSubject2{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #fadaac), color-stop(90%, #fadaac), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #fadaac 0%, #fadaac 90%, transparent 0%);
}
.markerSubject3{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #c3d8f4), color-stop(90%, #c3d8f4), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #c3d8f4 0%, #c3d8f4 90%, transparent 0%);
}
.markerSubject4{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #9be3e1), color-stop(90%, #9be3e1), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #9be3e1 0%, #9be3e1 90%, transparent 0%);
}
.markerSubject5{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #fcaeb7), color-stop(90%, #fcaeb7), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #fcaeb7 0%, #fcaeb7 90%, transparent 0%);
}
.markerSubject6{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #aae5b7), color-stop(90%, #aae5b7), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #aae5b7 0%, #aae5b7 90%, transparent 0%);
}
.markerSubject7{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(78%, transparent), color-stop(0%, #c2b8e5), color-stop(90%, #c2b8e5), color-stop(0%, transparent));
	background: linear-gradient(transparent 78%, #c2b8e5 0%, #c2b8e5 90%, transparent 0%);
}


@media only screen and (min-width: 768px) {
	.markerRed {
		background-size: 100% 4px;
		background-position: left bottom 5px;
	}

	.markerYellow {
		background-size: 100% 4px;
		background-position: left bottom 5px;
	}

	.markerGreen {
		background-size: 100% 4px;
		background-position: left bottom 5px;
	}

	.markerOrange {
		background-size: 100% 4px;
		background-position: left bottom 5px;
	}

	.markerLBlue {
		background-size: 100% 4px;
		background-position: left bottom 5px;
	}

	.markerLGreen {
		background-size: 100% 4px;
		background-position: left bottom 5px;
	}

	.markerBold {
		background-size: 100% 7px;
	}
}



/***** スクロールボタン *****/
.scrollContent{
	bottom: 3rem;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 203px;
	width: 100%;
	z-index: 1000;
}
.scrollContent .scrollTxt {
	color: #232323;
	font-size: 1.2rem;
	font-weight: 800;
}
.scrollContent .scrollArrow {
	display: block;
	color: #232323;
	font-size: 1.2rem;
}

@media only screen and (min-width: 768px) {
	.scrollContent{
		bottom: 5.5rem;
	}
	.scrollContent .scrollTxt {
		font-size: 1.8rem;
	}
	.scrollContent .scrollArrow {
		font-size: 1.8rem;
	}
}



/* ==================================================
		ヘッダー
================================================== */
#header{
	-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);
	position: relative;
	z-index: 1;
}

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

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

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

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

@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;
	}
}



/* ==================================================
		メインビジュアル
================================================== */
#mainVisual {
	position: relative;
	height: calc(100vh - 65px);
	overflow: hidden;
	background-image: url(../../img/common/mainvisual_bg-sp.png);
	background-position: center;
	background-size: 8%;
}

#mainVisual .mainVisualTtl {
	max-width: 230px;
	width: 65%;
	margin-top: 40px;
}

#mainVisual #mainVisualSubTtl {
	top: -8px;
}

#mainVisual .mainVisualInner {
	bottom: -7px;
	padding: 30px;
	border: 4px solid #232323;
	border-radius: 4px;
	background: #ffffff;
}

#mainVisual #mainVisualTtlAccent {
	top: 2%;
	left: 2%;
	width: 15%;
}

.mainVisualHumanBox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	right: 0;
	max-width: 1200px;
	margin: auto;
}
.mainVisualHumanBox img{
	display: block;
}

.mainVisualHumanBox #mainVisualHumanLeft1 {
	top: 68%;
	left: -3%;
	max-width: 220px;
}

.mainVisualHumanBox #mainVisualHumanLeft2 {
	top: 68%;
	left: -3%;
	max-width: 220px;
}

.mainVisualHumanBox #mainVisualHumanLeft3 {
	top: 68%;
	left: -3%;
	max-width: 220px;
}

.mainVisualHumanBox #mainVisualHumanRight1 {
	top: 68%;
	right: -3%;
	max-width: 220px;
}

.mainVisualHumanBox #mainVisualHumanRight2 {
	top: 68%;
	right: -3%;
	max-width: 220px;
}

.mainVisualHumanBox #mainVisualHumanRight3 {
	top: 68%;
	right: -3%;
	max-width: 220px;
}


#mainVisual #mainvisualScroll {
	bottom: 3rem;
	max-width: 190px;
}

@media only screen and (min-width: 375px) {
	#mainVisual #mainvisualScroll {
		max-width: 203px;
	}
}

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

	#mainVisual .mainVisualTtl {
		max-width: 407px;
		width: 28%;
		height: 100%;
		margin-top: -80px;
	}

	#mainVisual .mainVisualInner {
		padding: 12% 8%;
	}

	#mainVisual #mainVisualTtlAccent {
		top: 3%;
		left: 3%;
		width: 12%;
	}

	.mainVisualHumanBox #mainVisualHumanLeft1 {
		top: 7%;
		bottom: auto;
		left: 9%;
		max-width: 100%;
		z-index: 100;
	}

	.mainVisualHumanBox #mvHumanL1Person {
		bottom: -5px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.mainVisualHumanBox #mainVisualHumanLeft2 {
		top: 34%;
		bottom: auto;
		left: 0;
		max-width: 100%;
		z-index: 200;
	}

	.mainVisualHumanBox #mvHumanL2Person {
		bottom: -5px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.mainVisualHumanBox #mainVisualHumanLeft3 {
		top: auto;
		bottom: 7%;
		left: 14%;
		max-width: 100%;
		z-index: 300;
	}

	.mainVisualHumanBox #mvHumanL3Balloon {
		top: -5px;
	}

	.mainVisualHumanBox #mvHumanL3Person {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.mainVisualHumanBox #mainVisualHumanRight1 {
		top: 7%;
		bottom: auto;
		right: 13%;
		max-width: 100%;
		z-index: 100;
	}

	.mainVisualHumanBox #mvHumanR1Person {
		bottom: -5px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.mainVisualHumanBox #mainVisualHumanRight2 {
		top: 34%;
		bottom: auto;
		right: 0;
		max-width: 100%;
		z-index: 200;
	}

	.mainVisualHumanBox #mvHumanR2Person {
		bottom: -5px;
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}

	.mainVisualHumanBox #mainVisualHumanRight3 {
		top: auto;
		bottom: 7%;
		right: 14%;
		max-width: 100%;
		z-index: 300;
	}

	.mainVisualHumanBox #mvHumanR3Balloon {
		top: -5px;
	}

	.mainVisualHumanBox #mvHumanR3Person {
		left: 50%;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
	}


	#mainVisual #mainvisualScroll {
		bottom: 4%;
		max-width: 100%;
	}
}



/* ==================================================
		サイバー大学の特長
================================================== */
#features {
	border-color: #fcc800;
	background-image: url(../../img/common/features_bg-sp.png);
	background-size: 3%;
}

#features #featuresSubTtl {
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 206px;
}

#features #featuresMainTtl {
	bottom: -10px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#features #humanArmscrossed {
	width: 60px;
}

#features #humanArmscrossedTxt {
	width: calc(100% - 70px);
	margin-left: 10px;
}

#features #humanArmscrossedTxt #humanComment1Txt {
	padding-left: 15px;
}

#features #humanComment1 {
	max-width: 140px;
}

#features #humanComment2 {
	max-width: 203px;

	width: 100%;
}

#features #arrowBottom {
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 40px;
}

#features #cuLabel {
	top: 25%;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	padding: .3rem .8rem .3rem 0;
	color: #ffffff;
	font-size: 1.8rem;
	font-weight: 900;
	background-color: #e04848;
	white-space: nowrap
}


#features #holidayComment {
	max-width: 120px;
}

#features #humanTab {
	max-width: 80px;
}

#features #humanSp {
	left: -15px;
	max-width: 90px;
}

#features #commuteComment {
	top: -25px;
	right: -70px;
	max-width: 160px;
	margin-top: -50px;
}

#features .summaryBoardBox {
	max-width: 360px;
	width: calc(100% - 60px);
	margin: 30px auto;
	padding: 30px 15px;
	border: 4px solid #232323;
	background: #fff9e3;
}
#features #summaryJoyLady{
	left: -35px;
	bottom: -5px;
	max-width: 58px;
}
#features #summaryJoyMen{
	right: -55px;
	bottom: -5px;
	max-width: 83px;
}

#features #featuresScroll {
	max-width: 249px;
}


@media only screen and (min-width: 375px) {
	#features .humanCommentBoxBottom {
		margin-bottom: 15px;
	}

	#features #humanSp {
		left: 0;
	}

	#features #commuteComment {
		top: 0;
		right: 10px;
		margin-top: 0;
	}

	#features #featuresScroll {
		max-width: 203px;
	}
}

@media only screen and (min-width: 376px) {
	#features #humanArmscrossed {
		max-width: 62px;
		width: auto;
	}

	#features #humanArmscrossedTxt #humanComment1Txt {
		padding-left: 5px;
	}

	#features #humanComment2 {
		width: auto;
	}
}

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

	#features #featuresSubTtl {
		max-width: 390px;
	}

	#features #featuresMainTtl {
		max-width: 100%;
	}

	#features #humanArmscrossed {
		max-width: 100%;
	}

	#features .humanCommentBoxTop {
/*		max-width: 820px;*/
	}

	#features .humanArmscrossed{
		max-width: 100%;
	}

	#features #humanArmscrossedTxt #humanComment1Txt {
		padding-left: 10px;
	}

	#features #humanComment1 {
		max-width: 100%;
	}

	#features #humanComment2 {
		max-width: 100%;
	}

	#features #arrowBottom {
		max-width: 60px;
	}

	#features #cuLabel {
		max-width: 310px;
		padding: 1rem .8rem 1rem 0;
		font-size: 3rem;
	}


	#features .humanCommentBoxBottom {
		max-width: 410px;
	}

	#features #holidayComment {
		left: -10px;
		max-width: 100%;
	}

	#features #humanTab {
		max-width: 100%;
	}

	#features #humanSp {
		max-width: 100%;
	}

	#features #commuteComment {
		right: -10px;
		max-width: 100%;
	}
	#features .summaryBoardBox{
		max-width: 500px;
		margin: 60px auto 100px;
		padding-bottom: 30px;
	}

	#features .summaryBoard {
		max-width: 100%;
		width: auto;
		margin-right: -60px;
		margin-bottom: 30px;
	}
	#features #summaryJoyLady{
		max-width: 100%;
		left: -100px;
		bottom: -30px;
	}
	#features #summaryJoyMen{
		max-width: 100%;
		right: -140px;
		bottom: -30px;
	}

	#features #featuresScroll {
		max-width: 100%;
	}
}



/* ==================================================
		知識のアウトプットを重ねて実践スキルを身に着ける
================================================== */
#knowledge {
	border-color: #8adf8a;
	background: url(../../img/common/knowledge_bg-sp.png);
	background-size: 3%;
}

#knowledge .contentTtl #knowledgeHeadGuide {
	top: 0;
	left: 0;
	max-width: 46px;
}

#knowledge .contentTtl #knowledgeHeadSubTtl {
	left: -20px;
	max-width: 208px;
}

#knowledge .pointContainer {
	background-color: #8adf8a;
}

#knowledge .pointContainer #knowledgePoint1 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 108px;
}

#knowledge .pointContainer #knowledgePoint2 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 93px;
}

#knowledge .pointContainer #knowledgePoint3 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 101px;
}

#knowledge .listStep .listStepItem {
	margin-bottom: 10px;
	padding: 5px;
	border: 2px solid #3ab33a;
	border-radius: 4px;
}
#knowledge .listStep .listStepItem:last-child {
	margin-bottom: 0;
}

#knowledge .listStep .listStepItemImg {
	width: calc(50% - .5rem);
}

#knowledge .listStep .listStepItemDesc {
	width: calc(50% - .5rem);
}

#knowledge .listStep .listStepItemDesc p {
	margin-bottom: 0;
	line-height: 1.5;
	font-weight: bold;
}

#knowledge .badgeStep {
	color: #ffffff;
	font-size: 1rem;
	background-color: #3ab33a;
}

#knowledge #knowledgeScroll {
	max-width: 249px;
}


@media only screen and (min-width: 375px) {
	#knowledge #knowledgeScroll {
		max-width: 249px;
	}
}

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

	#knowledge .contentTtl #knowledgeHeadGuide {
		top: -20px;
		left: -40px;
		max-width: 100%;
	}

	#knowledge .contentTtl #knowledgeHeadSubTtl {
		left: -40px;
		max-width: 100%;
	}

	#knowledge .pointContainer #knowledgePoint1 {
		top: -45px;
		max-width: 100%;
	}

	#knowledge .pointContainer #knowledgePoint2 {
		top: -45px;
		max-width: 100%;
	}

	#knowledge .pointContainer #knowledgePoint3 {
		top: -45px;
		max-width: 100%;
	}

	#knowledge .listStep {
		margin: -15px;
	}

	#knowledge .listStep .listStepItem {
		width: calc(50% - 30px);
		margin: 15px;
		padding: 30px;
	}
	#knowledge .listStep .listStepItem:last-child {
		margin-bottom: 15px;
	}

	#knowledge .listStep .listStepItemImg {
		width: auto;
		margin-right: auto;
		margin-left: auto;
	}

	#knowledge .listStep .listStepItemDesc {
		width: 100%;
		margin-bottom: 15px;
	}

	#knowledge .listStep .listStepItemDesc p {
		width: calc(100% - 69px);
		font-size: 1.8rem;
	}

	#knowledge .badgeStep {
		width: 54px;
		margin-right: 15px;
		padding: .8rem .5rem 1rem;
		font-size: 1.2rem;
	}

	#knowledge #knowledgeScroll {
		max-width: 100%;
	}
}



/* ==================================================
		生活スタイルに合わせて実践スキルを身に着ける
================================================== */
#lifestyle {
	border-color: #ffca9e;
	background: url(../../img/common/lifestyle_bg-sp.png);
	background-size: 3%;
}

#lifestyle .contentTtl #lifestyleHeadGuide {
	top: 0;
	left: -2px;
	max-width: 46px;
}

#lifestyle .contentTtl #lifestyleHeadSubTtl {
	left: -20px;
	max-width: 208px;
}

#lifestyle .pointContainer {
	background-color: #ffca9e;
}

#lifestyle .pointContainer #lifestylePoint1 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 100px;
}

#lifestyle .pointContainer #lifestylePoint2 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 90px;
}

#lifestyle .scrollContent {
	max-width: 250px;
}

#lifestyle .lifestyleOnceTeachingBalloon{
	max-width: 48px;
	top: 30px;
	left: -40px;
}


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

	#lifestyle .contentTtl #lifestyleHeadGuide {
		top: -20px;
		left: -48px;
		max-width: 100%;
	}
	#lifestyle .contentTtl #lifestyleHeadSubTtl {
		left: -40px;
		max-width: 100%;
	}

	#lifestyle .pointContainer #lifestylePoint1 {
		top: -45px;
		max-width: 100%;
	}

	#lifestyle .pointContainer #lifestylePoint2 {
		top: -45px;
		max-width: 100%;
	}

	#lifestyle .pointContainer .contentTtl .headSubttl {
		max-width: 100%;
	}

	#lifestyle .contentDesc .topAdjust {
		position: relative;
		top: 5px;
	}

	#lifestyle .scrollContent {
		max-width: 100%;
	}

	#lifestyle .lifestyleOnceTeaching{
		max-width: 623px;
	}

	#lifestyle .lifestyleOnceTeachingBalloon{
		max-width: 100%;
		top: 60px;
		left: -90px;
	}
}



/* ==================================================
		多彩に揃う授業ラインナップ
================================================== */
#lineup {
	border-color: #76bfBf;
	background: url(../../img/common/lineup_bg-sp.png);
	background-size: 3%;
}

#lineup .contentTtl #lineupHeadGuide {
	top: -3px;
	left: -8px;
	max-width: 48px;
}

#lineup .contentTtl #lineupHeadSubTtl {
	left: -20px;
	max-width: 190px;
}

#lineup .pointContainer {
	background-color: #cff4f4;
}

#lineup .pointContainer #lineupPoint1 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 108px;
}

#lineup .pointContainer #lineupPoint2 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 92px;
}

#lineup .scrollContent {
	max-width: 250px;
}


/***** 教師リスト *****/
#lineup .listTeacher {
}

#lineup .listTeacher .listTeacherItem:not(:last-child) {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 2px solid #555555;
}

#lineup .listTeacher .teacherImg {
	width: 80px;
}

#lineup .listTeacher .teacherInfo {
	width: calc(100% - 80px);
}

#lineup .listTeacher .teacherName {
	font-size: 1.4rem;
	font-weight: 400;
}

#lineup .listTeacher .teacherName span {
	margin-left: 1.2em;
	font-size: .9rem;
}

#lineup .listTeacher .teacherDesc {
	font-size: 1.0rem;
}


/***** 科目の一例 *****/
#lineup .lessonLineup {
	margin-top: 30px;
}

#lineup .lesseonSlider .lesseonSliderBox {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #f5f5f5;
}

#lineup .lesseonSlider .lesseonSliderBox a:hover img {
	opacity: .8;
}

#lineup .dotNav {
	margin-bottom: 30px;
}

.sliderPrev {
	position: absolute;
	top: calc(50% - 17px);
	left: -16px;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	max-width: 25px;
	z-index: 1000;
}

.sliderNext {
	position: absolute;
	top: calc(50% - 17px);
	right: -16px;
	max-width: 25px;
	-webkit-transform: translate(0, -50%);
	        transform: translate(0, -50%);
	z-index: 1000;
}

#lineup .dotNav li button {
	width: 12px;
	height: 12px;
	margin: 0 5px;
	padding: 0;
	border: 0;
	border-radius: 50%;
	font-size: 0;
	background-color: #eeeeee;
	cursor: pointer;
}

#lineup .dotNav li.slick-active button {
	background-color: #4ca6c4;
}

/* Boxer設定 */
#boxer iframe {
	border: 1px solid #aaaaaa;
}

#boxer .boxer-loading{
	z-index: 100!important;
}

#lineup .subjectList {
	margin: 0 -15px;
}

#lineup .subjectList li{
	max-width: 	120px;
}
#lineup .subjectList span{
	display: inline-block;
	font-size: 1.0rem;
}
#lineup .subjectList img{
	max-width: 70px;
}


@media only screen and (min-width: 375px) {
	#lineup .subjectList span{
		font-size: 1.2rem;
	}
}

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

	#lineup .contentTtl #lineupHeadGuide {
		top: -20px;
		left: -75px;
		max-width: 100%;
	}

	#lineup .contentTtl #lineupHeadSubTtl {
		left: -40px;
		max-width: 100%;
	}

	#lineup .pointContainer #lineupPoint1 {
		top: -45px;
		max-width: 100%;
	}

	#lineup .pointContainer #lineupPoint2 {
		top: -45px;
		max-width: 100%;
	}

	#lineup .scrollContent {
		max-width: 100%;
	}

	#lineup .stepupImage{
		max-width: 	624px;
	}
	/***** 教師リスト *****/
	#lineup .listTeacher .listTeacherItem:not(:last-child) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: 0;

		border-right: 2px solid #555555;
	}

	#lineup .listTeacher .teacherImg {
		max-width: 150px;
		width: 100%;
	}

	#lineup .listTeacher .teacherInfo {
		width: 100%;
	}

	#lineup .listTeacher .teacherName {
		font-size: 2.4rem;
	}

	#lineup .listTeacher .teacherName span {
		margin-left: 1.2em;
		font-size: 1.4rem;
	}

	#lineup .listTeacher .teacherDesc {
		width: 86%;
		font-size: 1.2rem;
	}


	/***** 科目の一例 *****/
	/* 動画読み込み時の処理 */
	/* 動画コンテンツの数だけ高さが計算されて、サイドメニューのcurrentの位置がずれてしまうため */
	#lineup .lesseonSlider .slick-track {
		position: relative;
	}
	#lineup .lesseonSlider .lesseonSliderBox:not(:first-child) {
		position: absolute;
	}
	#lineup .lesseonSlider.slick-initialized .lesseonSliderBox:not(:first-child) {
		position: static;
	}
	/* 1番目以外のスライダー画像は読み込み終わるまで非表示 */
	#lineup .lesseonSlider .lesseonSliderBox:not(:first-child) {
		display:none;
	}
	#lineup .lesseonSlider.slick-initialized .lesseonSliderBox:not(:first-child) {
		display: block;
	}


	#lineup .lessonLineupBox:not(:last-child) {
		border-right: 2px solid #555555;
	}

	#lineup .lesseonSliderBox {
		padding: 30px;
	}

	.sliderPrev {
		max-width: 100%;
	}

	.sliderNext {
		max-width: 100%;
	}

	#lineup .subjectList {
		margin: 0;
	}

	#lineup .subjectList li{
		max-width: 	180px;
	}

	#lineup .subjectList li span {
		font-size: 1.82vw;
	}

	#lineup .subjectList img{
		max-width: 120px;
	}
}

@media only screen and (min-width: 992px) {
	#lineup .subjectList li span {
		font-size: 1.8rem;
	}
}



/* ==================================================
		積極的なサポート体制
================================================== */
#support {
	border-color: #aee68d;
	background-image: url(../../img/common/support_bg-sp.png);
	background-size: 3%;
}

#support .contentTtl #supportHeadGuide {
	top: -3px;
	left: -4px;
	max-width: 44px;
}

#support .contentTtl #supportHeadSubTtl {
	left: -20px;
	max-width: 190px;
}

#support .pointContainer {
	background-color: #def5b2;
}

#support .pointContainer #supportPoint1 {
	top: -15px;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	max-width: 101px;
}

#support .pointContainer .pointDesc .supportImgBox .problemImg {
	max-width: 60%;
}


#support .pointContainer .pointDesc .supportImgBox #supportProblemPerson {
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
}

#support .pointContainer .pointDesc .supportImgBox #supportsystemsImg {
	top: -20px;
	right: -90%;
	-webkit-transform: translate(-90%, 0);
	transform: translate(-90%, 0);
	max-width: 90%;
}


@media only screen and (min-width: 375px) {
	#support .pointContainer .pointDesc .supportImgBox #supportsystemsImg {
		right: -8%;
		-webkit-transform: translate(0);
		transform: translate(0);
	}
}

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

	#support .contentTtl #supportHeadGuide {
		top: -20px;
		left: -55px;
		max-width: 100%;
	}

	#support .contentTtl #supportHeadSubTtl {
		left: -40px;
		max-width: 100%;
	}

	#support .pointContainer #supportPoint1 {
		top: -45px;
		max-width: 100%;
	}

	#support .pointContainer .pointDesc .supportImgBox .supportImgBoxInner1 {
		width: 50%;
	}

	#support .pointContainer .pointDesc .supportImgBox .problemImg {
		max-width: 100%;
	}

	#support .pointContainer .pointDesc .supportImgBox .supportImgBoxInner2 {
		width: 50%;
	}

	#support .pointContainer .pointDesc .supportImgBox #supportsystemsImg {
		top: -25px;
		right: -35px;
		max-width: 100%;
	}

	#support .supportImgBox{
		max-width: 720px;
	}
}



/* ==================================================
		案内
================================================== */
#invitation {
	padding: 40px 0;
	background-image: url(../../img/common/mainvisual_bg-sp.png);
	background-position: center;
	background-size: 8%;
}

#invitation.content {
	border: none;
}


#invitation .invitationHumanGroup {
	position: relative;
	width: 100%;
	height: 230px;
	margin-bottom: 40px;
}

#invitation .invitationHumanGroup img {
	position: absolute;
}

#invitation #invitationHumanLeft1 {
	bottom: 0;
	left: 5%;
	max-width: 72px;
	z-index: 600;
}

#invitation #invitationHumanLeft2 {
	bottom: 18%;
	left: 18%;
	max-width: 72px;
	z-index: 200;
}

#invitation #invitationHumanLeft3 {
	bottom: 5%;
	left: 32%;
	max-width: 72px;
	z-index: 400;
}

#invitation #invitationHumanRight1 {
	bottom: 4%;
	right: 3%;
	max-width: 84px;
	z-index: 500;
}

#invitation #invitationHumanRight2 {
	bottom: 21%;
	right: 16%;
	max-width: 75px;
	z-index: 100;
}

#invitation #invitationHumanRight3 {
	bottom: 13%;
	right: 32%;
	max-width: 72px;
	z-index: 300;
}

#invitation .btnGroup {
	padding: 0 40px;
}


@media only screen and (min-width: 768px) {
	#invitation {
		padding: 0;
		background: url(../../img/common/mainvisual_bg-pc.png);
	}

	#invitation .message {
		margin: 100px auto;
		max-width: 655px;
	}

	#invitation .message img {
	}

	#invitation .invitationHumanGroup {
		position: absolute;
		top: 0;
		left: 0;
		height: 100%;
	}

	#invitation #invitationHumanLeft1 {
		top: -8%;
		bottom: auto;
		left: -0.5%;
		max-width: 100%;
		z-index: 100;
	}

	#invitation #invitationHumanLeft2 {
		top: 8%;
		bottom: auto;
		left: 8%;
		max-width: 100%;
		z-index: 200;
	}

	#invitation #invitationHumanLeft3 {
		bottom: 38%;
		left: 1%;
		max-width: 100%;
		z-index: 300;
	}

	#invitation #invitationHumanRight1 {
		top: -10%;
		bottom: auto;
		right: -0.5%;
		max-width: 100%;
		z-index: 100;
	}

	#invitation #invitationHumanRight2 {
		bottom: 37%;
		right: 0;
		max-width: 100%;
		z-index: 300;
	}

	#invitation #invitationHumanRight3 {
		top: 8%;
		bottom: auto;
		right: 10%;
		max-width: 100%;
		z-index: 200;
	}

	#invitation .btnGroup {
		margin-bottom: 80px;
	}

	#invitation .btnGroup .btnGroupItem img {
		max-width: 470px;
		width: 100%;
	}
}



/* ==================================================
		フッター
================================================== */
#footer {
}

#footerContact {
	padding: 30px 15px;
	color: #ffffff;
	background-color: #4e4e55;
}

#footerContact p {
	line-height: 1.3;
}

#footerContact .footerContactBox {
	margin-bottom: 30px;
	padding: 10px;
	background: #ffffff;
}

#footerContact .footerContactBox p {
	color: #4e4e55;
}

#footerContact .footerContactBox .telIcon {
	width: 32px;
}

#footerContact .footerContactBox .tel {
	color: #073b91;
	font-size: 3.2rem;
	font-weight: bold;
}

#footerContact .footerContactBox .telInfo {
	margin-left: 30px;
}

/* サイバー大学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) {
	#footerContact {
		padding: 60px 15px;
	}

	#footerContact .footerContactBox {
		max-width: 680px;
		margin-top: 40px;
		margin-bottom: 60px;
		padding: 40px;
	}

	#footerContact .footerContactBox .telIcon {
		width: 50px;
	}

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

	#footerContact .footerContactBox .telInfo {
		margin-left: 50px;
	}

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



/* ==================================================
		メニュー
================================================== */
#menuContent {
	top: 10px;
	right: -302px;
	width: 302px;
	z-index: 5000;
}

/* メニューボタン */
#menuContent .btnMenu {
	width: 48px;
	height: 48px;
	padding: 10px;
	z-index: 1000;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #232323;
	border-radius: 8px 0 0 8px;
	background: #f5f5f5;
	-webkit-transition: .2s;
	transition: .2s;
}

#menuContent .menuLine {
	display: block;
	width: 24px;
	height: 3px;
	margin: auto;
	background: #232323;
	-webkit-transition: .2s;
	transition: .2s;
}
#menuContent .menuLineTop {
	margin-bottom: 4px;
}
#menuContent .menuLineMiddle {
	margin-bottom: 4px;
}
#menuContent .menuLineBottom {
}

/* 目次 */
#menuHeadBox {
	right: 46px;
	height: 48px;
	border: 0;
	border-radius: 8px 0 0 8px;
	z-index: 1000;
	background: #f5f5f5;
	-webkit-transition: .35s;
	transition: .35s;
}

#menuHeadBox .menuTtl {
	line-height: 1;
	font-size: 1.7rem;
	font-weight: 900;
}

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

#menuListBox .listItem {
	position: relative;
	height: 50px;
	margin-bottom: -2px;
	padding: 0;
	border-width: 2px 0 2px 2px;
	border-color: #232323;
	overflow: hidden;
}
#menuListBox .listItem:first-child {
	border-top: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}
#menuListBox .listItem:last-child {
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 0;
}

#menuListBox .listItem img {
	max-width: 300px;
	width: 100%;
}


/***** メニュー表示時 *****/
/* メニューボタン */
#menuHeadBox.show .btnMenu {
	width: 24px;
	height: 24px;
	margin-left: 10px;
	padding: 0;
	border: 0;
}

#menuHeadBox.show .menuLine {
	width: 100%;
	margin-left: 0;
}

#menuHeadBox.show .menuLineTop {
	margin-bottom: 12px;
	-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	        transform: translateY(11px) translateX(0) rotate(45deg);
}
#menuHeadBox.show .menuLineMiddle {
	opacity: 0;
}
#menuHeadBox.show .menuLineBottom {
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	        transform: translateY(-11px) translateX(0) rotate(-45deg);
}

/* 目次 */
#menuHeadBox.show {
	top: 0;
	right: 302px;
	margin-bottom: -2px;
	border-width: 2px 0 2px 2px;
	border-style: solid;
	border-color: #232323;
	border-bottom-left-radius: 0;
}

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


/***** IE対応 *****/
#menuContent.menuContentIE {
	right: -362px;
	width: 362px;
}

/* メニューリスト */
.menuContentIE #menuListBox .listItem img {
	max-width: 360px;
	width: auto;
}

/* 目次表示時 */
.menuContentIE #menuHeadBox.show {
	right: 362px;
}

/* メニューリスト表示時 */
.menuContentIE #menuListBox.show {
	right: 362px;
}


@media only screen and (min-width: 768px) {
	/* メニューリスト */
	#menuListBox .listItem:before {
		width: 10px;
		height: 100%;
		content: "";
	}

	#menuListBox .listItem#menuFeatures:before {
		background-color: #fcc800;
	}
	#menuListBox .listItem#menuKnowledge:before {
		background-color: #b6efb6;
	}
	#menuListBox .listItem#menuLifestyle:before {
		background-color: #ffca9e;
	}
	#menuListBox .listItem#menuLineup:before {
		background-color: #cff4f4;
	}
	#menuListBox .listItem#menuSupport:before {
		background-color: #def5b2;
	}
	#menuListBox .listItem#menuInvitation:before {
		background-color: #e04848;
	}

	#menuListBox .listItem img {
		max-width: 100%;
		width: auto;
	}


	/***** IE対応 *****/
	#menuContent.menuContentIE {
		right: -302px;
		width: 302px;
	}

	/* メニューリスト */
	.menuContentIE #menuListBox .listItem img {
		max-width: 100%;
		width: auto;
	}

	/* 目次表示時 */
	.menuContentIE #menuHeadBox.show {
		right: 302px;
	}

	/* メニューリスト表示時 */
	.menuContentIE #menuListBox.show {
		right: 302px;
	}
}

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

	/* メニューボタン*/
	#menuContent .btnMenu {
		display: none;
	}

	/* 目次 */
	#menuHeadBox {
		right: 0;
		width: 240px;
		height: 65px;
		border-width: 2px 0 2px 2px;
		border-style: solid;
		border-color: #232323;
		border-radius: 0;
		background: #f5f5f5;
	}

	#menuHeadBox.show {
		/* 飛び出し防止 */
		right: 0;
	}

	#menuHeadBox .menuTtl {
		display: block !important;
		font-size: 1.6rem;
	}

	/* メニューリスト */
	#menuListBox {
		right: 0;
	}

	#menuListBox.show {
		/* 飛び出し防止 */
		right: 0;
	}

	#menuListBox .listItem {
		position: absolute;
		right: 0;
		width: 240px;
		height: 54px;
		-webkit-transition: .2s;
		transition: .2s;
	}
	#menuListBox .listItem:last-child {
		border-bottom-left-radius: 0;
	}

	#menuListBox .listItem#menuFeatures {
		top: -1px;
	}
	#menuListBox .listItem#menuKnowledge {
		top: 51px;
	}
	#menuListBox .listItem#menuLifestyle {
		top: 103px;
	}
	#menuListBox .listItem#menuLineup {
		top: 155px;
	}
	#menuListBox .listItem#menuSupport {
		top: 207px;
	}
	#menuListBox .listItem#menuInvitation {
		top: 259px;
	}

	#menuListBox .listItem.current {
		width: 270px;
		background-color: #fff1ba;
	}
	#menuListBox .listItem.current:before {
		content: none;
	}


	/***** IE対応 *****/
	#menuContent.menuContentIE {
		right: 0;
		width: auto;
	}

	/* 目次 */
	.menuContentIE #menuHeadBox.show {
		right: 0;
	}

	/* メニューリスト表示時 */
	.menuContentIE #menuListBox.show {
		right: 0;
	}
}


/*タブレット調整にともなうPC用CSS*/
@media only screen and (min-width: 992px) {
	#mainVisual .mainVisualTtl {
	    max-width: 407px;
	    width: 22%;
	    height: 100%;
	    margin-top: -80px;
	}
	.contentTtl {
	    padding-left: 200px;
	    font-size: 3.0rem;
	    font-weight: 900;
	}
		.contentDesc {
	    padding-left: 200px;
	}
	#knowledge .contentTtl #knowledgeHeadGuide {
		top: -20px;
		left: 60px;
		max-width: 100%;
	}
	#lifestyle .contentTtl #lifestyleHeadGuide {
		top: -20px;
		left: 52px;
		max-width: 100%;
	}
	#lineup .contentTtl #lineupHeadGuide {
		top: -20px;
		left: 25px;
		max-width: 100%;
	}
	#support .contentTtl #supportHeadGuide {
		top: -20px;
		left: 45px;
		max-width: 100%;
	}
}