html, body {
		width: 100%;
}

/*--------------------------------------------------------person*/
#message {
		color: #333333;
		margin-top: -80px;
}

@media (max-width: 780px) {
		#message {
				margin-top: 0;
		}
}

#message .inner {
		background: white;
		background: linear-gradient(270deg, #dddddd 0, #dddddd 140px, white 140px, white 1366px);
		width: 100%;
		height: auto;
		position: relative;
		z-index: 0;
		overflow-x: hidden;
		/*--------------------------------------------------------head*/
		/*--------------------------------------------------------s1*/
		/*--------------------------------------------------------s6*/
}

@media (max-width: 780px) {
		#message .inner {
				background: #fff;
				width: 100%;
				height: auto;
				position: relative;
				overflow-x: hidden;
		}
}

#message .inner .kv_section {
		text-align: center;
		width: 100%;
		height: 768px;
		background-image: url(../../img/slide01.jpg);
		background-image: image-set(url(../../img/slide01.jpg) 1x, url(../../img/slide01__2x.jpg) 2x);
		background-image: -webkit-image-set(url(../../img/slide01.jpg) 1x, url(../../img/slide01__2x.jpg) 2x);
		background-repeat: no-repeat;
		background-size: contain;
		position: relative;
}

#message .inner .kv_section .copy {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
}

@media (max-width: 1366px) {
		#message .inner .kv_section {
				text-align: center;
				width: 100%;
				height: 56.22255vw;
				background-image: url(../../img/slide01.jpg);
				background-image: image-set(url(../../img/slide01.jpg) 1x, url(../../img/slide01__2x.jpg) 2x);
				background-image: -webkit-image-set(url(../../img/slide01.jpg) 1x, url(../../img/slide01__2x.jpg) 2x);
				background-repeat: no-repeat;
				background-size: contain;
				position: relative;
		}
		#message .inner .kv_section .copy {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
		#message .inner .kv_section .copy img {
				max-width: 75.40264vw;
		}
}

@media (max-width: 780px) {
		#message .inner .kv_section {
				text-align: center;
				width: 100%;
				height: auto;
				padding-top: 156.41025%;
				background-image: url(../../img/slide01_s.jpg);
				background-repeat: no-repeat;
				background-size: contain;
				position: relative;
		}
		#message .inner .kv_section .copy {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
		#message .inner .kv_section .copy img {
				max-width: 68vw;
		}
}

#message .inner .s1 {
		padding: 0 140px;
		text-align: left;
		width: 100%;
		height: auto;
		position: relative;
}

#message .inner .s1 h4 {
		margin: 75px 0 50px;
		display: inline-block;
}

#message .inner .s1 h2 {
		margin: 0 0 70px;
}

#message .inner .s1 p {
		font-size: 20px;
		line-height: 2.5;
		font-weight: 400;
		z-index: 12;
}

#message .inner .s1 h3 {
		font-size: 30px;
		line-height: 1;
		font-weight: 400;
		display: inline-block;
		margin: 20px 0 105px;
}

#message .inner .s1:after {
		content: "";
		position: absolute;
		top: 0;
		left: calc(50% - 104px);
		width: 100%;
		height: 100%;
		background-image: url(../../common/img/mark.svg);
		background-repeat: no-repeat;
		background-size: contain;
		z-index: -1;
}

@media (max-width: 1366px) {
		#message .inner .s1 {
				padding: 0 10.2489vw;
				text-align: left;
				width: 100%;
				height: auto;
				position: relative;
		}
		#message .inner .s1 h4 {
				margin: 5.49048vw 0 3.66032vw;
				display: inline-block;
		}
		#message .inner .s1 h2 {
				margin: 0 0 5.12445vw;
		}
		#message .inner .s1 p {
				font-size: 1.46413vw;
				line-height: 2.5;
				font-weight: 400;
				z-index: 12;
		}
		#message .inner .s1 h3 {
				font-size: 2.19619vw;
				line-height: 1;
				font-weight: 400;
				display: inline-block;
				margin: 1.46413vw 0 7.68668vw;
		}
		#message .inner .s1:after {
				content: "";
				position: absolute;
				top: 0;
				left: calc(50% - 104px);
				width: 100%;
				height: 100%;
				background-image: url(../../common/img/mark.svg);
				background-repeat: no-repeat;
				background-size: cover;
				z-index: -1;
		}
}

