@charset "utf-8";
#gHeader {
	position: fixed;
}

/* --------------------
   mv
   -------------------- */
.pageMv {
	background-image: url("../img/suite/mv-pc.png");
}

@media screen and (max-width: 768px) {
	.pageMv {
		background-image: url("../img/suite/mv-sp.png");
	}
}

/* --------------------
   contents
   -------------------- */
#main{
	background:#232323;
	margin: 0 0 6vw 0;
}

.inner{
	padding: 5vh 0;
}

@media screen and (max-width: 768px) {
	#main{
	 margin: 0 0 10vw 0;
  }
	
	.inner{
		padding: 3vh 0;
	}
}

/* --------------------
  .contens
   -------------------- */
.suite_contents{
  width: calc(1200/1400 * 100%);
	margin: 3vw auto 6vw auto;
	display: flex;
	flex-flow:row nowrap;
	justify-content: space-between;
	/*! align-items: center; */
}

.suite_contents .imgArea{
	width: 59%;
}

.suite_contents .textArea{
	width: 35%;
	padding: 10vw 0 0 0;
}

.suite_contents .textArea .text{
	margin-bottom: 2vw;
}

.suite_contents .imgArea figure{
	margin: 0 0 2vw 0;
}

.suite_contents .imgArea .title{
	width: 70%;
	height: auto;
	margin: 0 0 0 auto;
}

#section_01 .suite_contents .imgArea .title {
	width: 90%;
}
#section_02 .suite_contents .imgArea{
	order: 2;
}

#section_03 .suite_contents .title{
	width: 3.6%;
	margin: 0.4vw 3vw 0;
}

#section_03 .suite_contents .textArea {
	padding-top: 3vw;
}

#section_03 .suite_contents .text{
	width: 97%;
}

#section_03 .suite_contents{
	flex-flow:column;
}

#section_03 .suite_contents .textArea{
	width: 100%;
	display: flex;
	flex-flow:row nowrap;
	justify-content: space-between;
	margin:0 0 -18vw 0;
	position: relative;
	z-index: 33;
}

#section_03 .suite_contents .imgArea{
	width: 100%;
}

#section_03 .suite_contents .otherimgArea{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

#section_03 .suite_contents .otherimgArea figure:first-of-type{
	width: 40%;
}

#section_03 .suite_contents .otherimgArea figure:last-of-type{
	margin: 0 0 0 auto;
}

#section_03 .suite_contents .otherimgArea figure{
	width: 58%;
	margin: 0 0 2vw 0;
}

#section_04 .otherimgArea{
	width: calc(1200/1400 * 100%);
  margin: -6vw auto 6vw auto;
	display: flex;
	flex-flow: row nowrap;
	justify-content: space-between;
}

#section_04 .otherimgArea .img_inner:first-of-type{
	width: 40%;
}

#section_04 .otherimgArea .img_inner:last-of-type{
	width: 58%;
}

#section_04 .otherimgArea .img_inner figure{
	margin: 0 0 2vw 0;
}

#section_04 .suite_contents .title{
	width: 95%;
}

#section_05 .suite_contents {
	display: block;
}
#section_05 .suite_contents .textArea {
	padding: 0 0 1vw 0;
	width: 100%;
}

#section_05 .suite_contents .textArea .title {
	width: 34%;
	margin: 0;
}

#section_05 .otherimgArea {
	width: calc(1200/1400 * 100%);
    margin: -6vw auto 8vw auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
}

#section_05 .otherimgArea .img_inner:first-of-type {
	width: 63%;
}

#section_05 .otherimgArea .img_inner:last-of-type {
	width: 35%;
}

#section_06 .suite_contents {
	display: block;
}

#section_06 .suite_contents .textArea {
	padding: 0 0 2vw 0;
	width: 100%;
}

#section_06 .suite_contents .textArea .title {
	width: 30%;
	margin: 0 auto;
}

#section_06 .img_inner {
	margin: 0 auto 8vw;
	width: 90%;
}

#section_07 .suite_contents {
	display: block;
}
#section_07 .suite_contents .textArea {
	padding: 0 0 3vw 0;
	width: 100%;
	text-align: right;
}

#section_07 .suite_contents .textArea .title {
	width: 34%;
	margin-left: auto;
}

#section_07 .otherimgArea {
	width: calc(1200/1400 * 100%);
    margin: -6vw auto 8vw auto;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	align-items: flex-end;
}

