html {
		width: 100%;
		height: 100%;
}

* {
		box-sizing: border-box;
		outline: none;
}

body {
		width: 100%;
		height: 100%;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 100%;
		color: #111;
		background-color: #fff;
}

a {
		color: #1A0DAB;
}

.josef {
		font-family: 'Josefin Sans', sans-serif;
}

.indent {
		padding-left: 1em;
		text-indent: -1em;
}

b {
		font-weight: bold;
}

.pc {
		display: block;
}

.sp {
		display: none;
}

.br-pc {
		display: block;
}

.br-sp {
		display: none;
}

#wrapper {
		max-width: 1920px;
		width: 100%;
		background-color: #E3E3E3;
		margin: 0 auto;
		overflow-x: hidden;
}

#wrapper .wrap {
		max-width: 1440px;
		width: 100%;
		margin: 0 auto;
}

#wrapper .inner {
		width: 1000px;
		margin: 0 auto;
}

#wrapper .kv {
		background-image: url(../img/message_kv.jpg);
		width: 100%;
		height: 700px;
		background-repeat: no-repeat;
		background-size: auto;
		background-position: center;
}

#wrapper .kv .inner {
		position: relative;
		height: 700px;
}

#wrapper .kv .inner h1 {
		position: absolute;
		top: 238px;
		left: 0;
		font-size: 38px;
		line-height: 1.5;
		font-weight: 700;
		color: #fff;
}

#wrapper .kv .inner h6 {
		position: absolute;
		top: 386px;
		left: 0;
		font-size: 20px;
		line-height: 1;
		font-weight: 500;
		color: #fff;
}

#wrapper .wrap {
		margin: -38px auto 100px;
		background-color: #fff;
		height: auto;
}

#wrapper .wrap h2 {
		font-size: 100px;
		font-weight: 300;
		color: #ccc;
		text-align: right;
		position: relative;
		top: -30px;
		right: 0;
}

#wrapper .wrap h3 {
		font-size: 30px;
		font-weight: 700;
		color: #3B3B3B;
		line-height: 1;
		margin: 100px 0 50px;
}

#wrapper .wrap p {
		font-size: 16px;
		line-height: 2.5;
		font-weight: 400;
		color: #3B3B3B;
		text-align: justify;
}

#wrapper .wrap .sec_img01 {
		width: 100%;
		height: 540px;
		background-image: url(../img/message_sec01.jpg);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: right;
		margin: 100px 0 0;
}

#wrapper .wrap .sec_img02 {
		width: 100%;
		height: 540px;
		background-image: url(../img/message_sec02.jpg);
		background-repeat: no-repeat;
		background-size: auto;
		background-position: right;
		margin: 100px 0 0;
}

#wrapper .wrap .space {
		height: 100px;
}

@media (max-width: 780px) {
		body {
				width: 100%;
				height: 100vh;
		}
		img {
				max-width: 100%;
		}
		.pc {
				display: none;
		}
		.sp {
				display: block;
		}
		.br-sp {
				display: block;
		}
		.br-pc {
				display: none;
		}
		#wrapper {
				max-width: 100%;
				width: 100%;
				background-color: #fff;
				margin: 0 auto;
				overflow-x: hidden;
		}
		#wrapper .wrap {
				max-width: 100%;
				width: 100%;
				margin: 0 auto;
		}
		#wrapper .inner {
				width: 90vw;
				margin: 0 auto;
		}
		#wrapper .kv {
				background-image: url(../img/message_kv-s.jpg);
				width: 100%;
				height: 100vw;
				background-repeat: no-repeat;
				background-size: contain;
				background-position: center;
		}
		#wrapper .kv .inner {
				position: relative;
				height: 100vw;
		}
		#wrapper .kv .inner h1 {
				position: absolute;
				top: 60vw;
				left: 0;
				font-size: 4.61538vw;
				line-height: 1.5;
				font-weight: 700;
				color: #fff;
		}
		#wrapper .kv .inner h6 {
				position: absolute;
				top: 76vw;
				left: 0;
				font-size: 3.33333vw;
				line-height: 1;
				font-weight: 500;
				color: #fff;
		}
		#wrapper .wrap {
				margin: 0 auto 10vw;
				background-color: #fff;
				height: auto;
		}
		#wrapper .wrap h2 {
				font-size: 7.69231vw;
				font-weight: 300;
				color: #ccc;
				text-align: right;
				position: relative;
				top: -4vw;
				right: 0;
		}
		#wrapper .wrap h3 {
				font-size: 4.61538vw;
				font-weight: 700;
				color: #3B3B3B;
				line-height: 1.4;
				margin: 10vw 0 7vw;
		}
		#wrapper .wrap p {
				font-size: 3.33333vw;
				line-height: 2;
				font-weight: 400;
				color: #3B3B3B;
				text-align: justify;
		}
		#wrapper .wrap .sec_img01 {
				width: 100%;
				height: 62vw;
				background-image: url(../img/message_sec01-s.jpg);
				background-repeat: no-repeat;
				background-size: contain;
				background-position: right;
				margin: 10vw 0 0;
		}
		#wrapper .wrap .sec_img02 {
				width: 100%;
				height: 62vw;
				background-image: url(../img/message_sec02-s.jpg);
				background-repeat: no-repeat;
				background-size: contain;
				background-position: left;
				margin: 10vw 0 0;
		}
		#wrapper .wrap .space {
				height: 5vw;
		}
}