@media (max-width: 780px) {
		#message .inner .s1 {
				padding: 0;
				text-align: left;
				width: 100%;
				height: auto;
				position: relative;
				box-sizing: border-box;
		}
		#message .inner .s1 h4 {
				margin: 22vw 0 7.5vw;
				display: inline-block;
				padding-left: 10vw;
		}
		#message .inner .s1 h4 img {
				max-width: 17vw;
		}
		#message .inner .s1 h2 {
				margin: 0 0 23vw;
				padding-left: 10vw;
		}
		#message .inner .s1 h2 img {
				max-width: 61vw;
		}
		#message .inner .s1 p {
				font-size: 3.84615vw;
				line-height: 2.333;
				font-weight: 400;
				letter-spacing: 0.1em;
				text-indent: -0.1em;
				padding: 0 10vw;
		}
		#message .inner .s1 p::before {
				content: '';
				display: block;
				height: 0;
				width: 0;
				margin-top: calc((1 - 2.333) * 0.5em);
		}
		#message .inner .s1 h3 {
				font-size: 5.64103vw;
				line-height: 1;
				font-weight: 400;
				letter-spacing: 0.1em;
				text-indent: -0.1em;
				display: inline-block;
				margin: 9vw 0;
				padding: 0 10vw;
		}
		#message .inner .s1:after {
				content: "";
				position: absolute;
				top: inherit;
				bottom: -130vw;
				left: calc(50% - 25vw);
				width: 100vw;
				height: 130vw;
				background-image: url(../../common/img/mark.svg);
				background-repeat: no-repeat;
				background-size: contain;
				display: block;
		}
}

#message .inner .s6 {
		background-image: url(../../common/img/bottom_entry_bg.png);
		background-image: image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
		background-image: -webkit-image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		width: 100%;
		height: 500px;
		position: relative;
}

#message .inner .s6 .entry {
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
		width: 700px;
		text-align: center;
}

#message .inner .s6 .bottom_entry {
		background-color: #333;
		width: 700px;
		height: 120px;
}

#message .inner .s6 .bottom_entry span {
		font-size: 26px;
		line-height: 1;
		font-weight: 400;
		color: #fff;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
}

#message .inner .s6 .bottom_entry:hover {
		background-color: #B30B12;
}

#message .inner .s6 .bottom_logo {
		margin-top: 25px;
}

@media (max-width: 1366px) {
		#message .inner .s6 {
				background-image: url(../../common/img/bottom_entry_bg.png);
				background-image: image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
				background-image: -webkit-image-set(url(../../common/img/bottom_entry_bg.png) 1x, url(../../common/img/bottom_entry_bg__2x.png) 2x);
				background-size: contain;
				background-repeat: no-repeat;
				background-position: center;
				width: 100%;
				height: 36.60322vw;
				position: relative;
		}
		#message .inner .s6 .entry {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				width: 51.24451vw;
				text-align: center;
		}
		#message .inner .s6 .bottom_entry {
				background-color: #333;
				width: 51.24451vw;
				height: 8.78477vw;
		}
		#message .inner .s6 .bottom_entry span {
				font-size: 1.90337vw;
				line-height: 1;
				font-weight: 400;
				color: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
		}
		#message .inner .s6 .bottom_entry:hover {
				background-color: #B30B12;
		}
		#message .inner .s6 .bottom_logo {
				margin-top: 1.83016vw;
		}
}

@media (max-width: 780px) {
		#message .inner .s6 {
				background-image: url(../../common/img/bottom_entry_bg_s.png);
				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				width: 100%;
				height: auto;
				padding-top: 76.92307%;
				position: relative;
				margin-top: 130vw;
		}
		#message .inner .s6 .entry {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				width: 80vw;
				text-align: center;
		}
		#message .inner .s6 .bottom_entry {
				background-color: #333;
				width: 100%;
				height: 30vw;
		}
		#message .inner .s6 .bottom_entry span {
				font-size: 4.35897vw;
				line-height: 1;
				font-weight: 400;
				color: #fff;
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				-webkit-transform: translate(-50%, -50%);
				-ms-transform: translate(-50%, -50%);
				white-space: nowrap;
		}
		#message .inner .s6 .bottom_entry:hover {
				background-color: #333;
		}
		#message .inner .s6 .bottom_logo {
				margin-top: 3vw;
		}
		#message .inner .s6 .bottom_logo img {
				max-width: 24vw;
		}
}
