@charset "UTF-8";
/*----------------------------------------
	bland CSS



-----------------------------------------*/


/*=======================================
	base
=======================================*/

body{
	letter-spacing: 0.05em;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", 'Noto Serif JP', serif;
}

/* wide */
.w1400 {
	max-width: 1400px;
	width: 90%;
	margin: auto;
}

.model_catch{
	font-size: 35px;
	color: #690707;
	line-height: 1.7;
	font-weight: 600;
}
@media screen and (max-width: 768px) {
	.model_catch{
		font-size: 20px;
		color: #690707;
		line-height: 1.5;
		font-weight: 600;
	}
}



/*=======================================
model_mv
=======================================*/
.model_mv {
	position: relative;
}
.model_mv h2 {
	position:absolute;
	right: 6.25%;
	bottom: -21px;
	font-size: 110px;
	line-height: 1;
	color: #FFF;
	transition: all .1s;
}
@media screen and (max-width: 1200px) {
	.model_mv h2 {
		position:absolute;
		right: 1.25%;
		bottom: -15px;
		font-size: calc(100 / 1200 * 100vw);
		line-height: 1;
		color: #FFF;
	}
}
@media screen and (max-width: 768px) {
	.model_mv h2 {
		position:absolute;
		right: 1.25%;
		bottom: -6px;
		font-size: 34px;
		line-height: 1;
		color: #FFF;
	}
}

/*=======================================
model_read
=======================================*/
.model_read {
	margin: 124px 0 26px;
}
.model_read h3 {
	text-align: center;
	font-size: 38px;
}
.model_read h3::after {
	content: "";
	display: block;
	height: 170px;
	width: 1px;
	margin: 20px auto 0;
	background: #690707;
}
@media screen and (max-width: 768px) {
	.model_read {
		margin: 50px 0 26px;
	}
	.model_read h3 {
		text-align: center;
		font-size: 21px;
	}
	.model_read h3::after {
		content: "";
		display: block;
		height: 60px;
		width: 1px;
		margin: 20px auto 0;
		background: #690707;
	}
}

/*=======================================
model_area1
=======================================*/
.model_area1 {
	margin:0 0 154px 0 ;
	position: relative;
}
@media screen and (max-width: 768px) {
	.model_area1 {
		margin:0 0 45px 0 ;
		position: relative;
	}
}

/*=======================================
model_area2
=======================================*/
.model_area2 {
	margin:0 0 260px 0;
}
.model_area2.block02 {
	margin-bottom: 150px;
}
.model_area2 .w1400 {
	display: flex;
	justify-content: space-between;
}
.model_area2 .left{
	width: 58%;
}
.model_area2 .right{
	width: 40%;
}
.model_area2 .text_area{
	padding: 0 2% 0 8%;
}
.model_area2.block01 .text_area{
	padding-top: 4%;
}
.model_area2.block02 .text_area{
	padding-top: 13%;
}
.model_area2 .text_area p{
	font-size: 18px;
	line-height: 1.88;
}
.model_area2 .model_catch {
	margin: 0 0 40px 0;
}
.model_area2 .img01{
	margin: 32% 0 0 0;
	position: relative;
}
.model_area2 .img02{
	margin: 0 0 13% 0;
	position: relative;
}
.model_area2 .img03{
	margin: 0;
	left: 13.8%;
	position: relative;
}
.model_area2 .img04{
	margin: 25% 0 0 0;
	width: 85%;
	position: relative;
}
.model_area2 .img05{
	margin: 0;
	width: 65%;
	position: relative;
}
.model_area2 .img06{
	margin: 0 0 0 auto;
	position: relative;
	top: -8.5%;
	width: 50.8%;
	right: 0;
}
.model_area2 .img07{
	margin: -14% 0 0 30%;
	width: 50%;
	position: relative;
}
.model_cap01,.model_cap02,.model_cap03,.model_cap04,.model_cap05,.model_cap06,.model_cap07,.model_cap08{
	position: absolute;
	left: 2%;
	bottom: 2%;
}
.model_cap01{
	width: 15.1%;
	left: 3.3%;
	bottom: 3%;
}
.model_cap02{
	width: 17.1%;
	left: 3.5%;
	bottom: 7.2%;
}
.model_cap03{
	width: 17.1%;
	left: 4.1%;
	bottom: 6%;
}
.model_cap04{
	width: 20.1%;
	left: 6.3%;
	bottom: 6%;
}
.model_cap05{
	width: 25.1%;
	left: 7.6%;
	bottom: 3.5%;
}
.model_cap06{
	width: 10.8%;
	left: 3.3%;
	bottom: 7.4%;
}
.model_cap07{
	width: 37.3%;
	left: 3.3%;
	bottom: 5%;
}
.model_cap08{
	width: 27.1%;
	left: 10.7%;
	bottom: 3.6%;
}



@media screen and (max-width: 1100px) {
	.model_area2 {
		margin:0 0 130px 0;
	}
	.model_area2.block02 {
		margin-bottom: 80px;
	}
	.model_area2 .w1400 {
		display: block;
		justify-content: space-between;
	}
	.model_area2 .left{
		width: auto;
	}
	.model_area2 .right{
		width: auto;
		position: relative;
	}
	.model_area2 .img01{
		margin: 12% 0 0 0;
	}
	.model_area2 .img02{
		margin: 5% 0 8% 0;
	}
	.model_area2 .img03{
		margin: 0;
		left: 0;
		position: relative;
	}
	.model_area2 .img04{
		margin: 10% 0 5% 0;
		width: auto;
	}
	.model_area2 .img05{
		margin: 0;
		width: 45%;
	}
	.model_area2 .img06{
		margin: -44% 0 0 auto;
		position: relative;
		top: -10.5%;
		width: 40.8%;
		right: 0;
	}
	.model_area2 .img07{
		margin: -14% 0 0 30%;
		width: 40%;
	}
}



@media screen and (max-width: 768px) {
	.model_area2 {
		margin:0 0 70px 0;
	}
	.model_area2.block02 {
		margin-bottom: 50px;
	}
	.model_area2 .text_area{
		padding: 0 0% 0 0%;
	}
	.model_area2.block01 .text_area{
		padding-top: 4%;
	}
	.model_area2.block02 .text_area{
		padding-top: 0%;
	}
	.model_area2 .text_area p{
		font-size: 14px;
		line-height: 1.6;
	}
	.model_area2 .model_catch {
		margin: 0 0 40px 0;
	}
	.model_cap01{
		width: 21.1%;
	}
	.model_cap02{
		width: 21.1%;
	}
	.model_cap03{
		width: 13.1%;
	}
	.model_cap04{
		width: 11.1%;
	}
	.model_cap05{
		width: 15.1%;
	}
	.model_cap06{
		width: 16.8%;
	}
	.model_cap07{
		width: 25.3%;
	}
	.model_cap08{
		width: 21.1%;
	}
}