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

	- page title
	- contents
		- outline
		- table

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

/*----------------------------------------
	page title
-----------------------------------------*/
.page_ttl_area {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 220px;
	background-color: rgba(232, 232, 232, 0.3);
}

.page_ttl_area .page_ttl {
	font-size: 5.0rem;
	line-height: 1.2;
	text-align: center;
	letter-spacing: 0.08em;
}

.page_ttl_area .page_ttl span:nth-of-type(2) {
	display: block;
	font-size: 1.4rem;
	line-height: 2;
	letter-spacing: 0;
}

@media screen and (max-width: 768px) {
	.page_ttl_area {
		height: 121px;
	}

	.page_ttl_area .page_ttl {
		font-size: 3.6rem;
	}

	.page_ttl_area .page_ttl span:nth-of-type(2) {
		font-size: 1.2rem;
	}
}

/*----------------------------------------
	contents
-----------------------------------------*/

.res3_1{
	width: 100%;
	margin: 50px 0 20px 0;
}
.res3_2n{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 50px;
}

.res3_2n picture{
	width: 65%;
}
.res3_2n p{
	font-size: clamp(1rem, 1.5vw, 1.9rem)!important;
	width: 34%;
}

.res3_2{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.res3_2 h3{
	font-size: clamp(0.5rem, 1vw, 1.4rem)!important;
	padding-bottom: 5px;
}
.res3_2 p{
	font-size: clamp(0.5rem, 1vw, 1.2rem)!important;
	line-height: 1.5!important;
}
.res3_2 .res3_2_1{
	width: 55%;
	margin-bottom: 50px;
}
.res3_2 .res3_2_1 p{
	font-size: clamp(1rem, 1.5vw, 1.9rem)!important;
}
.res3_2_2{
	width: 43%;
}

.res3_2_2 ul li{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 100%;
	margin-bottom: 35px;
}
.res3_2_2 ul li picture{
	width: 33%;
	position: relative;
}
.res3_2_2 ul li picture .caption{
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.res3_2_2 ul li .wh{
	color: #fff;
}
.res3_2_2 ul li .tex_box{
	width: 65%;
}
.res3_2_3,.res3_2_s{
	width: 100%;
}
.res3_2_s picture{
	width: 100%!important;
}
.res3_2_s picture .caption{
	position: static !important;
}
.res3_2_3 ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content:start;
}
.res3_2_3 ul li{
	width: 24%;
	margin: 0 0.5% 30px 0.5%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.res3_2_3 ul li picture{
	position: relative;
	width: 52%!important;
	float: left;
}
.res3_2_3 ul li .tex_box{
	width: 47%!important;
}
.res3_2_3 ul li picture .caption{
	position: absolute;
	right: 5px;
	bottom: 5px;
}

.res3_3{
	margin: 50px 0;
	width: 100%;
}



@media screen and (max-width: 768px) {
	.res3_2{
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.res3_2n{
		display: inline;
	}
	.res3_2n p{
		margin: 20px 0;
		font-size: 1.5rem !important;
		line-height: 1.8!important;
		width: 100%;
	}
	.res3_2n .caption{
		margin: 0;
	}
	.res3_2 h3{
		font-size: 1.4rem !important;
		line-height: 1.7!important;
	}
	.res3_2 p{
		font-size: 1.2rem !important;
		line-height: 1.5!important;
	}
	.res3_2 .res3_2_1{
		width: 100%;
		order: 2;
	}
	.res3_2 .res3_2_2{
		width: 100%;
		order: 1;
		margin-bottom: 50px;
	}
	.res3_2 .res3_2_3{
		width: 100%;
		order: 3;
	}
	.res3_2 .res3_2_1 p{
		color: #000;
		position: static;
		margin: 20px 0;
		font-size: 1.5rem !important;
		line-height: 1.8!important;
	}
	.res3_2 .res3_2_1 picture .caption{
		padding: 0 !important;
		margin: 0 !important;
	}
	.res3_2_2,.res3_2_3,.res3_2_3 ul li{
		width: 100%;
	}
	.res3_2_2 ul li picture,.res3_2_3 ul li picture{
		width: 40% !important;
	}
	.res3_2_2 ul li .tex_box,.res3_2_3 ul li .tex_box{
		width: 58% !important;
	}
	.res3_2_2 ul li,.res3_2_3 ul li{
		margin-bottom: 30px;
	}
	.res3_2_2 ul .res3_2_s picture{
		width: 100% !important;
	}
}

/* 印刷用CSS */

@media print{
	.res3_2 .res3_2_1 p{
    top: 20px;
    left: 20px;
		font-size: 1.8rem !important;
    line-height: 1.7!important;
	}
	.ft14 {
    font-size: 1.2rem !important;
    line-height: 1!important;
	}
	.ft12,.ft13,#contents .caption {
    font-size: 1.0rem !important;
    line-height: 1!important;
	}

}