@charset "UTF-8";



/*********** 共通 *************/



/*********** ↑共通 *************/



/*********** brand1 *************/

.brand1 {
	position: relative;
}

.brand1_copy-wrap {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	width: 100%;
	background: rgba(0,0,0,0.0);
	z-index: 5;
}

.brand1_logo {
	width: 250px;
	margin: 0 auto;
}

.brand1 .ttl1 {
	font-size: 4.5rem;
	letter-spacing: 0.07em;
	text-align: center;
	margin-top: 60px;
}

.brand1 .ttl1 .t1 {
	font-family: 'EB Garamond',serif;
	font-size: 1.2em;
}

.brand1 .ttl1 .t2 {
	margin: 0 0.2em;
}

.brand1 .ttl2 {
	font-size: 3.0rem;
	text-align: center;
	margin-top: 40px;
}

.brand1 .txt {
	text-align: center;
	margin-top: 60px;
}

.brand1 .txt p {
	margin-top: 20px;
}


@media only screen and (max-width: 1200px){
.brand1_logo {	width: 150px;}
.brand1 .ttl1 {	font-size: 3.2vw;}
.brand1 .ttl2 {	font-size: 2.2vw;}
.brand1 .txt {	font-size: 1.5vw;}
}


.brand1_01,
.brand1_02 {
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.3);
	z-index: 3;
}

.brand1_01 {
	position: absolute;
	top: 50%;
	left: -120px;
	width: 280px;
}

.brand1_02 {
	position: absolute;
	top: 60%;
	right: -120px;
	width: 240px;
}


@media only screen and (max-width: 1500px){
.brand1_01 {left: -20px;}
.brand1_02 {right: -20px}
}

@media only screen and (max-width: 1300px){
.brand1_01 {top: 20%;}
.brand1_02 {top: 30%;}
}

@media only screen and (max-width: 1100px){
.brand1_01 {
	top: 0%;
	left: 0;
	width: 280px;
}
.brand1_02 {
	top: 5%;
	right: 0;
	width: 240px;
}
}

/*********** ↑brand1 *************/





/*********** brand2 *************/

.brand2 {
	position: relative;
}

.brand2_copy-wrap {
	position: absolute;
	top: 100px;
	left: 50%;
	transform: translateX(-50%);
	color: #fff;
	width: 100%;
	background: rgba(0,0,0,0.0);
	z-index: 5;
}

.brand2_logo {
	width: 350px;
	margin: 0 auto;
}

.brand2 .txt {
	line-height: 2.0;
	text-align: center;
	margin-top: 60px;
}


.brand2_01,
.brand2_02,
.brand2_03,
.brand2_04,
.brand2_05 {
	box-shadow: 0px 0px 5px 0 rgba(0,0,0,0.3);
	z-index: 3;
}

.brand2_01 {
	position: absolute;
	top: 50%;
	left: 0;
	width: 280px;
}

.brand2_02 {
	position: absolute;
	top: 40%;
	right: 0;
	width: 280px;
}

@media only screen and (max-width: 1100px){
.brand2_01 {top: 20%;width: 220px;}
.brand2_02 {top: 10%;width: 220px;}
}


.brand2_03 {
	position: absolute;
	bottom: 15%;
	left: 5%;
	width: 280px;
}

.brand2_04 {
	position: absolute;
	bottom: 5%;
	left: 40%;
	width: 280px;
}

.brand2_05 {
	position: absolute;
	bottom: 7%;
	right: 5%;
	width: 280px;
}

@media only screen and (max-width: 1100px){
.brand2_03 {width: 220px;}
.brand2_04 {width: 220px;left: 35%;}
.brand2_05 {width: 220px;}
}

/*********** ↑brand2 *************/