@charset "UTF-8";


.title {
	line-height: 1.6;
}

body {
	background: url("../common/img/bg.svg") no-repeat top center;
	background-size: 100%;
}


/* mainTitle
--------------------- */
#mainTitle {
	padding-top: 150px;
	height: calc((50vw / 16 * 10) + 150px);
	margin-bottom: 100px;
}

	#mainTitle {
		position: relative;
	}
	#mainTitle .title {
		margin-bottom: 50px;
	}
	#mainTitle .title h1 {
		font-size: 5rem;
		font-weight: 700;
		letter-spacing: 0.2em;
	}
	#mainTitle .title p {
		font-size: 3.8rem;
		font-weight: 500;
	}

	#mainTitle .text {
		width: 40%;
		position: absolute;
		top: 200px;
		left: 100px;
	}
	#mainTitle .pht {
		width: 50%;
		position: absolute;
		top: 100px;
		right: 0;
		z-index: -100;
	}
	#mainTitle .ill {
		width: 380px;
		position: absolute;
		bottom: -50px;
		left: 40%;
		z-index: -50;
	}





/* tit
--------------------- */
#tit {
	background: #f5e2d8;
	text-align: center;
	padding: 50px 0;
	margin-bottom: 100px;
	position: relative;
}
	#tit h2 {
		font-weight: 700;
		font-size: 4.3rem;
		position: relative;
	}
	#tit h2 strong {
	}

	#tit h2:before {
		content:"";
		display:inline-block;
		width:18px;
		height:90px;
		background-color:#b90101;
		position: absolute;
		top: 13px;
		left:50%;
		margin-left: -385px;
	}
	#tit h2:after {
		content:"";
		display:block;
		width:770px;
		height:1px;
		background-color:#000000;
		position:absolute;
		bottom:0;
		left:50%;
		margin-left: -385px;
	}

	#tit p span {
		background: #B90101;
		color: #FFF;
		padding: 5px 20px;
		margin-right: 10px;
	}
	#tit p.end {
		position: absolute;
		top: 50px;
		left: 50%;
		margin-left: 250px;
		background: #B90101;
		color: #FFF;
		padding: 5px 20px;
		font-weight: 700;
	}


.container {
	margin-bottom: 150px;
}
	.container p {
		margin-top: 60px;
	}

.article .set dl {
	width: 32%;
	margin-right: 2%;
}
	.article .set dl:nth-child(3n) {
		margin-right: 0%;
	}

.article .set dl img {
	width: 100%;
	height: auto;
}
.article .set dl dt {
	margin-bottom: 30px;
}
.article .set dl .data {
}
.article .set dl .data span {
	background: #B90101;
	color: #FFF;
	padding: 5px 20px;
	margin-right: 10px;
}
.article .set dl h3 {
	font-size: 5rem;
}



	.slider02 {
		margin-bottom: 60px;
	}
	.slider02 img {
		width: 100%;
		height: auto;
	}
		.slider02 span {
			display: block;
			padding-right: 300px;
			margin-top: 30px;
		}


	.container .thumbnail {
	}
	.container .thumbnail .thumbnail-img {
		margin: 0 10px;
	}
	.container .thumbnail img {
		width: 100%;
		height: auto;
	}

.slick-prev02 {
	background: url("../img/reform/arrow_left.svg") no-repeat;
	background-size: cover;
	width: 84px;
	height: 168px;
	
	position: absolute;
	top: -500px;
	left: -100px;
}
.slick-next02 {
	background: url("../img/reform/arrow_right.svg") no-repeat;
	background-size: cover;
	width: 84px;
	height: 168px;
	
	position: absolute;
	top: -500px;
	right: -100px;
}


/* 1200px */
@media screen and (max-width: 1200px) {



}





/* max 1023px */
@media screen and (max-width: 1023px) {





/* mainTitle
--------------------- */
#mainTitle {
	padding-top: 100px;
	height: auto;
	margin-bottom: 10%;
}

	#mainTitle {
		position: relative;
	}
	#mainTitle .title {
		margin-bottom: 5%;
	}
	#mainTitle .title h1 {
		font-size: 3rem;
		font-weight: 700;
		letter-spacing: 0.2em;
	}
	#mainTitle .title p {
		font-size: 1.6rem;
		font-weight: 500;
	}

	#mainTitle .text {
		width: 90%;
		position: relative;
		top: 0;
		left: 0;
		margin: 0 auto;
	}
	#mainTitle .pht {
		width: 100%;
		position: relative;
		top: 0;
		right: 0;
		z-index: -100;
		margin-top: 5%;
	}


	#mainTitle .ill {
		width: 40%;
		position: absolute;
		bottom: -50px;
		left: auto;
		right: 5%;
		z-index: -50;
	}
	
	
/* tit
--------------------- */
#tit {
	background: #f5e2d8;
	text-align: center;
	padding:5% 0;
	margin-bottom: 5%;
}
	#tit h2 {
		font-weight: 700;
		font-size: 2rem;
		position: relative;
	}
	#tit h2 strong {
	}

	#tit h2:before {
		content: none;
	}
	#tit h2:after {
		content: none;
	}
	
	#tit p.end {
		position: relative;
		top: 0;
		left: 0%;
		margin-left: 0;
		margin-top: -5%;
		margin-bottom: 5%;
		background: #B90101;
		color: #FFF;
		padding: 5px 20px;
		font-weight: 700;
	}
	
	

.container {

}
	.slider02 {
		margin-bottom: 5%;
	}
	.slider02 img {
		width: 100%;
		height: auto;
	}
		.slider02 span {
			display: block;
			padding-right: 0;
			margin-top: 10px;
		}


	.container .thumbnail {
	}
	.container .thumbnail .thumbnail-img {
		margin: 0 10px;
	}
	.container .thumbnail img {
		width: 100%;
		height: auto;
	}

.slick-prev02 {
	display: none !important;
	background: url("../img/reform/arrow_left.svg") no-repeat;
	background-size: cover;
	width: 84px;
	height: 168px;
	
	position: absolute;
	top: -750px;
	left: -100px;
}
.slick-next02 {
	display: none !important;
	background: url("../img/reform/arrow_right.svg") no-repeat;
	background-size: cover;
	width: 84px;
	height: 168px;
	
	position: absolute;
	top: -750px;
	right: -100px;
}
	
	
	
	
	
	
	
.article .set dl {
	width: 100%;
	margin-right: 0%;
	margin-bottom: 12%;
}
	.article .set dl:nth-child(2n) {
		margin-right: 0%;
	}

.article .set dl img {
	width: 100%;
	height: auto;
}
.article .set dl dt {
	margin-bottom: 30px;
}
.article .set dl .data {
}
.article .set dl .data span {
	background: #B90101;
	color: #FFF;
	padding: 5px 20px;
	margin-right: 10px;
}
.article .set dl h3 {
	font-size: 3rem;
}


}