@charset "utf-8";

main.message section.x1 {
	padding:100px 0 0;
}
main.message section.x1 .inner {
	padding:30px 0 271px;
	position:relative;
	z-index:1;
}
main.message section.x1 .inner .top_bx {
	margin:0 0 0 10vw;
	position:relative;
	z-index:10;
}
main.message section.x1 .inner .top_bx h1 {
	font-size:64px;
	line-height:1.1;
	position:relative;
	z-index:10;
	overflow:hidden;
}

main.message section.x1 .inner .top_bx h1 span {
	margin:0;
	padding:0;
	display:block;
	line-height:inherit;
}
main.message section.x1 .inner .top_bx p {
	font-size:24px;
	font-weight:500;
}
main.message section.x1 .inner .top_bx p span {
	display:block;
	color:#216fc6;
}
main.message section.x1 .inner .bg {
	width:72vw;
	height:400px;
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
main.message section.x1 .inner .bg img {
	width:100%;
}

main.message section.x2 {margin:200px 0 0;}
main.message section.x2 .inner {
	width:100%;
	max-width:90vw;
	margin:0 auto;
}
main.message section.x2 .inner .wp {
	display:flex;
	justify-content:center;
	align-items:flex-start;
}
main.message section.x2 .inner .wp .img {
	width:40%;
	max-width:450px;
	margin:0;
}
main.message section.x2 .inner .wp .img img {width:100%;}
main.message section.x2 .inner .wp .txt {
	width:50%;
	margin:0 0 0 5%;
}
main.message section.x2 .inner .wp .txt h2 {
	width:100%;
	margin:0 0 50px;
}
main.message section.x2 .inner .wp .txt h2 img {
	width:100%;
}
main.message section.x2 .inner .wp .img p {font-size:24px;}
main.message section.x2 .inner .wp .img p span {
	font-size:16px;
	display:block;
}
main.message section.x2 .inner .wp .txt p {
	font-size:18px;
	line-height:2.7;
	text-align:justify;
	letter-spacing:0.05em;
}

main.message section.x3 {margin:200px 0 0;}
main.message section.x3 .inner {
	width:100%;
	max-width:90vw;
	margin:0 auto 200px;
}
main.message section.x3 .inner .wp {
	display:flex;
	justify-content:center;
	align-items:flex-start;
	flex-direction:row-reverse;
	margin:0 0 100px;
}
main.message section.x3 .inner .wp .img {
	width:40%;
	max-width:450px;
	margin:0;
}
main.message section.x3 .inner .wp .img img {width:100%;}
main.message section.x3 .inner .wp .txt {
	width:50%;
	margin:0 5% 0 0;
}
main.message section.x3 .inner .wp .txt img {
	width:100%;
	margin:0 0 50px;
}
main.message section.x3 .inner .wp .img p {
	font-size:24px;
	text-align:right;
}
main.message section.x3 .inner .wp .img p span {
	font-size:16px;
	display:block;
}
main.message section.x3 .inner .wp .txt p {
	font-size:18px;
	line-height:2.7;
	text-align:justify;
	letter-spacing:0.05em;
}

main.message section.x3 .inner .wp2 {
	margin:0 auto 100px;
	width:100%;
	max-width:74vw;
}
main.message section.x3 .inner .wp2 h2 {width:fit-content;}
main.message section.x3 .inner .wp2 h2 img {
	width:100%;
	max-width:750px;
	margin:0 0 50px;
}
main.message section.x3 .inner .wp2 p {
	font-size:18px;
	line-height:2.7;
	text-align:justify;
	letter-spacing:0.05em;
}



/* メディアクエリ------------------------------------------------------------------*/
@media print, screen and (min-width:1900px){}
@media print, screen and (max-width:1500px){
	main.message section.x1 .inner .bg img {
		width:auto;
		height:100%;
	}
main.message section.x2 {
    margin: 10vw 0 0;
}

}
@media print, screen and (max-width:1000px){
main.message section.x2 {
    margin: 5vw 0 0;
}
main.message section.x2 .inner {
    max-width: 100%;
    padding: 0 5vw;
}
main.message section.x2 .inner .wp {flex-direction:column;}
main.message section.x2 .inner .wp .img {
    max-width: unset;
    width: 100%;
}
main.message section.x2 .inner .wp .txt {
		width:100%;
	margin:5vw 0 0;
}
main.message section.x2 .inner .wp .txt p {
    font-size: 18px;
    line-height: 2.2;
}

main.message section.x3 {
    margin: 10vw 0 0;
}
main.message section.x3 .inner .wp {flex-direction:column;}
main.message section.x3 .inner .wp .img {
    max-width: unset;
    width: 100%;
}
main.message section.x3 .inner .wp .txt {
		width:100%;
	margin:5vw 0 0;
}
main.message section.x3 .inner .wp .txt p {
    font-size: 18px;
    line-height: 2.2;
}
main.message section.x3 .inner .wp2 {
    max-width: unset;
}


}
@media print, screen and (max-width:768px){
	main.message section.x1 .inner {padding:0;}
	main.message section.x1 .inner .top_bx {margin:0 0 0 5vw;}
	main.message section.x1 .inner .top_bx h1 {font-size:12vw;}
	main.message section.x1 .inner .top_bx p {font-size:6vw;}
	main.message section.x1 .inner .bg {
		position:relative;
		width:100%;
		height:40vw;
		margin:0 0 5vw 10vw;
	}

	main.message section.x2 {margin:10vw 0 0;}
	main.message section.x2 .inner .wp .txt h2 {margin: 0 0 5vw;}
	main.message section.x2 .inner .wp .txt p {font-size: 4.2vw;}
	main.message section.x3 .inner {
    max-width: unset;
    padding: 0 5vw;
    margin: 0 0 15vw;
	}
	main.message section.x3 .inner .wp {margin: 0 0 15vw;}
	main.message section.x3 .inner .wp .txt img {margin: 0 0 5vw;}
	main.message section.x3 .inner .wp2 {margin: 0 0 15vw;}
	main.message section.x3 .inner .wp2 h2 img {margin: 0 0 5vw;}
	main.message section.x3 .inner .wp2 p {font-size: 4.2vw;}


}