html {
		width: 100%;
		font-size: 62.5% !important;;
	}

	body {
		font-family:sans-serif !important;
		font-size: 100% !important;
		color: #333 !important;
		background-color: #fff !important;
		margin: 0px !important;
		min-width: 0px !important;
	}

	.bod {
		font-family:sans-serif !important;
		font-size: 100% !important;
		color: #333 !important;
		background-color: #fff !important;
		margin: 0px !important;
		min-width: 0px !important;
	}

	a:hover {
		opacity: 1;
	}

	a img {
		outline: 0px;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	h1, h2, h3, h4, h5, h6 {
		margin-bottom: 0px;
		line-height: 1;
	}

	.sp-only {
		display: none !important;
	}

	.pc-only {
		display: block !important;
	}

	.youtube_movie {
		min-width: 720px;
		width: 70vw;
		max-width: 1280px;
		min-height: 405px;
		height: calc(70vw * 0.5625);
		max-height: 720px;
	}

	p.description {
		font-size: 2rem;
		font-family: 'Noto Serif JP', 'Hiragino Mincho Pro', serif;
		letter-spacing: 0.1em;
		line-height: 1.9;
		color: #323232;
	}

	div#main {
		background: #fff url("./images/pc/main_bg02.jpg") repeat scroll left top;
	}

	div#fv h1 {
		position: absolute;
		z-index: 254;
		height: calc((100vw * 9 / 16) - 0.5vw);
		width: 15%;
		padding: 3.5% 2.5% 16.4% 0;
		text-align: right;
		background-color: rgba(0,0,0,0.26);
		right: 7.5%;
	}

	div#fv h1 img {
		display: inline;
		height: 100%;
	}

	/* First Page View */
	div#fv {
		margin-top: 5.4rem;
		background: #224;
		line-height: 0;
	}

	div#fv div.movie_area {
		overflow: hidden;
		line-height: 0;
	}

	div#fv div.movie_area video {
		height: calc((100vw * 9 / 16) - 0.5vw);
		width: 100%;
		line-height: 0;
	}

	/* Content01 */
	div#content01 {
		margin-bottom: 4.5em;
		box-shadow: 0px 0px 7px -5px #636363;
		background: #fff url("./images/pc/content01_bg02.png") repeat-x scroll left bottom 36.5rem;
	}

	div#content01 h2 {
		display: flex;
		justify-content: right;
		padding: 8rem 0rem 8rem 23.25%;
	}

	div#content01 h2 picture, div#content01 h2 img {
		width: 100%;
	}

	div#content01 p.photo {
		max-width: 120rem;
		margin: auto;
	}

	div#content01 p.txt {
		max-width: 105rem;
		margin: auto;
		padding: 8rem 5rem 8rem;
	}

	@media screen and (max-width: 900px) {
		div#content01 p.txt {
			max-width: 80rem;
			padding: 7.5rem 2rem 6rem;
		}
	}

	/* Content02 */
	div#content02 {}

	div#content02 h2 {
		padding: 4rem 15.625% 7.5rem 0rem;
	}

	div#content02 h2 picture, div#content02 h2 img {
		width: 100%;
	}

	div#content02 div.introductionA {
		display: flex;
		justify-content: left;
		position: relative;
		width: 100%;
		margin-bottom: 10.5rem;
	}

	div#content02 div.introductionA p.txtA {
		position: absolute;
		top: 38%;
		left: 320px;
		width: 34%;
		max-width: 620px;
		padding: 0rem 2rem;
		font-size: 2rem;
	}

	div#content02 div.introductionB {
		display: flex;
		justify-content: right;
		position: relative;
		width: 100%;
		margin-bottom: 10.5rem;
	}

	div#content02 div.introductionB p.txtB {
		position: absolute;
		top: 37%;
		right: 3210px;
		width: 32%;
		max-width: 580px;
		padding: 0rem 2rem;
		font-size: 2rem;
	}

	@media screen and (max-width: 1920px) {
		div#content02 div.introductionA p.txtA {
			left: 16.25%;
			font-size: 2rem;
			max-width: 520px;
		}

		div#content02 div.introductionB p.txtB {
			left: 53%;
			font-size: 2rem;
			max-width: 550px;
		}
	}

	@media screen and (max-width: 1800px) {
		div#content02 div.introductionA p.txtA {
			font-size: 1.75rem;
		}

		div#content02 div.introductionB p.txtB {
			font-size: 1.75rem;
		}
	}

	@media screen and (max-width: 1600px) {
		div#content02 div.introductionA p.txtA {
			font-size: 1.6rem;
		}

		div#content02 div.introductionB p.txtB {
			font-size: 1.6rem;
		}
	}

	@media screen and (max-width: 1280px) {
		div#content02 {
			overflow: hidden;
		}

		div#content02 div.introductionA {
			width: 1280px;
			margin-left: calc(100vw - 1280px);
			margin-right: 0px;
			margin-bottom: 8rem;
		}

		div#content02 div.introductionB {
			width: 1280px;
			margin-left: 0px;
			margin-right: calc(1280px - 100vw);
			margin-bottom: 8rem;
		}
	}

	@media screen and (max-width: 1100px) {
		div#content02 div.introductionA {
			margin-left: -180px;
			margin-right: 0px;
			margin-bottom: 6rem;
		}

		div#content02 div.introductionB {
			margin-left: calc(100vw - 1100px);
			margin-right: 0px;
			margin-bottom: 6rem;
		}
	}

	/* Content03 */
	div#content03 {
		position: relative;
		margin-bottom: 4.5em;
		padding-bottom: 3rem;
		background: #fff;
		box-shadow: 0px 0px 7px -5px #636363;
	}

	div#content03 h2 {
		padding: 8rem 0rem 8.5rem 23.75%;
	}

	div#content03 h2 picture, div#content03 h2 img {
		width: 100%;
	}

	div#content03 div.introductionA {
		display: flex;
		justify-content: right;
		position: relative;
		margin-bottom: 10.5rem;
	}

	div#content03 div.introductionA p.photoA {}

	div#content03 div.introductionA p.txtA {
		position: absolute;
		top: 37%;
		right: 385px;
		width: 520px;
		padding: 0rem 2rem;
	}

	div#content03 div.introductionB {
		display: flex;
		justify-content: left;
		position: relative;
		margin-bottom: 10.5rem;
	}

	div#content03 div.introductionB p.photoB {}

	div#content03 div.introductionB p.txtB {
		position: absolute;
		top: 38%;
		left: 400px;
		width: 550px;
		padding: 0rem 2rem;
	}

	div#content03 div.introductionC {
		max-width: 1000px;
		min-width: 700px;
		margin: auto;
		padding: 0px 2rem;
	}

	div#content03 p.txtC {
		padding: 4rem 8% 4rem;
	}

	div#content03 div.introductionD {
		margin: 4rem 0rem 4rem;
	}

	div#content03 div.introductionD picture, div#content03 div.introductionD img {
		width: 100%;
	}

	@media screen and (max-width: 1500px) {
		div#content03 {
			overflow: hidden;
		}

		div#content03 div.introductionA {
			width: 1500px;
			margin-left: 0px;
			margin-right: calc(1500px - 100vw);
			margin-bottom: 8rem;
		}

		div#content03 div.introductionB {
			width: 1500px;
			margin-left: calc(100vw - 1500px);
			margin-right: 0px;
			margin-bottom: 8rem;
		}
	}

	@media screen and (max-width: 1120px) {
		div#content03 div.introductionA {
			width: 1300px;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 6rem;
		}

		div#content03 div.introductionB {
			width: 1300px;
			margin-left: calc(-180px - (1120px - 100vw));
			margin-right: 0px;
			margin-bottom: 6rem;
		}

		div#content03 div.introductionA p.txtA {
			width: 450px;
			right: 335px;
		}

		div#content03 div.introductionB p.txtB {
			left: 345px;
		}
	}

	@media screen and (max-width: 980px) {
		div#content03 div.introductionA {
			width: 1050px;
			margin-left: 0px;
			margin-right: 0px;
			margin-bottom: 6rem;
		}

		div#content03 div.introductionB {
			width: 1050px;
			margin-left: calc(0px - (1050px - 100vw));
			margin-right: 0px;
			margin-bottom: 6rem;
		}

		div#content03 div.introductionA p.txtA {
			width: 350px;
			right: 290px;
			font-size: 1.5rem;
		}

		div#content03 div.introductionB p.txtB {
			width: 420px;
			left: 275px;
			font-size: 1.5rem;
		}

		div#content03 p.txtC {
			font-size: 1.5rem;
		}
	}

	/* Content04 */
	div#content04 {
		margin-bottom: 4.5em;
		padding-bottom: 2rem;
		background: #fff;
		box-shadow: 0px 0px 7px -5px #636363;
		overflow: hidden;
	}

	div#content04 h2 {
		padding: 8rem 25.75% 8rem 0rem;
	}

	div#content04 h2 picture, div#content04 h2 img {
		width: 100%;
	}

	div#content04 h3 {
		margin-bottom: 7rem;
	}

	div#content04 div.commentA {
		display: flex;
		justify-content: center;
		position: relative;
		margin-bottom: 3.5rem;
		background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll left calc(((100vw - 1100px) / 2) + 4.5rem) bottom;
	}

	div#content04 div.commentA h4.photoA {
		width: 1100px;
		margin-bottom: 4.5rem;
		/* box-shadow: 14.5rem 4.5rem 0 0 #F5E9F3; */
	}

	div#content04 div.commentA p.txtA {
		position: absolute;
		top: 18rem;
		left: calc((100vw - 1100px) / 2);
		width: 1100px;
		font-size: 1.75rem;
		padding: 0rem 3rem;
	}

	div#content04 div.commentB {
		display: flex;
		justify-content: center;
		position: relative;
		margin-bottom: 3.5rem;
		background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll right calc(((100vw - 1100px) / 2) + 4.5rem) bottom;
	}

	div#content04 div.commentB h4.photoB {
		width: 1100px;
		margin-bottom: 4.5rem;
		/* box-shadow: -14.5rem 4.5rem 0 0 #F5E9F3; */
	}

	div#content04 div.commentB p.txtB {
		position: absolute;
		top: 18rem;
		left: calc((100vw - 1100px) / 2);
		width: 1100px;
		font-size: 1.75rem;
		padding: 0rem 3rem;
	}

	div#content04 div.commentC {
		display: flex;
		justify-content: center;
		position: relative;
		margin-bottom: 3.5rem;
		background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll left calc(((100vw - 1100px) / 2) + 4.5rem) bottom;
	}

	div#content04 div.commentC h4.photoC {
		width: 1100px;
		margin-bottom: 4.5rem;
		/* box-shadow: 14.5rem 4.5rem 0 0 #F5E9F3; */
	}

	div#content04 div.commentC p.txtC {
		position: absolute;
		top: 18rem;
		left: calc((100vw - 1100px) / 2);
		width: 1100px;
		font-size: 1.75rem;
		padding: 0rem 3rem;
	}

	div#content04 p.commentZ {
		display: flex;
		justify-content: right;
		width: 1100px;
		margin: auto;
		margin-bottom: 5rem;
	}

	@media screen and (max-width: 1280px) {
		div#content04 h2 {
			padding: 4rem 25.75% 4rem 0rem;
		}

		div#content04 div.commentA {
			background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll left calc(((100vw - 900px) / 2) + 4.5rem) bottom;
		}

		div#content04 div.commentA h4.photoA {
			width: 900px;
		}

		div#content04 div.commentA p.txtA {
			position: absolute;
			top: 15rem;
			left: calc((100vw - 900px) / 2);
			width: 900px;
			font-size: 1.5rem;
			padding: 0rem 3rem;
		}

		div#content04 div.commentB {
			background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll right calc(((100vw - 900px) / 2) + 4.5rem) bottom;
		}

		div#content04 div.commentB h4.photoB {
			width: 900px;
		}

		div#content04 div.commentB p.txtB {
			position: absolute;
			top: 15rem;
			left: calc((100vw - 900px) / 2);
			width: 900px;
			font-size: 1.5rem;
			padding: 0rem 3rem;
		}

		div#content04 div.commentC {
			background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll left calc(((100vw - 900px) / 2) + 4.5rem) bottom;
		}

		div#content04 div.commentC h4.photoC {
			width: 900px;
		}

		div#content04 div.commentC p.txtC {
			position: absolute;
			top: 15rem;
			left: calc((100vw - 900px) / 2);
			width: 900px;
			font-size: 1.5rem;
			padding: 0rem 3rem;
		}

		div#content04 p.commentZ {
			display: flex;
			justify-content: right;
			width: 900px;
			margin: auto;
			margin-bottom: 5rem;
		}
	}

	@media screen and (max-width: 900px) {
		div#content04 div.commentA {
			background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll left calc(((100vw - 700px) / 2) + 4.5rem) bottom;
		}

		div#content04 div.commentA h4.photoA {
			width: 700px;
		}

		div#content04 div.commentA p.txtA {
			position: absolute;
			top: 11rem;
			left: calc((100vw - 700px) / 2);
			width: 700px;
			font-size: 1.3rem;
			padding: 0rem 3rem;
		}

		div#content04 div.commentB {
			background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll right calc(((100vw - 700px) / 2) + 4.5rem) bottom;
		}

		div#content04 div.commentB h4.photoB {
			width: 700px;
		}

		div#content04 div.commentB p.txtB {
			position: absolute;
			top: 11rem;
			left: calc((100vw - 700px) / 2);
			width: 700px;
			font-size: 1.3rem;
			padding: 0rem 3rem;
		}

		div#content04 div.commentC {
			background: #fff url("./images/pc/content04C_bg.png") no-repeat scroll left calc(((100vw - 700px) / 2) + 4.5rem) bottom;
		}

		div#content04 div.commentC h4.photoC {
			width: 700px;
		}

		div#content04 div.commentC p.txtC {
			position: absolute;
			top: 11rem;
			left: calc((100vw - 700px) / 2);
			width: 700px;
			font-size: 1.3rem;
			padding: 0rem 3rem;
		}

		div#content04 p.commentZ {
			display: flex;
			justify-content: right;
			width: 700px;
			margin: auto;
			margin-bottom: 5rem;
		}
	}

	/* Youtube Movie */
	div#movie {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 5rem 1rem;
		margin-bottom: 4rem;
		background: #fff url("./images/pc/youtube_bg02.jpg") repeat scroll left top;
		box-shadow: 0px 0px 7px -5px #636363;
	}

	/* CTA */
	div.cta {
		/* width: calc(100vw - 6rem); */
		width: 120rem;
		margin: 8rem auto;
		background: #fff;
		border-left: solid 5px #681e5b;
		border-right: solid 5px #681e5b;
		border-bottom: solid 5px #681e5b;
		border-radius: 8px;
	}

	div.cta div.cta_container {
		position: relative;
		margin-left: 4px;
		margin-right: 4px;
		margin-bottom: 4px;
		padding-top: 18px;
		padding-left: 4px;
		padding-right: 4px;
		padding-bottom: 4px;
		border-left: solid 3px #681e5b;
		border-right: solid 3px #681e5b;
		border-bottom: solid 3px #681e5b;
	}

	div.cta p.cta_photo {
		width: 95rem;
		margin: 2rem auto 2rem;
	}

	div.cta p.cta_button {
		position: absolute;
		top: 21.25rem;
		left: 56.5rem;
		width: 50rem;
	}

	@media screen and (max-width: 1280px) {
		div.cta {
			width: 90rem;
			margin: 6rem auto;
		}

		div.cta p.cta_photo {
			width: 80rem;
		}

		div.cta p.cta_button {
			position: absolute;
			top: 19rem;
			left: 38.2rem;
			width: 40rem;
		}
	}

	@media screen and (max-width: 900px) {
		div.cta {
			width: 75rem;
			margin: 4rem auto;
		}

		div.cta p.cta_photo {
			width: 65rem;
		}

		div.cta p.cta_button {
			position: absolute;
			top: 16.3rem;
			left: 31.5rem;
			width: 30rem;
		}
	}

	div.cta p.cta_button img.active {
		position: absolute;
		left: 0;
		top: 0;
		opacity: 0;
		transition: 0.2s;
	}

	div.cta p.cta_button:hover img.active {
		opacity: 1;
	}

	div.cta div.cta_call_area {
		position: relative;
		max-width: 110rem;
		margin: 2rem auto 2rem;
	}

	div.cta p.cta_order {}

	div.cta p.cta_tel {
		display: none;
	}