#section_07 .otherimgArea .img_inner:first-of-type {
	width: 32%;
}

#section_07 .otherimgArea .img_inner:last-of-type {
	width: 66%;
}


@media screen and (max-width: 768px) {
	.suite_contents{
		width: 100%;
		margin: 3vw auto 20vw auto;
		flex-flow:column;
	}

	.suite_contents .imgArea{
		width: 94%;
		margin: 0 auto 0 0;
	}

	.suite_contents .textArea{
		width: 90%;
		margin: 0 auto;
	}
	
	.suite_contents .text{
		line-height: 2;
	}

	.suite_contents .imgArea figure{
		margin: 0 0 5vw 0;
	}
	
	.suite_contents .title{
		width: 75%;
		margin: 0 0 3vw 0;
	}

	.suite_contents .imgArea .title{
		margin: 0 0 0 auto;
	}

	#section_01 .suite_contents {
		margin-bottom: 12vw;
	}
	#section_02 .suite_contents {
		margin-bottom: 8vw;
	}
	#section_02 .suite_contents .imgArea{
		order: 1;
		width: 94%;
		margin: 0 0 0 auto;
	}
	
	#section_03 .suite_contents .otherimgArea{
		display: flex;
		flex-flow: column;
		width: 90%;
		margin: 0 auto;
	}

	#section_03 .suite_contents .otherimgArea figure:first-of-type{
		width: 100%;
	}

	#section_03 .suite_contents .otherimgArea figure{
		width: 100%;
		margin: 0 0 5vw 0;
	}
	
	#section_02 .suite_contents .textArea{
		order: 2;
		margin: 0 auto 5vw auto;
	}
	
	#section_03 .suite_contents .title{
		width: 6%;
		margin: 0 0 0 7vw;
	}

	#section_03 .suite_contents .text{
		width: 70%;
		margin: -2vw 8vw 0 0;
	}

	#section_03 .suite_contents{
		flex-flow:column;
	}

	#section_03 .suite_contents .imgArea{
		width: 100%;
	}
	
	#section_04 .suite_contents{
		margin: 0;
	}
	
	#section_04 .suite_contents .imgArea{
		width: 90%;
		margin: 0 auto;
		order: 2;
	}

	#section_04 .suite_contents .title{
		width: 65%;
		margin: 0 auto 8vw auto;
	}
	
	#section_04 .otherimgArea{
		width: 90%;
		margin: 0 auto 6vw auto;
		display: flex;
		flex-flow: column;
	}

	#section_04 .otherimgArea .img_inner:first-of-type{
		width: 100%;
		order: 1;
	}

	#section_04 .otherimgArea .img_inner:last-of-type{
		width: 100%;
	}
	
	#section_04 .otherimgArea .img_inner figure{
		margin: 0 0 5vw 0;
	}
	
	#section_05 .suite_contents {
		margin: 14vw 0 0 0;
	}

	#section_05 .suite_contents .textArea .title {
		width: 65%;
		margin: 0 auto 6vw auto;
	}

	#section_05 .suite_contents .imgArea {
		width: 100%;
	}

	#section_05 .otherimgArea {
		width: 90%;
		margin: 0 auto 6vw auto;
		display: flex;
		flex-flow: column;
	}

	#section_05 .otherimgArea figure {
		margin: 0 0 5vw 0;
	}
	
	#section_05 .otherimgArea .img_inner {
		width: 100%;
	}

	#section_05 .otherimgArea .img_inner:first-of-type {
		width: 100%;
	}

	#section_05 .otherimgArea .img_inner:last-of-type {
		width: 100%;
	}

	#section_06 .suite_contents {
		margin: 14vw 0 0 0;
	}

	#section_06 .suite_contents .textArea .title {
		width: 58%;
		margin: 0 auto 6vw auto;
	}

	#section_06 .img_inner {
		margin: 0 auto 20vw;
	}

	#section_07 .suite_contents {
		margin: 14vw 0 10vw 0;
	}

	#section_07 .suite_contents .textArea .title {
		width: 70%;
		margin: 0 auto;
	}

	#section_07 .otherimgArea figure {
		margin: 0 0 5vw 0;
	}

	#section_07 .otherimgArea .img_inner:first-of-type {
		width: 100%;
	}
	
	#section_07 .otherimgArea .img_inner:last-of-type {
		width: 100%;
	}
}