@charset "utf-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Roboto:100,100i,300,300i,400,400i,500,500i,700,700i,900,900i');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/earlyaccess/hannari.css');
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
.font-roboto {
	font-family: 'Roboto', sans-serif;
	font-weight: bold;
}
.font-noto {
	font-family: 'Noto Sans JP';
}
.font-noto-sf {
	font-family: 'Noto Serif JP';
}
.font-hannari {
	font-family: 'Hannari';
}
html, body {
	height: 100%;
}
*, *::after, *::before {
	box-sizing: border-box;
}
* {
	margin: 0;
	padding: 0;
	font-size: inherit;
	line-height: inherit;
}
body {
	color: #000000;
	background: #FFFFFF;
	font-family: "Noto Sans JP", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Lucida Grande", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	overflow-x: hidden;
	font-size: 1.4em;
	line-height: 1.8;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	word-wrap: break-word;
}
p {
	line-height: 1.8;
	letter-spacing: 0.05rem;
	text-align: center;
}
main {
	display: block;
}
li {
	list-style-type: none;
}
a {
	text-decoration: none;
	display: inline-block;
	color: #000000;
	cursor: pointer;
}
.br-pc {
	display: block;
}
.br-sp {
	display: none;
}
sup, sub {
	font-size: 50%;
	letter-spacing: 0;
}
img {
	max-width: 100%;
	height: auto;
}
.wrap {
	background-blend-mode: lighten;
	z-index: 9990;
	position: fixed;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	text-align: center;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
.wrap:before {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transform: translate(0, 0);
	transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) .6s;
	content: '';
	background: rgba(0, 147, 62, 1);
}
.wrap img {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	animation: wrapload 2.6s;
	animation-fill-mode: backwards;
	-webkit-animation: wrapload 2.6s;
	-webkit-animation-fill-mode: backwards;
	max-width: 350px;
	width: 50%;
	height: auto;
}
.wrap.active {
	-webkit-transition: all 5s ease;
	-moz-transition: all 5s ease;
	-o-transition: all 3s ease;
	transition: all 5s ease;
}
.wrap.active:before {
	transform: translate(0, -100%);
}
.wrap.active img {
	display: none;
}
@media only screen and (max-width:480px) {
	.wrap img {
		width: 60%;
		margin: auto;
	}
}
.wrapmain {


}
/*-------------------
navigation
-------------------*/
#navigation {
	position: fixed;
	top: -100px;
	left: 0;
	right: 0;
	height: 100px;
	z-index: 999;
	background: rgba(0, 147, 62, 1);
	transition: .5s;
}
#navigation.is-show {
	top: 0;
}
#navigation h1 {
	padding: 0 0 0 5%;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
	display: flex;
	align-items: center;
	height: 100%;
}
#navigation h1 a {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	display: inline-block;
}
#navigation h1 a:hover {
	opacity: .7;
}
#navigation h1 img {
	vertical-align: middle;
	height: 60px;
	width: auto;
}
#toggle {
	position: absolute;
	top: 20%;
	right: 2%;
	cursor: pointer;
	width: 50px;
	height: 50px;
	animation: fadeInLeft 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInLeft 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
	;
}
#toggle-box {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	position: relative;
}
#toggle-box:after {
	content: '';
	background: url(../images/toggle_on.svg) no-repeat center center;
	background-size: 100% auto;
	width: 100%;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#toggle-box:hover {
	opacity: .7;
}
#toggle {
	z-index: 1000;
}
#main {
	position: relative;
	z-index: 990;
}
#nav-content {
	position: fixed;
	z-index: 900;
	top: -120%;
	left: 0;
	width: 100%;
	height: 100vh;
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%203000.26%201483.08%22%20style%3D%22enable-background%3Anew%200%200%203000.26%201483.08%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23D3E496%3B%7D%20.st1%7Bfill%3A%2300933E%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1755.83%2C1145.04c0%2C0-49.28%2C229.75-257.38%2C239.73c0.2%2C0.01%2C0.37%2C0.01%2C0.57%2C0.03%20c33.91-0.41%2C67.81-0.35%2C101.7-0.03c44.13%2C0.41%2C88.35-1.72%2C131.86-9.09c208.05-35.22%2C280.88-131.2%2C301.33-196.94%20c6.62-21.26%2C9.95-67.93%2C9.95-67.93l0-0.01C2028.66%2C1283.15%2C1755.83%2C1145.04%2C1755.83%2C1145.04z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C0v1416.51c300.64%2C0%2C510.78%2C75.96%2C811.9%2C65.59c0%2C0%2C88.08-156.49%2C117.13-695.9l0-0.03l25.6%2C677.68%20c182.47-61.4%2C363.59-76.89%2C544.38-79.06c-0.2-0.01-0.38-0.02-0.57-0.03c208.1-9.99%2C257.38-239.73%2C257.38-239.73%20s272.82%2C138.1%2C288.03-34.23l24-324.62l72.07%2C630.07c298.97-10.09%2C558.68-112.61%2C860.33%2C0.26V0H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	color: #fff;
	-moz-transition: all 0.6s ease-in-out;
	-o-transition: all 0.6s ease-in-out;
	-webkit-transition: all 0.6s ease-in-out;
	-ms-transition: all 0.6s ease-in-out;
	transition: all 0.6s ease-in-out;
}
#nav-content nav {
	padding-top: 2em;
	text-align: center;
}
#nav-content ul.nav {
	list-style: none;
	text-align: left;
	margin: 0 auto;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position: relative;
}
#nav-content ul.nav:before {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	border-right: 5px dotted #FFFFFF;
	position: absolute;
	right: -2px;
	top: -7px;
}
#nav-content ul.nav:after {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	border-right: 5px dotted #FFFFFF;
	position: absolute;
	right: -2px;
	bottom: -7px;
}
#nav-content .nav-in {
	padding-left: 1em;
}
#nav-content .nav li {
	position: relative;
	border-left: 1px solid #FFFFFF;
}
#nav-content .nav li:first-child {
	border-right: 1px solid #FFFFFF;
	position: relative;
}
#nav-content .nav li:before {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	border-left: 5px dotted #FFFFFF;
	position: absolute;
	left: -3px;
	top: -7px;
}
#nav-content .nav li:after {
	display: block;
	content: "";
	width: 5px;
	height: 5px;
	border-left: 5px dotted #FFFFFF;
	position: absolute;
	left: -3px;
	bottom: -7px;
}
#nav-content .nav a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: .5em 0 3em 0;
	font-weight: 500;
	font-size: 1em;
	line-height: 5;
	letter-spacing: 5px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	position: relative;
}
#nav-content .nav a:hover {
	color: #000000;
}
#nav-content .navsns {
	padding: 2em 0;
	display: flex;
	justify-content: space-around;
	align-items: center;
	width: 40%;
	max-width: 400px;
	margin: 0 auto;
}
#nav-content .navsns li {
	width: 12%;
	height: auto;
}
#nav-content .navsns li img {
	width: 100%;
}
.is-open {
	overflow: hidden;
}
.is-open .nav-bg {
	background-color: rgba(255, 255, 255, 0.9);
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100vh;
	z-index: 10;
}
.is-open #toggle {
	top: 20%;
	right: 2%;
}
.is-open #toggle-box {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	position: relative;
}
.is-open #toggle-box:after {
	content: '';
	background: url(../images/toggle_off.svg) no-repeat center center;
	background-size: 100% auto;
	width: 100%;
	height: 60px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#toggle-box:hover {
	opacity: .7;
}
.is-open #nav-content {
	top: 0;
}
@media only screen and (min-width:1500px) {}
@media only screen and (max-width:1300px) {
	#nav-content .nav a {
		font-size: 0.7em;
		padding: .5vw 0 2vw 0;
	}
	#nav-content .navsns {
		padding: 3vw 0;
		width: 30%;
	}
	#nav-content ul.nav:before {
		width: 3px;
		height: 3px;
		border-right: 3px dotted #FFFFFF;
		right: -1px;
		top: -5px;
	}
	#nav-content ul.nav:after {
		width: 3px;
		height: 3px;
		border-right: 3px dotted #FFFFFF;
		right: -1px;
		bottom: -5px;
	}
	#nav-content .nav li:before {
		width: 3px;
		height: 3px;
		border-left: 3px dotted #FFFFFF;
		left: -2px;
		top: -5px;
	}
	#nav-content .nav li:after {
		width: 3px;
		height: 3px;
		border-left: 3px dotted #FFFFFF;
		left: -2px;
		bottom: -5px;
	}
}
@media only screen and (max-width:640px) {
	#navigation {
		top: -60px;
		height: 60px;
	}
	#navigation h1 a {
		height: 100%;
		display: flex;
		align-items: center;
	}
	#navigation h1 img {
		height: 40px;
	}
	#nav-content {
		position: fixed;
		z-index: 900;
		top: -120%;
		left: 0;
		width: 100%;
		height: 100vh;
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20523.52%20543.22%22%20style%3D%22enable-background%3Anew%200%200%20523.52%20543.22%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23D3E496%3B%7D%20.st1%7Bfill%3A%2300933E%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M306.38%2C484.23c0%2C0-8.6%2C40.09-44.91%2C41.83c0.03%2C0%2C0.07%2C0%2C0.1%2C0c5.92-0.07%2C11.83-0.06%2C17.75-0.01%20c7.7%2C0.07%2C15.42-0.3%2C23.01-1.59c36.3-6.15%2C49.01-22.89%2C52.58-34.36c1.15-3.71%2C1.74-11.85%2C1.74-11.85l0%2C0%20C353.98%2C508.33%2C306.38%2C484.23%2C306.38%2C484.23z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C0v531.6c52.46%2C0%2C89.13%2C13.25%2C141.67%2C11.45c0%2C0%2C15.37-27.31%2C20.44-121.43l0%2C0l4.47%2C118.25%20c31.84-10.71%2C63.44-13.42%2C94.99-13.8c-0.03%2C0-0.07%2C0-0.1%2C0c36.31-1.74%2C44.91-41.83%2C44.91-41.83s47.61%2C24.1%2C50.26-5.97l4.19-56.64%20l12.58%2C109.94c52.17-1.76%2C97.48-19.65%2C150.12%2C0.04V0H0z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		color: #fff;
		-moz-transition: all 0.6s ease-in-out;
		-o-transition: all 0.6s ease-in-out;
		-webkit-transition: all 0.6s ease-in-out;
		-ms-transition: all 0.6s ease-in-out;
		transition: all 0.6s ease-in-out;
	}
	#nav-content nav {
		padding-top: 12vw;
	}
	#nav-content .nav a {
		font-size: 0.7em;
		line-height: 4;
		padding: .5vw 0 2vw 0;
	}
	#nav-content .navsns {
		padding: 12vw 0 0 0;
		width: 50%;
	}
	#toggle {
		top: 15%;
		right: 2%;
	}
	#toggle-box:after {
		background-size: auto 100%;
		height: 40px;
	}
	.is-open #toggle-box:after {
		background-size: auto 100%;
		height: 40px;
	}
}
@media only screen and (max-width:480px) {
	#nav-content .nav a {
		font-size: 4vw;
		line-height: 4;
		padding: .5vw 0 2vw 0;
	}
	#nav-content .navsns {
		padding: 12vw 0 0 0;
		width: 70%;
	}
}
/*-------------------
header
-------------------*/
.bgatch {
	width: 100%;
	height: 100%;
	position: sticky;
	margin-top: -30vw;
	padding-top:60vw;
	top: 0;
	left: 0;
	z-index: -1;
	background-image: url(../images/top/mainimg4_pc.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center bottom;
}
header {
	width: 100%;
	position: relative;
}
header .mainimg {
	position: relative;
	margin: 0 auto;
	padding: 0;
}
#ptop header .goodwill {
	background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%203000.26%201483.08%22%20style%3D%22enable-background%3Anew%200%200%203000.26%201483.08%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23D3E496%3B%7D%20.st1%7Bfill%3A%2300933E%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M1755.83%2C1145.04c0%2C0-49.28%2C229.75-257.38%2C239.73c0.2%2C0.01%2C0.37%2C0.01%2C0.57%2C0.03%20c33.91-0.41%2C67.81-0.35%2C101.7-0.03c44.13%2C0.41%2C88.35-1.72%2C131.86-9.09c208.05-35.22%2C280.88-131.2%2C301.33-196.94%20c6.62-21.26%2C9.95-67.93%2C9.95-67.93l0-0.01C2028.66%2C1283.15%2C1755.83%2C1145.04%2C1755.83%2C1145.04z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C0v1416.51c300.64%2C0%2C510.78%2C75.96%2C811.9%2C65.59c0%2C0%2C88.08-156.49%2C117.13-695.9l0-0.03l25.6%2C677.68%20c182.47-61.4%2C363.59-76.89%2C544.38-79.06c-0.2-0.01-0.38-0.02-0.57-0.03c208.1-9.99%2C257.38-239.73%2C257.38-239.73%20s272.82%2C138.1%2C288.03-34.23l24-324.62l72.07%2C630.07c298.97-10.09%2C558.68-112.61%2C860.33%2C0.26V0H0z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100% auto;
	position: relative;
	padding-top: calc(100% / 2);
}
#ptop header .goodwill .gwtl {
	max-width: 50px;
	width: 5%;
	height: auto;
	text-align: left;
	position: absolute;
	top: 3vw;
	left: 2em;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#ptop header .goodwill .gwlogo {
	width: 20%;
	margin: 0 auto;
	position: absolute;
	top: 20%;
	left: 0;
	right: 0;
	animation: fadeIn 2s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeIn 2s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#toggle2 {
	position: absolute;
	top: 2%;
	right: 2%;
	cursor: pointer;
	width: 50px;
	height: 50px;
	animation: fadeInLeft 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInLeft 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#toggle2-box {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	position: relative;
}
#toggle2-box:after {
	content: '';
	background: url(../images/toggle_on.svg) no-repeat center center;
	background-size: 100% auto;
	width: 100%;
	height: 50px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#toggle2-box:hover {
	opacity: .7;
}
.is-open #toggle2 {
	top: 2%;
	right: 2%;
}
.is-open #toggle2-box {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	position: relative;
	z-index: 999;
}
.is-open #toggle2-box:after {
	content: '';
	background: url(../images/toggle_off.svg) no-repeat center center;
	background-size: 100% auto;
	width: 100%;
	height: 60px;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}
#toggle2-box:hover {
	opacity: .7;
}
@media only screen and (min-width:1500px) {

	#ptop header .goodwill {
		padding-top: calc(100% / 2);
	}
	#ptop header .goodwill .gwtl {
		max-width: 60px;
		width: 10%;
		height: auto;
		text-align: left;
		position: absolute;
		top: 2em;
		left: 2em;
	}
}

@media only screen and (max-width:640px) {
	.bgatch {
		width: 100%;
		height: 100%;
		padding-top:160vw;
		position: sticky;
		margin-top: -30vw;
		top: 0;
		left: 0;
		z-index: -1;
		background-image: url(../images/top/mainimg4_sp.jpg);
		background-size: cover;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	#ptop header .goodwill {
		background-image: url('data:image/svg+xml;charset=utf8,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22utf-8%22%3F%3E%3Csvg%20version%3D%221.1%22%20id%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20523.52%20543.22%22%20style%3D%22enable-background%3Anew%200%200%20523.52%20543.22%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cstyle%20type%3D%22text%2Fcss%22%3E%20.st0%7Bfill%3A%23D3E496%3B%7D%20.st1%7Bfill%3A%2300933E%3B%7D%3C%2Fstyle%3E%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cg%3E%20%3Cpath%20class%3D%22st0%22%20d%3D%22M306.38%2C484.23c0%2C0-8.6%2C40.09-44.91%2C41.83c0.03%2C0%2C0.07%2C0%2C0.1%2C0c5.92-0.07%2C11.83-0.06%2C17.75-0.01%20c7.7%2C0.07%2C15.42-0.3%2C23.01-1.59c36.3-6.15%2C49.01-22.89%2C52.58-34.36c1.15-3.71%2C1.74-11.85%2C1.74-11.85l0%2C0%20C353.98%2C508.33%2C306.38%2C484.23%2C306.38%2C484.23z%22%2F%3E%20%3C%2Fg%3E%20%3C%2Fg%3E%20%3Cpath%20class%3D%22st1%22%20d%3D%22M0%2C0v531.6c52.46%2C0%2C89.13%2C13.25%2C141.67%2C11.45c0%2C0%2C15.37-27.31%2C20.44-121.43l0%2C0l4.47%2C118.25%20c31.84-10.71%2C63.44-13.42%2C94.99-13.8c-0.03%2C0-0.07%2C0-0.1%2C0c36.31-1.74%2C44.91-41.83%2C44.91-41.83s47.61%2C24.1%2C50.26-5.97l4.19-56.64%20l12.58%2C109.94c52.17-1.76%2C97.48-19.65%2C150.12%2C0.04V0H0z%22%2F%3E%20%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E');
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 100% auto;
		position: relative;
		padding-top: calc(100% / .9);
	}
	#ptop header .goodwill .gwtl {
		max-width: auto;
		width: 7%;
		height: auto;
		text-align: left;
		position: absolute;
		top: 5vw;
		left: 5%;
	}
	#ptop header .goodwill .gwlogo {
		width: 45%;
		margin: 0 auto;
		position: absolute;
		top: 28%;
		left: 0;
		right: 0;
	}
	#toggle2 {
		top: 2%;
		right: 2%;
		width: 40px;
		height: 40px;
	}
	#toggle2-box:after {
		background-size: auto 100%;
		height: 40px;
	}
	.is-open #toggle2 {
		top: 0;
		right: 2%;
	}
}





/*pmovie
--------------*/
#pmovie {
	background:#FFFFFF;
	padding:5vw 0;
}

#pmovie .ymv{
	width:80%;
	max-width:700px;
	margin:0 auto;
}

#pmovie .ymv button{
	display: block;
	border:none;
	cursor: pointer;
	background-color:#FFFFFF;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity:1;
}

#pmovie .ymv button:hover{
	opacity:.7;
}

@media only screen and (min-width:1500px) {
	#pmovie {
		padding:2em 0;
	}
}
@media only screen and (max-width:640px) {

}

/*pabout
--------------*/
#pabout header .mainimg {
	background: url(../images/top/mainimg_pc.jpg) no-repeat center bottom;
	background-size: 100% auto;
	padding-top: 8vw;
	padding-bottom: calc(100% / 2.2);
	position: relative;
}
#pabout header .mainimg .about-h-cp {
	width: 60%;
	max-width: 700px;
	margin: 0 auto;
	display: flex;
	flex-direction: row-reverse;
	justify-content: center;
}
#pabout header .mainimg .about-h-cp dt {
	width: 10%;
	max-width: 60px;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#pabout header .mainimg .about-h-cp dd {
	width: 25%;
	max-width: 200px;
	margin-right: 2em;
	animation: fadeInTop 1s;
	animation-delay: 1.1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1.1s;
	-webkit-animation-fill-mode: backwards;
}
#pabout header .mainimg .mnicp > div {
	padding: 0.1em 1em;
}
#pabout header .mainimg .mnicp > div.fcp {
	animation: fadeInLeft 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInLeft 1s;
	-webkit-animation-fill-mode: backwards;
	animation-delay: 1.5s;
	-webkit-animation-delay: 1.5s;
}
@media only screen and (min-width:1500px) {}
@media only screen and (max-width:640px) {
	#pabout header .mainimg {
		background: url(../images/about/mainimg_sp.jpg) no-repeat center bottom;
		background-size: 100% auto;
		padding-top: 15vw;
		padding-bottom: calc(100% / 2.5);
	}
	#pabout header .mainimg .about-h-cp {
		width: 70%;
		max-width: 700px;
	}
	#pabout header .mainimg .about-h-cp dt {
		width: 15%;
		max-width: auto;
	}
	#pabout header .mainimg .about-h-cp dd {
		width: 40%;
		max-width: auto;
		margin-right: 10vw;
	}
}
/*pproduct
--------------*/
#pproduct header .mainimg {
	background: url(../images/product/mainimg_pc.jpg) no-repeat center -12vw;
	background-size: 100% auto;
	padding-top: 6vw;
	padding-bottom: 3vw;
	position: relative;
}
#pproduct header .mainimg .h-cp {
	display: flex;
	justify-content: center;
	padding-right: 24vw;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct header .mainimg .h-cp img {
	width: 25%;
	max-width: 150px;
}
#pproduct header .mainimg .pr-h-cp {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	padding-top: 8vw;
}
#pproduct header .mainimg .pr-h-cp dt {
	width: 50%;
	margin: 0 auto;
	padding-bottom: 1em;
	animation: fadeInBottom 1s;
	animation-delay: 2s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom 1s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct header .mainimg .pr-h-cp dd {
	width: 70%;
	margin: 0 auto;
	animation: fadeInBottom 1s;
	animation-delay: 2.1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom 1s;
	-webkit-animation-delay: 2.1s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct header .mainimg .pr-h-cp .atten {
	font-size: 0.5em;
	animation: fadeInBottom .8s;
	animation-delay: 2.3s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom .8s;
	-webkit-animation-delay: 2.3s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct .bypr-bt {
	text-align: center;
	padding-top: 1em;
}
#pproduct .bypr-bt a {
	width: 600px;
	margin: 0 auto;
	background: #cf001b;
	color: #FFFFFF;
	position: relative;
	height: 50px;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 500;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pproduct .bypr-bt a:after {
	content: '';
	background: url(../images/bybt-arrow.png) no-repeat center center;
	background-size: 100% auto;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 0.3vw;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: middle;
}
#pproduct .bypr-bt a:hover {
	background: #000000;
	color: #FFFFFF;
}
#pproduct .bypr-bt a:hover:after {
	content: '';
	background: url(../images/bt_arrow_ov.png) no-repeat center center;
	background-size: 100% auto;
}
@media only screen and (min-width:1700px) {
	#pproduct header .mainimg .pr-h-cp {
		width: 70%;
		margin: 0 auto;
		text-align: center;
		padding-top: 6em;
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#pproduct header .mainimg .pr-h-cp dt {
		width: 43%;
		margin: 0 auto;
		padding-bottom: 1em;
		padding-right: 2%;
	}
	#pproduct header .mainimg .pr-h-cp dd {
		width: 55%;
		margin: 0 auto;
	}
	#pproduct header .mainimg .pr-h-cp .atten {
		width: 100%;
		font-size: 0.5em;
	}
}
@media only screen and (max-width:1600px) {
	#pproduct header .mainimg {
		background: url(../images/product/mainimg_pc.jpg) no-repeat center -200px;
		background-size: 1550px auto;
		padding-top: 100px;
		padding-bottom: 3vw;
		position: relative;
	}
	#pproduct header .mainimg .h-cp {
		padding-right: 350px;
	}
	#pproduct header .mainimg .h-cp img {
		width: 140px;
		max-width: 100%;
	}
	#pproduct header .mainimg .pr-h-cp {
		padding-top: 130px;
		width: 800px;
	}
}
@media only screen and (max-width:800px) {
	#pproduct header .mainimg .pr-h-cp {
		padding-top: 130px;
		width: 650px;
	}
}
@media only screen and (max-width:640px) {
	#pproduct header .mainimg {
		background: url(../images/product/mainimg_sp.jpg) no-repeat center top;
		background-size: 100% auto;
		padding-top: 8vw;
		padding-bottom: 0;
		position: relative;
	}
	#pproduct header .mainimg .h-cp {
		padding: 0 2% 0 7%;
		display: block;
	}
	#pproduct header .mainimg .h-cp img {
		width: 28%;
		max-width: 100%;
	}
	#pproduct header .mainimg .pr-h-cp {
		padding-top: 23vw;
		width: 90%;
	}
	#pproduct header .mainimg .pr-h-cp dt {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 1em;
	}
	#pproduct header .mainimg .pr-h-cp dd {
		width: 100%;
		margin: 0 auto;
	}
	#pproduct header .mainimg .pr-h-cp .atten {
		font-size: 2.5vw;
	}
	#pproduct .bypr-bt {
		text-align: center;
		padding-top: 1em;
	}
	#pproduct .bypr-bt a {
		width: 100%;
		font-size: 3vw;
	}
}
@media only screen and (max-width:480px) {
	#pproduct .bypr-bt a {
		height: 40px;
		font-size: 3vw;
	}
}
/*pproduct02
--------------*/
#pproduct02 header .mainimg {
	/*background: url(../images/product02/mainimg_pc.jpg) no-repeat center top;
  background-size: 100% auto;*/
	background-image: url("../images/product02/mainimg_04_pc.jpg"), url("../images/product02/mainimg_pc.jpg");
	background-position: top center, top center;
	background-size: 100% auto, 100% auto;
	background-repeat: no-repeat, no-repeat;
	
	padding-top: 5vw;
	padding-bottom: 3vw;
	position: relative;
}
#pproduct02 header .mainimg .h-cp {
	text-align: center;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct02 header .mainimg .h-mk {
	position: absolute;
	/*  top:30em;
  left:50%;*/
	top: 13em;
	left: 66%;
	
	top: 7em;
    left: 59%;
	
	width: 100%;
	padding: 0 0 0 180px;
	margin: 0 auto;
	max-width: 350px;
}
#pproduct02 header .mainimg .pr-h-cp {
	width: 60%;
	margin: 0 auto;
	text-align: center;
	padding-top: 50vw;
}
#pproduct02 header .mainimg .pr-h-cp dt {
	width: 50%;
	margin: 0 auto;
	padding-bottom: 1em;
	animation: fadeInBottom 1s;
	animation-delay: 2s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom 1s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct02 header .mainimg .pr-h-cp dd {
	width: 70%;
	margin: 0 auto;
	animation: fadeInBottom 1s;
	animation-delay: 2.1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom 1s;
	-webkit-animation-delay: 2.1s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct02 header .mainimg .pr-h-cp .atten {
	font-size: 0.5em;
	animation: fadeInBottom .8s;
	animation-delay: 2.3s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom .8s;
	-webkit-animation-delay: 2.3s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct02 .bypr-bt {
	text-align: center;
	padding-top: 1em;
}
#pproduct02 .bypr-bt a {
	width: 600px;
	margin: 0 auto;
	background: #241e5c;
	color: #FFFFFF;
	position: relative;
	height: 50px;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 500;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pproduct02 .bypr-bt a:after {
	content: '';
	background: url(../images/bybt-arrow.png) no-repeat center center;
	background-size: 100% auto;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 0.3vw;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: middle;
}
#pproduct02 .bypr-bt a:hover {
	background: #000000;
	color: #FFFFFF;
}
@media only screen and (min-width:2501px) {
	#pproduct02 header .mainimg .h-mk {
		top: 10vw;
		right: -30%;
		left: 55%;
		width: 20%;
		padding: 0;
		max-width: 350px;
	}
}
@media only screen and (min-width:1700px) and (max-width:2500px) {
	#pproduct02 header .mainimg .h-mk {
		top: 10vw;
		right: -40%;
		left: 15%;
		width: 13%;
		padding: 0;
		max-width: 350px;
	}
}
@media only screen and (min-width:1700px) {
	#pproduct02 header .mainimg .pr-h-cp {
		width: 70%;
		margin: 0 auto;
		text-align: center;
		padding-top: calc(100% / 2);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#pproduct02 header .mainimg .pr-h-cp dt {
		width: 43%;
		margin: 0 auto;
		padding-bottom: 1em;
		padding-right: 2%;
	}
	#pproduct02 header .mainimg .pr-h-cp dd {
		width: 55%;
		margin: 0 auto;
	}
	#pproduct02 header .mainimg .pr-h-cp .atten {
		width: 100%;
		font-size: 0.5em;
	}
}
/*@media only screen and (max-width:1600px) {*/
@media only screen and (max-width:1200px) {
	#pproduct02 header .mainimg {
		/*background: url(../images/product02/mainimg_pc.jpg) no-repeat center top;
    	background-size: 1550px auto;*/
		padding-top: 60px;
		padding-bottom: 3vw;
		position: relative;
		
		background-image: url("../images/product02/mainimg_04_sp.jpg"), url("../images/product02/mainimg_sp.jpg");
		background-position: top center, top center;
		background-size: 100% auto, 100% auto;
		background-repeat: no-repeat, no-repeat;
	}
	#pproduct02 header .mainimg .pr-h-cp {
		padding-top: 760px;
		width: 800px;
	}
}
@media only screen and (max-width:800px) {
	#pproduct02 header .mainimg .pr-h-cp {
		width: 650px;
	}
	#pproduct02 header .mainimg .h-mk {
		position: absolute;
		top: 30em;
		left: 50%;
		width: 100%;
		padding: 0 0 0 160px;
		margin: 0 auto;
		max-width: 320px;
	}
}
@media only screen and (max-width:640px) {
	#pproduct02 header .mainimg {
		/*background: url(../images/product02/mainimg_sp.jpg) no-repeat center top;
		background-size: 100% auto;*/
		
		background:url("../images/product02/mainimg_04_sp.jpg"), url(../images/product02/mainimg_sp.jpg);
		background-size: 100% auto, 100% auto;
		background-position: top center, top center;
		background-repeat: no-repeat, no-repeat;
		
		
		padding-top: 8vw;
		padding-bottom: 0;
		position: relative;
	}
	#pproduct02 header .mainimg .h-cp {
		width: 75%;
		margin: 0 auto;
	}
	#pproduct02 header .mainimg .h-cp img {
		width: 100%;
		max-width: 100%;
	}
	#pproduct02 header .mainimg .h-mk {
		position: absolute;
		top: 100vw;
		left: 50%;
		width: 40%;
		padding: 0 0 0 15vw;
		margin: 0 auto;
		max-width: 350px;
	}
	#pproduct02 header .mainimg .pr-h-cp {
		padding-top: 106vw;
		width: 90%;
	}
	#pproduct02 header .mainimg .pr-h-cp dt {
		width: 80%;
		margin: 0 auto;
		padding-bottom: 2vw;
	}
	#pproduct02 header .mainimg .pr-h-cp dd {
		width: 100%;
		margin: 0 auto;
	}
	#pproduct02 header .mainimg .pr-h-cp .atten {
		font-size: 2.5vw;
	}
	#pproduct02 .bypr-bt {
		text-align: center;
		padding-top: 1em;
	}
	#pproduct02 .bypr-bt a {
		width: 100%;
		font-size: 3vw;
	}
}
@media only screen and (max-width:480px) {
	#pproduct02 .bypr-bt a {
		height: 40px;
		font-size: 3vw;
	}
}

/*pproduct03
--------------*/
#pproduct03 header .mainimg {

	background-image: url("../images/product03/mainimg_pc.jpg");
	background-position: top center;
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding:3vw 0 0 0;
	position: relative;
}
#pproduct03 header .mainimg .h-cp {
	text-align:center;
	width:50%;
	padding-left:35%;
	margin:0 auto;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct03 header .mainimg .h-lg {
	text-align: center;
	width:48%;
	padding-right:40%;
	margin:0 auto;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
	position:absolute;
	top:10vw;
	left:0;
	right:0;
}

#pproduct03 header .mainimg .h-cp img,#pproduct03 header .mainimg .h-lg img{
	width:100%;
}

#pproduct03 header .mainimg .h-mk {
	position: absolute;
	/*  top:30em;
  left:50%;*/
	top: 13em;
	left: 66%;
	
	top: 7em;
    left: 59%;
	
	width: 100%;
	padding: 0 0 0 180px;
	margin: 0 auto;
	max-width: 350px;
}
#pproduct03 header .mainimg .pr-h-cp {
	width: 90%;
	max-width:800px;
	margin: 0 auto;
	text-align: center;
	padding-top: 20vw;
}
#pproduct03 header .mainimg .pr-h-cp dt {
	width: 70%;
	margin: 0 auto;
	padding-bottom: 1em;
	animation: fadeInBottom 1s;
	animation-delay: 2s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom 1s;
	-webkit-animation-delay: 2s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct03 header .mainimg .pr-h-cp dd {
	width:90%;
	margin:0 0 0 auto;
	animation: fadeInBottom 1s;
	animation-delay: 2.1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom 1s;
	-webkit-animation-delay: 2.1s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct03 header .mainimg .pr-h-cp .atten {
	font-size:clamp(0.5rem, 1.5vw, 1rem);
	animation: fadeInBottom .8s;
	animation-delay: 2.3s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInBottom .8s;
	-webkit-animation-delay: 2.3s;
	-webkit-animation-fill-mode: backwards;
}
#pproduct03 .bypr-bt {
	text-align: center;
	padding-top: 1em;
}
#pproduct03 .bypr-bt a {
	width: 600px;
	margin: 0 auto;
	background: #00933E;
	color: #FFFFFF;
	position: relative;
	height: 50px;
	display: inline-block;
	font-size: 0.8em;
	font-weight: 500;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
}
#pproduct03 .bypr-bt a:after {
	content: '';
	background: url(../images/bybt-arrow.png) no-repeat center center;
	background-size: 100% auto;
	display: inline-block;
	width: 20px;
	height: 20px;
	margin-left: 0.3vw;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	vertical-align: middle;
}
#pproduct03 .bypr-bt a:hover {
	background: #000000;
	color: #FFFFFF;
}
@media only screen and (min-width:2501px) {
	#pproduct03 header .mainimg .h-mk {
		top: 10vw;
		right: -30%;
		left: 55%;
		width: 20%;
		padding: 0;
		max-width: 350px;
	}
}
@media only screen and (min-width:1700px) and (max-width:2500px) {
	#pproduct03 header .mainimg .h-mk {
		top: 10vw;
		right: -40%;
		left: 15%;
		width: 13%;
		padding: 0;
		max-width: 350px;
	}
}
@media only screen and (min-width:1700px) {
	#pproduct03 header .mainimg .pr-h-cp {
		max-width: 1200px;
		margin: 0 auto;
		text-align: center;
		padding-top: calc(100% / 5);
		display: flex;
		flex-wrap: wrap;
		align-items: center;
	}
	#pproduct03 header .mainimg .pr-h-cp dt {
		width: 43%;
		margin: 0 auto;
		padding-bottom: 1em;
		padding-right: 2%;
	}
	#pproduct03 header .mainimg .pr-h-cp dd {
		width: 55%;
		margin: 0 auto;
	}
	#pproduct03 header .mainimg .pr-h-cp .atten {
		width: 100%;
		font-size: 0.5em;
	}
}


/*@media only screen and (max-width:1600px) {*/
@media only screen and (max-width:1200px) {


}
@media only screen and (max-width:800px) {

	#pproduct03 header .mainimg .h-mk {
		position: absolute;
		top: 30em;
		left: 50%;
		width: 100%;
		padding: 0 0 0 160px;
		margin: 0 auto;
		max-width: 320px;
	}
}
@media only screen and (max-width:640px) {
	#pproduct03 header .mainimg {
		
		background-image: url("../images/product03/mainimg_sp.jpg");
		background-position: top center;
		background-size: 100% auto;
		background-repeat: no-repeat;
		padding:8vw 0 0 0;
		position: relative;
	}

	#pproduct03 header .mainimg .h-cp {
		text-align:center;
		width:80%;
		padding-left:57%;
		margin:0 auto;
	}
	#pproduct03 header .mainimg .h-lg {
		text-align: center;
		width:77%;
		padding-right:65%;
		margin:0 auto;
		position:absolute;
		top:20vw;
		left:0;
		right:0;
	}

	#pproduct03 header .mainimg .h-mk {
		position: absolute;
		top: 100vw;
		left: 50%;
		width: 40%;
		padding: 0 0 0 15vw;
		margin: 0 auto;
		max-width: 350px;
	}
	#pproduct03 header .mainimg .pr-h-cp {
		padding-top: 42vw;
		width: 90%;
	}

	
	#pproduct03 .bypr-bt {
		text-align: center;
		padding-top: 1em;
	}
	#pproduct03 .bypr-bt a {
		width: 100%;
		font-size: 3vw;
	}
}
@media only screen and (max-width:480px) {
	#pproduct03 .bypr-bt a {
		height: 40px;
		font-size: 3vw;
	}
}


/*pnews
--------------*/
#pnews header .mainimg {
	height: 100px;
	background: rgba(0, 147, 62, 1);
	transition: .5s;
}
#pnews header .mainimg h1 {
	padding: 0 0 0 5%;
	animation: fadeInTop 1s;
	animation-delay: 1s;
	animation-fill-mode: backwards;
	-webkit-animation: fadeInTop 1s;
	-webkit-animation-delay: 1s;
	-webkit-animation-fill-mode: backwards;
	display: flex;
	align-items: center;
	height: 100%;
}
#pnews header .mainimg h1 a {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
	display: inline-block;
}
#pnews header .mainimg h1 a:hover {
	opacity: .7;
}
#pnews header .mainimg h1 img {
	vertical-align: middle;
	height: 60px;
	width: auto;
}
#pnews header .mainimg #toggle2 {
	top: 20%;
}
@media only screen and (max-width:640px) {
	#pnews header .mainimg {
		height: 60px;
	}
	#pnews header .mainimg h1 a {
		height: 100%;
		display: flex;
		align-items: center;
	}
	#pnews header .mainimg h1 img {
		height: 40px;
	}
}
/*-------------------
animation
-------------------*/
@-webkit-keyframes wrapload {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		opacity: .2;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}
@keyframes wrapload {
	0% {
		opacity: 0;
	}
	40% {
		opacity: 1;
	}
	80% {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	100% {
		opacity: .2;
		-webkit-transform: translate3d(0, -50%, 0);
		transform: translate3d(0, -50%, 0);
	}
}
@-webkit-keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@keyframes fadeIn {
	from {
		opacity: 0;
	}
	to {
		opacity: 1;
	}
}
@-webkit-keyframes fadeOutLeft {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@keyframes fadeOutLeft {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(-100%, 0, 0);
		transform: translate3d(-100%, 0, 0);
	}
}
@-webkit-keyframes fadeOutRight {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
@keyframes fadeOutRight {
	from {
		opacity: 1;
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(100%, 0, 0);
		transform: translate3d(100%, 0, 0);
	}
}
@-webkit-keyframes fadeOutTop {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
}
@keyframes fadeOutTop {
	from {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
	to {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
}
@-webkit-keyframes fadeInTop {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInTop {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInLeft {
	from {
		opacity: 0;
		-webkit-transform: translate3d(10%, 0, 0);
		transform: translate3d(10%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInRight {
	from {
		opacity: 0;
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@-webkit-keyframes fadeInBottom {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
@keyframes fadeInBottom {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 10%, 0);
		transform: translate3d(0, 10%, 0);
	}
	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}
/*-------------------
common
-------------------*/
.secin {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	position: relative;
}
.lineup-p-bt.bd a {
	border: 1px solid #b2b0b0;
}
.lineup-p-bt a {
	position: relative;
	padding: 0.3em 4em 0.3em 2em;
	border-radius: 30px;
	background: #FFFFFF;
	display: inline-block;
	color: #000000;
	font-size: clamp(0.8rem, 1.4vw, 1.1rem);
	font-weight: 500;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.lineup-p-bt a:after {
	content: '';
	background-image: url('../images/bt_arrow.png');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 50%;
	right: 1.5em;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
.lineup-p-bt a:hover {
	background: #000000;
	color: #FFFFFF;
}
.lineup-p-bt a:hover:after {
	content: '';
	background-image: url('../images/bt_arrow_ov.svg');
	background-position: center top;
	background-repeat: no-repeat;
	background-size: 100% auto;
	display: block;
	width: 30px;
	height: 30px;
	right: 1.2em;
	transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
}
@media only screen and (min-width:1500px) {
	.secin {
		padding-bottom: 3em;
	}
}
@media only screen and (max-width:640px) {
	.secin {
		width: 80%;
		margin: 0 auto;
		position: relative;
	}
	.lineup-p-bt a {
		font-size: 4vw;
	}
	.lineup-p-bt a:after {
		width: 7vw;
		height: 7vw;
	}
}
/*-------------------
tabout
-------------------*/
#tabout {
	text-align: center;
	padding: 8vw 0 0 0;
	position: relative;
	background:#FFFFFF;
}
#tabout .secin {
	margin: 0 auto;
	position: relative;
}
#tabout .inner {
	display: flex;
	padding-bottom: calc(100% / 1.5);
}
#tabout h2 {
	max-width: 60px;
	width: 10%;
}
#tabout .hintro-cp {
	width: 60%;
	max-width: 400px;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translate(-50%, 0);
	-webkit-transform: translate(-50%, 0);
	-ms-transform: translate(-50%, 0);
	display: flex;
	align-items: flex-end;
	justify-content: center;
	flex-direction: row-reverse;
}
#tabout .hintro-cp p {
	width: 77%;
	max-width: 200px;
	padding: 10vw 0 0 0;
	margin: 0 auto 0 0;
	text-align: center;
	margin-right: 2em;
}
#tabout .hintro-cp .ve-bt {
	max-width: 25px;
	width: 13%;
	margin-right: 2em;
	height: auto;
}
#tabout .hintro-cp .ve-bt img {
	width: 100%;
	height: auto;
}
#tabout .htro-package {
	max-width: 484px;
	width: 40%;
	position: absolute;
	top: -10%;
	right: 0;
}
#tabout .taft {
	position: absolute;
	right: 0;
	bottom: -5vw;
	z-index: 5;
}
#tabout .atten {
	font-size: 0.5em;
	text-align: right;
	padding-bottom: 1em;
}
@media only screen and (min-width:1500px) {
	#tabout .secin {
		margin: 0 auto;
		position: relative;
	}
	#tabout .inner {
		display: flex;
		padding-bottom: calc(100% / 1.7);
	}
	#tabout .taft {
		position: absolute;
		right: 0;
		bottom: -5vw;
		z-index: 5;
	}
}
@media only screen and (max-width:1300px) {
	#tabout .inner {
		padding-bottom: calc(100% / 1.2);
	}
}
@media only screen and (max-width:1000px) {
	#tabout .inner {
		padding-bottom: calc(100% / .9);
	}
}
@media only screen and (max-width:640px) {
	#tabout .secin {
		margin: 0 auto;
		position: relative;
	}
	#tabout .inner {
		padding-bottom: calc(100% / .8);
	}
	#tabout h2 {
		max-width: auto;
		width: 14%;
	}
	#tabout .hintro-cp {
		width: 85%;
		max-width: auto;
		position: absolute;
		top: 15vw;
		left: 50%;
		transform: translate(-40%, 0);
		-webkit-transform: translate(-40%, 0);
		-ms-transform: translate(-40%, 0);
		display: flex;
		align-items: flex-end;
		justify-content: center;
		flex-direction: row-reverse;
	}
	#tabout .hintro-cp .ve-bt {
		max-width: auto;
		width: 11%;
		margin-right: 5vw;
		height: auto;
	}
	#tabout .htro-package {
		max-width: auto;
		width: 63%;
		position: absolute;
		top: -10vw;
		right: 5%;
	}
	#tabout .taft {
		position: absolute;
		right: -12%;
		bottom: -17vw;
		z-index: 5;
	}
	#tabout .atten {
		font-size: 2.5vw;
		text-align: right;
		padding-bottom: 1em;
		padding-right: 1em;
	}
}
@media only screen and (max-width:480px) {
	#tabout .secin {
		margin: 0 auto;
		position: relative;
	}
	#tabout .inner {
		padding-bottom: calc(100% / .7);
	}
}
/*-------------------
tlineup
-------------------*/
#tlineup {
	text-align: center;
	padding: 8vw 0 15vw 0;
	position: relative;
	background: #f0f0ef;
}
#tlineup h2 {
	position: absolute;
	top: 0;
	left: 0;
	max-width: 60px;
	width: 10%;
}
#tlineup .inner {
	width: 60%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
#tlineup .lnup-package {
	max-width: 400px;
	width: 60%;
	padding-top: 20vw;
}

#tlineup .pr03 .lnup-package {
	max-width: 300px;
	width: 50%;
	padding-top: 20vw;
}
#tlineup .lnup-cp {
	max-width: 200px;
	width: 35%;
	padding-top: 8vw;
}
#tlineup .lineup-pr dt {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 1.2em;
	line-height: 1.4;
}
#tlineup .lineup-pr .lineup-p-bt {
	padding: 1em 0;
}
#tlineup .atten {
	font-size: 0.5em;
}

@media only screen and (min-width:1500px) {
	#tlineup {
		padding: 5em 0 5em 0;
	}
	#tlineup .lnup-package {
		padding-top: 3em;
		margin-left: 10px;
	}
	#tlineup .lnup-cp {
		padding-top: 3em;
	}
	
}
@media only screen and (max-width:900px) {
	#tlineup .inner {
		width: 80%;
	}

}
@media only screen and (max-width:640px) {
	#tlineup {
		padding: 20vw 0 35vw 0;
	}
	#tlineup .inner {
		display: block;
		position: relative;
	}
	#tlineup h2 {
		max-width: auto;
		width: 14%;
	}

	#tlineup .lnup-cp {
		max-width: auto;
		width: 35%;
		padding-top: 0;
		position: absolute;
		top: 8vw;
		right: 0;
	}
	#tlineup .lnup-package {
		max-width: auto;
		width: 70%;
		margin: 0 0 0 15%;
	}
	#tlineup .pr02 .lnup-package {
		max-width: auto;
		width: 70%;
		padding-top: 32vw;
		margin: 0 0 0 10%;
	}

	#tlineup .pr01 .lnup-package {
		max-width: auto;
		width: 70%;
		padding-top: 20vw;
		margin: 0 0 0 5%;
	}
	#tlineup .lineup-pr dt {
		font-size: 4vw;
		line-height: 1.4;
	}
	#tlineup .atten {
		font-size: 2.5vw;
	}
	
}
/*-------------------
tnews
-------------------*/
#tnews {
	text-align: center;
	padding: 13em 0 3em 0;
	position: relative;
	background: #FFFFFF;
}
#tnews .inner {
	display: flex;
	justify-content: space-between;
}
#tnews h2 {
	max-width: 60px;
	width: 10%;
}
#tnews .tnewsbl {
	width: 90%;
	padding-left: 10%;
	text-align: left;
}
#tnews .tnewsbl ul {
	position: relative;
	border-top: 1px solid #ede2c7;
	padding: 0 0 1em 0;
}
#tnews .tnewsbl ul:before {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-right: 2px dotted #b68a21;
	position: absolute;
	right: -5px;
	top: -2px;
}
#tnews .tnewsbl ul:after {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-left: 2px dotted #b68a21;
	position: absolute;
	left: -5px;
	top: -2px;
}
#tnews .tnewsbl ul li {
	position: relative;
	border-bottom: 1px solid #ede2c7;
	padding: 1em 0;
}
#tnews .tnewsbl ul li:before {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-right: 2px dotted #b68a21;
	position: absolute;
	right: -5px;
	bottom: -1px;
}
#tnews .tnewsbl ul li:after {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-left: 2px dotted #b68a21;
	position: absolute;
	left: -5px;
	bottom: -1px;
}
#tnews .tnewsbl ul li .tndate {
	font-size: 0.6em;
	color: #d2122b;
}
#tnews .tnewsbl ul li .tnctens {
	font-size: 0.7em;
}
#tnews .tnewsbl ul li .tnctens a { text-decoration: underline;}
#tnews .tnewsbl ul li .tnctens a:hover { text-decoration: none;}

#tnews .tlineft {
	position: absolute;
	left: 0;
	top: -19em;
	z-index: 5;
}

@media only screen and (min-width:1500px) {
	#tnews {
		padding: 13em 0 3em 0;
	}

	#tnews .tlineft {
		position: absolute;
		left: 0;
		top: -450px;
		z-index: 5;
	}
}
@media only screen and (max-width:1000px) {
	#tnews {
		padding: 15em 0 3em 0;
	}
}
@media only screen and (max-width:640px) {
	#tnews {
		padding: 60vw 0 20vw 0;
	}
	#tnews h2 {
		max-width: auto;
		width: 14%;
	}
	#tnews .tnewsbl {
		width: 90%;
		padding-left: 10%;
		text-align: left;
		padding-top: 20vw;
	}
	#tnews .tnewsbl ul li .tndate {
		font-size: 3vw;
	}
	#tnews .tnewsbl ul li .tnctens {
		font-size: 4vw;
	}
	#tnews .tnewsbl ul {
		padding: 0 0 3vw 0;
	}
	#tnews .tnewsbl ul li {
		padding: 3vw 0;
	}

	#tnews .tlineft {
		position: absolute;
		left: -13%;
		top: -80vw;
		z-index: 5;
	}
}
/*-------------------
about
-------------------*/
#about {
	text-align: center;
	padding: 0 0 8vw 0;
	position: relative;
	margin-top: -20vw;

}
#about h2 {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 1.2em;
	line-height: 1.4;
	border-bottom: 1px solid #e4969f;
	display: inline-block;
	position: relative;
	font-weight: normal;
}
#about h2:before {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-right: 2px dotted #cf001b;
	position: absolute;
	right: -5px;
	bottom: -1px;
}
#about h2:after {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-left: 2px dotted #cf001b;
	position: absolute;
	left: -5px;
	bottom: -1px;
}
#about h2 span {
	font-size: 80%;
}
#about .about-cmb {
	width: 70%;
	max-width: 800px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	padding: 3vw 0;
}
#about .about-list {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 0.7em;
	text-align: left;
}
#about .about-cmb .htro-package {
	max-width: 304px;
	width: 35%;
}
#about .about-int {
	width: 90%;
	margin: 0 auto;
	background: url(../images/about/img_bg_pc.jpg) no-repeat right top;
	background-size: 80% auto;
	padding: 3vw 0 calc(100% / 3) 0;
	position: relative;
}
#about .about-int .lead {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 0.8em;
	color: #FFFFFF;
}
#about .about-int h3 {
	max-width: 300px;
	width: 15%;
	margin: 0 auto;
	padding: 5vw 0 0 0;
}
#about .about-int .taft {
	position: absolute;
	bottom: -10vw;
	left: 15%;
}
#about .about-int .atten {
	font-size: 0.5em;
	text-align: right;
}
#about .lnup-w {
	display: flex;
	justify-content: space-evenly;
	align-items: flex-end;
	flex-wrap: wrap;
	width: 90%;
	margin: 15vw auto 0 auto;
	max-width: 1200px;
}

#about .lnup-w li{
	padding:0 1vw;
	width:calc(100% / 4);
}
#about .lnup-package {
	max-width: 400px;
	width: 60%;
	margin: 0 auto;
}
#about .lineup-pr dt {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size:clamp(1rem, 1.4vw, 1.2rem);
	line-height: 1.4;
}

#about .lineup-pr .lineup-p-bt {
	padding: 1em 0;
}
@media only screen and (min-width:1500px) {
	#about .about-cmb {
		max-width: 800px;
	}
	#about .about-cmb .htro-package {
		max-width: 304px;
		width: 35%;
	}
	#about .lnup-w {
		margin: 10em auto 0 auto;
	}
}
@media only screen and (max-width:1200px) {
	#about .about-cmb {
		width: 80%;
	}
	#about .about-int {
		padding: 3vw 0 calc(100% / 2.5) 0;
	}

	#about .lnup-w li{
		width:calc(100% / 3);
	}
}
@media only screen and (max-width:900px) {
	#about h2 {
		font-size: 3vw;
	}
	#about .about-list {
		font-size: 1.8vw;
	}
	#about .about-cmb .htro-package {
		max-width: auto;
		width: 30%;
	}
	#about .about-int {
		padding: 3vw 0 calc(100% / 2) 0;
	}
	#about .about-int .lead {
		font-size: 1.8vw;
	}
	#about .about-int .taft {
		position: absolute;
		bottom: -4vw;
		left: 15%;
		right: 30%;
	}
	#about .lnup-package {
		margin: 0 auto;
	}
	#about .lnup-w li{
		width:calc(100% / 2);
	}
}
@media only screen and (min-width:501px) and (max-width:640px){
	#about .about-cmb .htro-package {
		max-width: auto;
		width: 50%;
		position: absolute;
		top: calc(100vw / .8 * -1);
		right: 5vw;
	}
}

@media only screen and (max-width:640px) {
	#about {
		text-align: center;
		padding: 8vw 0 8vw 0;
		position: relative;
		margin-top: 0;
	}
	#about .about-cmb {
		width: 90%;
		max-width: 800px;
		margin: 0 auto;
		display: block;
		padding: 8vw 0;
		position: relative;
	}
	#about h2 {
		font-size: 4vw;
	}
	#about .about-list {
		font-size: 2.6vw;
	}
	#about .about-int {
		width: 100%;
		margin: 0 auto;
		background: url(../images/about/img_bg_sp.jpg) no-repeat right top;
		background-size: 100% auto;
		padding: 10vw 0 calc(100% / 1.5) 0;
		position: relative;
	}
	#about .about-int .lead {
		font-size: 3vw;
	}
	#about .about-int h3 {
		max-width: auto;
		width: 30%;
		padding: 8vw 0 0 0;
	}
	#about .about-int .taft {
		position: absolute;
		bottom: -25vw;
		left: -3%;
		right: 15%;
	}
	#about .about-int .atten {
		font-size: 2.5vw;
		text-align: right;
	}
	#about .lnup-w {
		display: block;
		width: 90%;
		margin: 25vw auto 0 auto;
	}
	#about .lnup-w li{
		width:calc(100% / 1);
	}
	#about .lnup-package {
		max-width: auto;
		width: 65%;
		padding-top: 5vw;
		margin: 0 auto;
	}

}
@media only screen and (max-width:500px) {
	#about .about-cmb .htro-package {
		max-width: auto;
		width: 50%;
		position: absolute;
		top: -330%;
		right: 5vw;
	}

}


/*-------------------
product
-------------------*/
#product {
	text-align: center;
	padding: 0;
	position: relative;
	margin-top: 15vw;
}
#product .pr-point {
	background: #f0f0ef url(../images/product/product_bg_pc.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-top: calc(100% / 2);
	position: relative;
}
#product h2 {
	width: 37%;
	max-width: 700px;
	margin: 0 auto;
	position: absolute;
	top: -10vw;
	left: 0;
	right: 0;
}
#product .pr-point .point01 {
	margin: -10vw auto 0 auto;
	width: 80%;
	max-width: 800px;
	padding-bottom: 5vw;
}
#product .pr-point .point01 .point-lead {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 1.2em;
}
#product .pr-point .point01 .point-tl {
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}
#product .pr-point .point01 .point-tl img {
	width: 100%;
}
#product .pr-point .point01 .point-sb {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #cf001b;
	line-height: 1.2;
	font-size: 1.8em;
	letter-spacing: -2px;
	padding-top: 0.3em;
}
#product .pr-point .point01 .point-sb span {
	font-size: 80%;
}
#product .pr-point .point01 .point-bg {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #cf001b;
	line-height: 1.2;
	font-size: 3.4em;
	letter-spacing: -10px;
	border-bottom: double 5px #cf001b;
	display: inline-block;
}
#product .pr-point .point02 {
	margin: 0 auto;
	width: 80%;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 5vw;
}
#product .pr-point .point02 img {
	width: 100%;
	height: auto;
}
#product .pr-point .point02 .point-left {
	width: 49%;
}
#product .pr-point .point02 .point-tl {
	width: 100%;
	margin: 0 auto;
}
#product .pr-point .point02 .point-img01 {
	width: 100%;
	margin: 0 auto;
	padding-top: 2vw;
}
#product .pr-point .point02 .point-img02 {
	width: 49%;
}
#product .pr-point .point02 .point-atten {
	width: 49%;
	text-align: left;
	font-size: 0.5em;
	padding-top: 1em;
}
#product .pr-point .point02 .point-atten li {
	text-indent: -1.5em;
	padding: 0.5em 0 0.5em 1.5em;
	line-height: 1.2;
}
#product .pr-point .point02 .point-dt {
	width: 49%;
	padding-top: 1em;
}
#product .pr-point .point02 .point-dt li {
	text-align: left;
	font-size: 0.7em;
	border-bottom: 1px solid #6d6b6a;
	padding: 0.5em;
}
#product .pr-point .point02 .point-dt li:first-child {
	border-top: 1px solid #6d6b6a;
}
#product .pr-point .point02 .point-dt li .detl-tl {
	font-weight: 500;
	position: relative;
	cursor: pointer;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#product .pr-point .point02 .point-dt li .detl-tl:hover {
	color: #666666;
}
#product .pr-point .point02 .point-dt li .detl-tl:after {
	content: '＋';
	position: absolute;
	top: 0;
	right: 0.5em;
}
#product .pr-point .point02 .point-dt li .detl-tl.open:after {
	content: 'ー';
	position: absolute;
	top: 0;
	right: 0.5em;
}
#product .pr-point .point02 .point-dt li .detl-ct {
	font-size: 90%;
}
#product .pr-list {
	padding: 5vw 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
#product .pr-list li.pr-list-li {
	width: 46%;
	margin: 2vw 2%;
}
#product .pr-list li.pr-list-li .lnup-package {
	width: 45%;
	max-width: 200px;
	margin: 0 auto;
}
#product .pr-list li.pr-list-li .lnup-package img {
	width: 100%;
}
#product .pr-list li.pr-list-li .pr-cat {
	margin-top: -2vw;
	font-size: 0.7em;
	font-weight: 500;
}
#product .pr-list li.pr-list-li .lineup-pr {
	font-size: 0.7em;
	line-height: 1.4;
}
#product .pr-list li.pr-list-li .lineup-pr dt {}
#product .pr-list li.pr-list-li .lineup-pr .pr-sub {
	font-size: 80%;
	font-weight: 300;
}
#product .pr-list li.pr-list-li .lineup-pr .pr-pri {
	line-height: 1.8;
}
#product .pr-list li.pr-list-li .pr-by-bt {
	max-width: 400px;
	margin: 1vw auto;
	display: flex;
	flex-wrap: wrap;
}
#product .pr-list li.pr-list-li .pr-by-bt li {
	width: 48%;
	margin: 0.3em 1%;
}
#product .pr-list li.pr-list-li .pr-by-bt li a {
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 20px;
	padding: 0.4em 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
#product .pr-list li.pr-list-li .pr-by-bt li a:hover {
	background: #FFFFFF;
	border: 1px solid #cf001b;
	opacity: .7;
}
@media only screen and (min-width:1700px) {
	#product .pr-list li.pr-list-li {
		width: calc(100% / 3.5);
		margin: 2vw 2%;
	}
	#product .secin {
		max-width: 1200px;
	}
}
@media only screen and (max-width:1200px) {
	#product h2 {
		width: 42%;
		max-width: auto;
		margin: 0 auto;
		position: absolute;
		top: -10vw;
		left: 0;
		right: 0;
	}
}
@media only screen and (max-width:900px) {
	#product .pr-point .point01 .point-sb {
		font-size: 4vw;
		padding-top: 1vw;
	}
	#product .pr-point .point01 .point-bg {
		font-size: 8vw;
		letter-spacing: -10px;
	}
	#product .pr-list li.pr-list-li .pr-cat {
		margin-top: -2vw;
		font-size: 0.6em;
		font-weight: 500;
	}
	#product .pr-list li.pr-list-li .lineup-pr {
		font-size: 0.6em;
		line-height: 1.4;
	}
	#product .secin {
		width: 85%;
	}
}
@media only screen and (max-width:800px) {
	#product .pr-point .point02 .point-dt li {
		font-size: 0.6em;
	}
}
@media only screen and (max-width:640px) {
	#product .pr-point {
		background: #f0f0ef url(../images/product/product_bg_sp.jpg) no-repeat center top;
		background-size: 100% auto;
		padding-top: calc(100% / 1.05);
		position: relative;
	}
	#product h2 {
		width: 52%;
		max-width: auto;
		margin: 0 auto;
		position: absolute;
		top: -7vw;
		left: 0;
		right: 0;
	}
	#product .pr-point .point01 {
		margin: 0 auto;
		width: 80%;
		max-width: auto;
		padding-bottom: 5vw;
	}
	#product .pr-point .point01 .point-lead {
		font-size: 5.2vw;
		letter-spacing: -1px;
	}
	#product .pr-point .point01 .point-tl {
		width: 100%;
		margin: 0 auto;
	}
	#product .pr-point .point01 .point-sb {
		color: #cf001b;
		line-height: 1.2;
		font-size: 6vw;
		letter-spacing: -2px;
		padding-top: 1vw;
	}
	#product .pr-point .point01 .point-sb span {
		font-size: 80%;
	}
	#product .pr-point .point01 .point-bg {
		line-height: 1.2;
		font-size: 11vw;
		letter-spacing: -5px;
	}
	#product .pr-point .point02 {
		margin: 0 auto;
		width: 80%;
		max-width: auto;
		display: block;
		padding-bottom: 15vw;
		padding-top: 5vw;
	}
	#product .pr-point .point02 .point-left {
		width: 100%;
	}
	#product .pr-point .point02 .point-img01 {
		padding: 0;
	}
	#product .pr-point .point02 .point-img02 {
		width: 100%;
	}
	#product .pr-point .point02 .point-atten {
		width: 100%;
		text-align: left;
		font-size: 2.5vw;
		padding-top: 2vw;
	}
	#product .pr-point .point02 .point-dt {
		width: 100%;
		padding-top: 15vw;
	}
	#product .pr-point .point02 .point-dt li {
		text-align: left;
		font-size: 3vw;
		border-bottom: 0.5px solid #6d6b6a;
		padding: 0.5em;
	}
	#product .pr-point .point02 .point-dt li:first-child {
		border-top: 0.5px solid #6d6b6a;
	}
	#product .pr-point .point02 .point-dt li .detl-ct {
		padding: 1vw 0;
	}
	#product .pr-list {
		padding: 5vw 0 0 0;
		display: block;
	}
	#product .pr-list li.pr-list-li {
		width: 90%;
		margin: 10vw auto 20vw auto;
	}
	#product .pr-list li.pr-list-li .pr-by-bt {
		max-width: auto;
		margin: 3vw auto;
		display: flex;
		flex-wrap: wrap;
	}
	#product .pr-list li.pr-list-li .pr-by-bt li {
		width: 48%;
		margin: 1vw 1%;
	}
	#product .pr-list li.pr-list-li .pr-by-bt li a {
		background: #FFFFFF;
		border: 0.5px solid #000000;
		border-radius: 20px;
		padding: 2vw 3vw 2vw 3vw;
	}
	#product .pr-list li.pr-list-li .pr-by-bt li a img {
		width: 80%;
	}
	#product .pr-list li.pr-list-li .pr-by-bt li a:hover {
		border: 0.5px solid #cf001b;
	}
	#product .pr-list li.pr-list-li .pr-cat {
		margin-top: -7vw;
		font-size: 3.3vw;
		font-weight: 500;
	}
	#product .pr-list li.pr-list-li .lineup-pr {
		font-size: 3.8vw;
		line-height: 1.4;
	}
	#product .pr-list li.pr-list-li .lineup-pr dt {}
	#product .pr-list li.pr-list-li .lineup-pr .pr-sub {
		font-size: 80%;
		font-weight: 300;
	}
}
/*-------------------
product02
-------------------*/
#product02 {
	text-align: center;
	padding: 0;
	position: relative;
	margin-top: 15vw;
}
#product02 .pr-point {
	background: #f0f0ef url(../images/product02/product_bg_pc.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-top: calc(100% / 2);
	position: relative;
	padding-bottom: 3vw;
}
#product02 h2 {
	width: 30%;
	max-width: 680px;
	margin: 0 auto;
	position: absolute;
	top: -10vw;
	left: 0;
	right: 0;
}
#product02 .pr-point .point01 {
	margin: -10vw auto 0 auto;
	width: 80%;
	max-width: 800px;
	padding-bottom: 5vw;
}
#product02 .pr-point .point01 .point-lead {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 1.2em;
}
#product02 .pr-point .point01 .point-tl {
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}
#product02 .pr-point .point01 .point-tl img {
	width: 100%;
}
#product02 .pr-point .point01 .point-sb {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #241e5c;
	line-height: 1.2;
	font-size: 1.8em;
	letter-spacing: -2px;
	padding-top: 0.3em;
}
#product02 .pr-point .point01 .point-sb span {
	font-size: 80%;
}
#product02 .pr-point .point01 .point-bg {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #241e5c;
	line-height: 1.2;
	font-size: 3.4em;
	letter-spacing: -10px;
	border-bottom: double 5px #241e5c;
	display: inline-block;
}
#product02 .pr-point .point02 {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}
#product02 .pr-point .point02 .point-tl {
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}
#product02 .pr-point .point02 .point-tl img {
	width: 100%;
	height: auto;
}
#product02 .pr-point .point02 .point-img {
	width: 100%;
	margin: 0 auto;
	padding-top: 1vw;
}
#product02 .pr-point .point02 .point-img img {
	width: 65%;
	height: auto;
}
#product02 .pr-point .point-det {
	margin: 0 auto;
	width: 80%;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 3vw;
}
#product02 .pr-point .point-det .point-atten {
	width: 45%;
	text-align: left;
	font-size: 0.5em;
	padding-top: 1em;
}
#product02 .pr-point .point-det .point-atten li {
	text-indent: -1.5em;
	padding: 0.5em 0 0.5em 1.5em;
	line-height: 1.2;
}
#product02 .pr-point .point-det .point-dt {
	width: 49%;
	padding-top: 1em;
}
#product02 .pr-point .point-det .point-dt li {
	text-align: left;
	font-size: 0.7em;
	border-bottom: 1px solid #6d6b6a;
	padding: 0.5em;
}
#product02 .pr-point .point-det .point-dt li:first-child {
	border-top: 1px solid #6d6b6a;
}
#product02 .pr-point .point-det .point-dt li .detl-tl {
	font-weight: 500;
	position: relative;
	cursor: pointer;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#product02 .pr-point .point-det .point-dt li .detl-tl:hover {
	color: #666666;
}
#product02 .pr-point .point-det .point-dt li .detl-tl:after {
	content: '＋';
	position: absolute;
	top: 0;
	right: 0.5em;
}
#product02 .pr-point .point-det .point-dt li .detl-tl.open:after {
	content: 'ー';
	position: absolute;
	top: 0;
	right: 0.5em;
}
#product02 .pr-point .point-det .point-dt li .detl-ct {
	font-size: 90%;
}
#product02 .recom {
	padding: 5vw 0 0 0;
}
#product02 .recom .ld {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #241e5c;
	line-height: 1.2;
	font-size: 1.4em;
}
#product02 .recom .ld span {
	color: #a38542;
}
#product02 .recom .mnimg {
	padding: 3vw 0;
}
#product02 .recom .cleaner-tl {}
#product02 .recom .cleaner-sil {
	padding: 2vw 0;
}
#product02 .recom .cleaner-htu {}
#product02 .recom .cleaner-htu dt {}
#product02 .recom .cleaner-htu dd {}
#product02 .recom .cleaner-htu dd ol {}
#product02 .recom .cleaner-htu dd li {
	position: relative;
}
#product02 .recom .cleaner-htu dd li:after {
	content: '';
	display: block;
	background: url(../images/product02/recom_htu_arrow_pc.png) no-repeat center center;
	background-size: 100% auto;
	width: 70px;
	height: 35px;
	margin: 1vw auto 0 auto;
	position: relative;
	z-index: 5;
}
#product02 .recom .cleaner-htu dd li:last-child:after {
	content: none;
}
#product02 .recom .cleaner-htu dd.atten {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.5em;
	padding-top: 1em;
}
#product02 .pr-list {
	padding: 5vw 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
#product02 .pr-list li.pr-list-li {
	width: 46%;
	margin: 2vw 2%;
}
#product02 .pr-list li.pr-list-li .lnup-package {
	width: 45%;
	max-width: 200px;
	margin: 0 auto;
}
#product02 .pr-list li.pr-list-li .lnup-package img {
	width: 100%;
}
#product02 .pr-list li.pr-list-li .pr-cat {
	margin-top: -1vw;
	font-size: 0.7em;
	font-weight: 500;
}
#product02 .pr-list li.pr-list-li:nth-child(2) .pr-cat {
	height: 1em;
}
#product02 .pr-list li.pr-list-li .lineup-pr {
	font-size: 0.7em;
	line-height: 1.4;
}
#product02 .pr-list li.pr-list-li .lineup-pr dt {}
#product02 .pr-list li.pr-list-li .lineup-pr .pr-sub {
	font-size: 80%;
	font-weight: 300;
}
#product02 .pr-list li.pr-list-li:nth-child(2) .lineup-pr .pr-sub {
	height: 1em;
}
#product02 .pr-list li.pr-list-li .lineup-pr .pr-pri {
	line-height: 1.8;
}
#product02 .pr-list li.pr-list-li .pr-by-bt {
	max-width: 400px;
	margin: 1vw auto;
	display: flex;
	flex-wrap: wrap;
}
#product02 .pr-list li.pr-list-li .pr-by-bt li {
	width: 48%;
	margin: 0.3em 1%;
}
#product02 .pr-list li.pr-list-li .pr-by-bt li a {
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 20px;
	padding: 0.4em 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
#product02 .pr-list li.pr-list-li .pr-by-bt li a:hover {
	background: #FFFFFF;
	border: 1px solid #cf001b;
	opacity: .7;
}
@media only screen and (min-width:1700px) {
	#product02 .pr-list li.pr-list-li {
		width: calc(100% / 3.5);
		margin: 2vw 2%;
	}
	#product02 .secin {
		max-width: 1200px;
	}
	#product02 .recom img {
		width: 80%;
		height: auto;
	}
}
@media only screen and (max-width:1200px) {
	#product02 h2 {
		width: 32%;
		max-width: auto;
		margin: 0 auto;
		position: absolute;
		top: -10vw;
		left: 0;
		right: 0;
	}
}
@media only screen and (max-width:900px) {
	#product02 .pr-point .point01 .point-sb {
		font-size: 4vw;
		padding-top: 1vw;
	}
	#product02 .pr-point .point01 .point-bg {
		font-size: 8vw;
		letter-spacing: -10px;
	}
	#product02 .pr-list li.pr-list-li .pr-cat {
		margin-top: -2vw;
		font-size: 0.6em;
		font-weight: 500;
	}
	#product02 .pr-list li.pr-list-li .lineup-pr {
		font-size: 0.6em;
		line-height: 1.4;
	}
	#product02 .secin {
		width: 85%;
	}
	#product02 .recom .ld {
		font-size: 1em;
	}
}
@media only screen and (max-width:800px) {
	#product02 .pr-point .point02 .point-dt li {
		font-size: 0.6em;
	}
}
@media only screen and (max-width:640px) {
	#product02 .pr-point {
		background: #f0f0ef url(../images/product02/product_bg_sp.jpg) no-repeat center top;
		background-size: 100% auto;
		padding-top: calc(100% / 1.05);
		position: relative;
		padding-bottom: 0;
	}
	#product02 h2 {
		width: 52%;
		max-width: auto;
		margin: 0 auto;
		position: absolute;
		top: -7vw;
		left: 0;
		right: 0;
	}
	#product02 .pr-point .point01 {
		margin: 0 auto;
		width: 80%;
		max-width: auto;
		padding-bottom: 5vw;
	}
	#product02 .pr-point .point01 .point-lead {
		font-size: 5.2vw;
		letter-spacing: -1px;
	}
	#product02 .pr-point .point01 .point-tl {
		width: 100%;
		margin: 0 auto;
	}
	#product02 .pr-point .point01 .point-sb {
		line-height: 1.2;
		font-size: 6vw;
		letter-spacing: -2px;
		padding-top: 1vw;
	}
	#product02 .pr-point .point01 .point-sb span {
		font-size: 80%;
	}
	#product02 .pr-point .point01 .point-bg {
		line-height: 1.2;
		font-size: 11vw;
		letter-spacing: -5px;
	}
	#product02 .pr-point .point02 {
		margin: 0 auto;
		width: 80%;
		max-width: auto;
		display: block;
		padding-bottom: 3vw;
		padding-top: 5vw;
	}
	#product02 .pr-point .point02 .point-tl {
		width: 100%;
		margin: 0 auto;
	}
	#product02 .pr-point .point02 .point-img img {
		width: 100%;
		height: auto;
	}
	#product02 .pr-point .point-det {
		margin: 0 auto;
		width: 80%;
		max-width: 800px;
		display: block;
		padding-bottom: 3vw;
	}
	#product02 .pr-point .point-det .point-atten {
		width: 100%;
		text-align: left;
		font-size: 2.5vw;
		padding-top: 2vw;
	}
	#product02 .pr-point .point-det .point-dt {
		width: 100%;
		padding-top: 10vw;
	}
	#product02 .pr-point .point-det .point-dt li {
		text-align: left;
		font-size: 3vw;
		border-bottom: 0.5px solid #6d6b6a;
		padding: 0.5em;
	}
	#product02 .pr-point .point-det .point-dt li:first-child {
		border-top: 0.5px solid #6d6b6a;
	}
	#product02 .pr-point .point-det .point-dt li .detl-ct {
		padding: 1vw 0;
	}
	#product02 .recom .cleaner-htu dd.atten {
		font-size: 2.5vw;
	}
	#product02 .pr-list {
		padding: 5vw 0 0 0;
		display: block;
	}
	#product02 .pr-list li.pr-list-li {
		width: 90%;
		margin: 10vw auto 20vw auto;
	}
	#product02 .pr-list li.pr-list-li .pr-by-bt {
		max-width: auto;
		margin: 3vw auto;
		display: flex;
		flex-wrap: wrap;
	}
	#product02 .pr-list li.pr-list-li .pr-by-bt li {
		width: 48%;
		margin: 1vw 1%;
	}
	#product02 .pr-list li.pr-list-li .pr-by-bt li a {
		background: #FFFFFF;
		border: 0.5px solid #000000;
		border-radius: 20px;
		padding: 2vw 3vw 2vw 3vw;
	}
	#product02 .pr-list li.pr-list-li .pr-by-bt li a img {
		width: 80%;
	}
	#product02 .pr-list li.pr-list-li .pr-by-bt li a:hover {
		border: 0.5px solid #cf001b;
	}
	#product02 .pr-list li.pr-list-li .pr-cat {
		margin-top: -7vw;
		font-size: 3.3vw;
		font-weight: 500;
	}
	#product02 .pr-list li.pr-list-li .lineup-pr {
		font-size: 3.8vw;
		line-height: 1.4;
	}
	#product02 .pr-list li.pr-list-li .lineup-pr dt {}
	#product02 .pr-list li.pr-list-li .lineup-pr .pr-sub {
		font-size: 80%;
		font-weight: 300;
	}
}

/*-------------------
product03
-------------------*/
#product03 {
	text-align: center;
	padding: 0;
	position: relative;
	margin-top: 15vw;
}
#product03 .pr-point {
	background: #f0f0ef url(../images/product02/product_bg_pc.jpg) no-repeat center top;
	background-size: 100% auto;
	padding-top: calc(100% / 2);
	position: relative;
	padding-bottom: 3vw;
}
#product03 h2 {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	position: absolute;
	top: -10vw;
	left: 0;
	right: 0;
}

#product03 .pr-cpb {
	width:100%;
	max-width:800px;
	margin:0 auto;
	display:flex;
	align-items: center;
}

#product03 .pr-cpb .pr-cpb-img{
	width:48%;
	padding-right:2%;

}

#product03 .pr-cpb .pr-cpb-cp{
	width:45%;
	padding-left:2%;

}

#product03 .pr-p-cp{
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color:#00933E;
	font-size:clamp(1.6rem, 5vw, 5rem);
	line-height: 1.2;
	padding:5vw 0;
}

#product03 .pr-p-cp span{

	border-bottom: solid 2px #00933E;
	display: inline-block;
	margin-bottom:.3em;
}

#product03 .pr-seibun{
	width:80%;
	max-width:800px;
	margin:0 auto;
}

#product03 .pr-seibun .pr-seibun-tl{
	width:60%;
	margin:0 auto;
}

#product03 .pr-haigou-w{
	width:80%;
	max-width:800px;
	margin:3vw auto;
	background:url(../images/product03/pr-haigo_img_pc.png) no-repeat right top;
	background-size:25% auto;
}

#product03 .pr-haigou-w .pr-haigou01{
	width:70%;
	margin:0 auto 0 0;
	text-align:left;
	padding:2vw 0;
}

#product03 .pr-haigou-w .pr-haigou02{
	width:73%;
	margin:0 auto 0 0;
	text-align:left;
	padding:2vw 0;
}

#product03 .pr-haigou-w .pr-haigou .pr-haigou-ld{
	color:#000000;
	font-weight:600;
	font-size:clamp(1rem, 3vw, 2rem);
	line-height:1.2;
}

#product03 .pr-haigou-w .pr-haigou .pr-haigou-sb{
	color:#00933E;
	font-weight:500;
	font-size:clamp(2rem, 6vw, 3.5rem);
	border-bottom: double 5px #00933E;
	display: inline-block;
	line-height:1.2;
}

#product03 .pr-haigou-w .pr-haigou .pr-haigou-sb span{
	font-size:80%;
}



#product03 .pr-point .point01 {
	margin: 0 auto 0 auto;
	width: 80%;
	max-width: 800px;
	padding-bottom: 5vw;

}
#product03 .pr-point .point01 .point-lead {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	font-size: 1.2em;
}
#product03 .pr-point .point01 .point-tl {
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}
#product03 .pr-point .point01 .point-tl img {
	width: 100%;
}
#product03 .pr-point .point01 .point-sb {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #241e5c;
	line-height: 1.2;
	font-size: 1.8em;
	letter-spacing: -2px;
	padding-top: 0.3em;
}
#product03 .pr-point .point01 .point-sb span {
	font-size: 80%;
}
#product03 .pr-point .point01 .point-bg {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #241e5c;
	line-height: 1.2;
	font-size: 3.4em;
	letter-spacing: -10px;
	border-bottom: double 5px #241e5c;
	display: inline-block;
}
#product03 .pr-point .point02 {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
}
#product03 .pr-point .point02 .point-tl {
	width: 60%;
	max-width: 600px;
	margin: 0 auto;
}
#product03 .pr-point .point02 .point-tl img {
	width: 100%;
	height: auto;
}
#product03 .pr-point .point02 .point-img {
	width: 100%;
	margin: 0 auto;
	padding-top: 1vw;
}
#product03 .pr-point .point02 .point-img img {
	width: 65%;
	height: auto;
}
#product03 .pr-point .point-det {
	margin: 0 auto;
	width: 80%;
	max-width: 800px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 3vw;
}
#product03 .pr-point .point-det .point-atten {
	width: 45%;
	text-align: left;
	font-size: clamp(.5rem, 1.2vw, 1rem);
	padding-top: 1em;
}
#product03 .pr-point .point-det .point-atten li {
	text-indent: -1.5em;
	padding: 0.5em 0 0.5em 1.5em;
	line-height: 1.4;
}
#product03 .pr-point .point-det .point-dt {
	width: 49%;
	padding-top: 1em;
}
#product03 .pr-point .point-det .point-dt li {
	text-align: left;
	font-size: 0.7em;
	border-bottom: 1px solid #6d6b6a;
	padding: 0.5em;
}
#product03 .pr-point .point-det .point-dt li:first-child {
	border-top: 1px solid #6d6b6a;
}
#product03 .pr-point .point-det .point-dt li .detl-tl {
	font-weight: 500;
	position: relative;
	cursor: pointer;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}
#product03 .pr-point .point-det .point-dt li .detl-tl:hover {
	color: #666666;
}
#product03 .pr-point .point-det .point-dt li .detl-tl:after {
	content: '＋';
	position: absolute;
	top: 0;
	right: 0.5em;
}
#product03 .pr-point .point-det .point-dt li .detl-tl.open:after {
	content: 'ー';
	position: absolute;
	top: 0;
	right: 0.5em;
}
#product03 .pr-point .point-det .point-dt li .detl-ct {
	font-size: 90%;
}
#product03 .recom {
	padding: 5vw 0 0 0;
}
#product03 .recom .ld {
	font-family: 'Hannari', 'Noto Serif JP', serif;
	color: #241e5c;
	line-height: 1.2;
	font-size: 1.4em;
}
#product03 .recom .ld span {
	color: #a38542;
}
#product03 .recom .mnimg {
	padding: 3vw 0;
}
#product03 .recom .cleaner-tl {}
#product03 .recom .cleaner-sil {
	padding: 2vw 0;
}
#product03 .recom .cleaner-htu {}
#product03 .recom .cleaner-htu dt {}
#product03 .recom .cleaner-htu dd {}
#product03 .recom .cleaner-htu dd ol {}
#product03 .recom .cleaner-htu dd li {
	position: relative;
}
#product03 .recom .cleaner-htu dd li:after {
	content: '';
	display: block;
	background: url(../images/product02/recom_htu_arrow_pc.png) no-repeat center center;
	background-size: 100% auto;
	width: 70px;
	height: 35px;
	margin: 1vw auto 0 auto;
	position: relative;
	z-index: 5;
}
#product03 .recom .cleaner-htu dd li:last-child:after {
	content: none;
}
#product03 .recom .cleaner-htu dd.atten {
	max-width: 600px;
	margin: 0 auto;
	text-align: left;
	font-size: 0.5em;
	padding-top: 1em;
}
#product03 .pr-list {
	padding: 5vw 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
}
#product03 .pr-list li.pr-list-li {
	width: 46%;
	margin: 2vw 2%;
}
#product03 .pr-list li.pr-list-li .lnup-package {
	width: 45%;
	max-width: 200px;
	margin: 0 auto;
}
#product03 .pr-list li.pr-list-li .lnup-package img {
	width: 100%;
}
#product03 .pr-list li.pr-list-li .pr-cat {
	margin-top: -1vw;
	font-size: 0.7em;
	font-weight: 500;
}

#product03 .pr-list li.pr-list-li .lineup-pr {
	font-size: 0.7em;
	line-height: 1.4;
}
#product03 .pr-list li.pr-list-li .lineup-pr dt {}
#product03 .pr-list li.pr-list-li .lineup-pr .pr-sub {
	font-size: 80%;
	font-weight: 300;
}

#product03 .pr-list li.pr-list-li .lineup-pr .pr-pri {
	line-height: 1.8;
}
#product03 .pr-list li.pr-list-li .pr-by-bt {
	max-width: 400px;
	margin: 1vw auto;
	display: flex;
	flex-wrap: wrap;
}
#product03 .pr-list li.pr-list-li .pr-by-bt li {
	width: 48%;
	margin: 0.3em 1%;
}
#product03 .pr-list li.pr-list-li .pr-by-bt li a {
	background: #FFFFFF;
	border: 1px solid #000000;
	border-radius: 20px;
	padding: 0.4em 1em;
	display: flex;
	justify-content: center;
	align-items: center;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
#product03 .pr-list li.pr-list-li .pr-by-bt li a:hover {
	background: #FFFFFF;
	border: 1px solid #cf001b;
	opacity: .7;
}
@media only screen and (min-width:1700px) {
	#product03 .pr-list li.pr-list-li {
		width: calc(100% / 3.5);
		margin: 2vw 2%;
	}
	#product03 .secin {
		max-width: 1200px;
	}
	#product03 .recom img {
		width: 80%;
		height: auto;
	}
}

@media only screen and (max-width:900px) {
	#product03 .pr-point .point01 .point-sb {
		font-size: 4vw;
		padding-top: 1vw;
	}
	#product03 .pr-point .point01 .point-bg {
		font-size: 8vw;
		letter-spacing: -10px;
	}
	#product03 .pr-list li.pr-list-li .pr-cat {
		margin-top: -2vw;
		font-size: 0.6em;
		font-weight: 500;
	}
	#product03 .pr-list li.pr-list-li .lineup-pr {
		font-size: 0.6em;
		line-height: 1.4;
	}
	#product03 .secin {
		width: 85%;
	}
	#product03 .recom .ld {
		font-size: 1em;
	}
}
@media only screen and (max-width:800px) {
	#product03 .pr-point .point02 .point-dt li {
		font-size: 0.6em;
	}
}
@media only screen and (max-width:640px) {
	
	#product03 {
		margin-top: 5vw;
	}
	#product03 .pr-point {
		background: #f0f0ef url(../images/product03/product_bg_sp.jpg) no-repeat center top;
		background-size: 100% auto;
		padding-top: calc(100% / 1.05);
		position: relative;
		padding-bottom: 0;
	}
	#product03 h2 {
		top: 0;
	}
	#product03 .pr-p-cp span{
		border-bottom: solid 1px #00933E;
	}
	#product03 .pr-point .point-det {
		margin: 0 auto;
		width: 80%;
		max-width: 800px;
		display: block;
		padding-bottom: 3vw;
	}
	#product03 .pr-point .point-det .point-atten {
		width: 100%;
		text-align: left;
		padding-top: 2vw;
	}
	#product03 .pr-point .point-det .point-dt {
		width: 100%;
		padding-top: 10vw;
	}
	#product03 .pr-point .point-det .point-dt li {
		text-align: left;
		font-size: 3vw;
		border-bottom: 0.5px solid #6d6b6a;
		padding: 0.5em;
	}
	#product03 .pr-point .point-det .point-dt li:first-child {
		border-top: 0.5px solid #6d6b6a;
	}
	#product03 .pr-point .point-det .point-dt li .detl-ct {
		padding: 1vw 0;
	}
	#product03 .recom .cleaner-htu dd.atten {
		font-size: 2.5vw;
	}
	#product03 .pr-list {
		padding: 5vw 0 0 0;
		display: block;
	}
	#product03 .pr-list li.pr-list-li {
		width: 90%;
		margin: 5vw auto 10vw auto;
	}
	#product03 .pr-list li.pr-list-li .pr-by-bt {
		max-width: auto;
		margin: 3vw auto;
		display: flex;
		flex-wrap: wrap;
	}
	#product03 .pr-list li.pr-list-li .pr-by-bt li {
		width: 48%;
		margin: 1vw 1%;
	}
	#product03 .pr-list li.pr-list-li .pr-by-bt li a {
		background: #FFFFFF;
		border: 0.5px solid #000000;
		border-radius: 20px;
		padding: 2vw 3vw 2vw 3vw;
	}
	#product03 .pr-list li.pr-list-li .pr-by-bt li a img {
		width: 80%;
	}
	#product03 .pr-list li.pr-list-li .pr-by-bt li a:hover {
		border: 0.5px solid #cf001b;
	}
	#product03 .pr-list li.pr-list-li .pr-cat {
		margin-top: -7vw;
		font-size: 3.3vw;
		font-weight: 500;
	}
	#product03 .pr-list li.pr-list-li .lineup-pr {
		font-size: 3.8vw;
		line-height: 1.4;
	}
	#product03 .pr-list li.pr-list-li .lineup-pr dt {}
	#product03 .pr-list li.pr-list-li .lineup-pr .pr-sub {
		font-size: 80%;
		font-weight: 300;
	}
}


/*-------------------
news
-------------------*/
#news {
	text-align: center;
	padding: 5vw 0;
	position: relative;
}
#news .inner {
	display: flex;
	justify-content: space-between;
}
#news h2 {
	max-width: 60px;
	width: 10%;
}
#news .list-m {
	width: 90%;
	font-size: 0.6em;
	line-height: 1.4;
	letter-spacing: 1px;
	display: flex;
	flex-wrap: wrap;
	padding-left: 10%;
}
#news .list-m li {
	width: calc(100% / 3);
	padding-bottom: 2em;
}
#news .list-m li a {
	border-bottom: 1px solid #a2a1a1;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 0 0.2em;
}
#news .list-m li a:hover {
	border-bottom: 1px solid #d2122b;
}
#news .newsbl {
	margin: 5vw auto;
	width: 100%;
	text-align: left;
}
#news .newsbl > ul {
	position: relative;
	border-top: 1px solid #ede2c7;
	padding: 0 0 1em 0;
}
#news .newsbl > ul:before {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-right: 2px dotted #b68a21;
	position: absolute;
	right: -5px;
	top: -2px;
}
#news .newsbl > ul:after {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-left: 2px dotted #b68a21;
	position: absolute;
	left: -5px;
	top: -2px;
}
#news .newsbl > ul li {
	position: relative;
	border-bottom: 1px solid #ede2c7;
	padding: 1em 0;
}
#news .newsbl > ul li:before {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-right: 2px dotted #b68a21;
	position: absolute;
	right: -5px;
	bottom: -1px;
}
#news .newsbl > ul li:after {
	display: block;
	content: "";
	width: 2px;
	height: 2px;
	border-left: 2px dotted #b68a21;
	position: absolute;
	left: -5px;
	bottom: -1px;
}
#news .newshdl {
	display: flex;
	align-items: flex-end;
}
#news .nwtlbx {
	width: 60%;
	padding-right: 2em;
}
#news .news-img {
	width: 40%;
	display: flex;
	justify-content: space-between;
}
#news .news-img .newsimg-s {
	width: 48%;
}
#news .news-img .newsimg-l {
	width: 100%;
}
#news .newsbl > ul li .newsdate {
	font-size: 0.7em;
	color: #d2122b;
}
#news .newsbl > ul li .newstl {
	font-size: 0.8em;
}
#news .newscontent {
	font-size: 0.7em;
}
#news .newscontent, #news .newscontent p {
	text-align: left;
}
#news .newscontent p {
	padding: 1em 0;
	margin: 0;
}
@media only screen and (min-width:1500px) {
	#news {
		padding: 5em 0 0 0;
	}
}
@media only screen and (max-width:800px) {
	#news .list-m {
		width: 90%;
		font-size: 2vw;
		line-height: 1.4;
		letter-spacing: 1px;
		display: flex;
		flex-wrap: wrap;
		padding-left: 10%;
	}
	#news .newsbl > ul li .newsdate {
		font-size: 2vw;
		color: #d2122b;
	}
	#news .newsbl > ul li .newstl {
		font-size: 2.5vw;
	}
	#news .newscontent {
		font-size: 2vw;
	}
}
@media only screen and (max-width:640px) {
	#news {
		padding: 5vw 0 0 0;
	}
	#news h2 {
		max-width: auto;
		width: 14%;
	}
	#news .list-m {
		padding: 5vw 0 0 0;
	}
	#news .list-m li {
		width: calc(100% / 2);
		padding-bottom: 3vw;
	}
	#news .newshdl {
		flex-direction: column-reverse;
		align-items: center;
	}
	#news .nwtlbx {
		width: 100%;
		padding-right: 0;
	}
	#news .news-img {
		width: 60%;
	}
}
@media only screen and (max-width:480px) {
	#news .list-m {
		font-size: 3vw;
	}
	#news .newsbl > ul li .newsdate {
		font-size: 3vw;
		color: #d2122b;
	}
	#news .newsbl > ul li .newstl {
		font-size: 4vw;
	}
	#news .newscontent {
		font-size: 3vw;
	}
}
/*-------------------
hreso
-------------------*/
#hreso {
	text-align: center;
	padding: 5vw 0 0 0;
	position: relative;
}
#hreso .secin {
	padding-top: 5vw;
}
#hreso .secin:first-of-type {
	padding-top: 0;
}
#hreso .secin:first-of-type .mctents {
	margin-left: 28%;
}
#hreso h2 {
	width: 28%;
}
#hreso .mctents {
	text-align: left;
	width: 72%;
}
#hreso .mctents p {
	text-align: left;
	padding: 0 2em;
}
#hreso .mctents .voicea {
	background: #FFFFFF;
	padding: 2em 0;
	margin: 0 auto 4em auto;
	position: relative;
	background: #FFFFFF url(../images/hreso/voicea_bg_pc.png) no-repeat 95% 85%;
	background-size: 25% auto;
}
#hreso .mctents .voiceb {
	background: #FFFFFF;
	padding: 2em 0;
	margin: 0 auto;
	position: relative;
	background: #FFFFFF url(../images/hreso/voiceb_bg_pc.png) no-repeat 95% 85%;
	background-size: 26% auto;
}
#hreso .mctents dl dt {
	font-weight: normal;
}
@media only screen and (min-width:1500px) {
	#hreso {
		padding: 4em 0 0 0;
	}
	#hreso .secin {
		padding-top: 0;
	}
	#hreso .mctents .voicea {
		margin: 0 auto 3em;
	}
}
@media only screen and (max-width:1200px) {
	#hreso h2 {
		padding-right: 5%;
		padding-left: 5%;
	}
	#hreso .mctents .voicea {
		background: #FFFFFF;
		padding: 2em 0;
		margin: 0 auto 5vw auto;
		position: relative;
		background: #FFFFFF url(../images/hreso/voicea_bg_pc.png) no-repeat 95% 85%;
		background-size: 40% auto;
	}
	#hreso .mctents .voiceb {
		background: #FFFFFF;
		padding: 2em 0;
		margin: 0 auto;
		position: relative;
		background: #FFFFFF url(../images/hreso/voiceb_bg_pc.png) no-repeat 95% 70%;
		background-size: 46% auto;
	}
}
@media only screen and (max-width:480px) {
	#hreso h2 {
		width: 25%;
		margin: 0 auto;
		padding: 0;
	}
	#hreso .secin:first-of-type .mctents {
		margin-left: 0;
	}
	#hreso .mctents {
		text-align: left;
		width: 100%;
	}
	#hreso .mctents p {
		text-align: left;
		padding: 0;
	}
	#hreso .mctents .voicea p {
		padding: 0 2em;
		margin: 0 auto 5vw auto;
		position: relative;
		background: #FFFFFF url(../images/hreso/voicea_bg_sp.png) no-repeat 95% 90%;
		background-size: 40% auto;
	}
	#hreso .mctents .voiceb p {
		padding: 0 2em;
		margin: 0 auto;
		position: relative;
		background: #FFFFFF url(../images/hreso/voiceb_bg_sp.png) no-repeat 95% 90%;
		background-size: 46% auto;
	}
}
/*-----------------
footer
-----------------*/
footer {
	text-align: center;
	position: relative;
	z-index: 2;
	background: #cf001b;
	color: #FFFFFF;
	padding-bottom: 1em;
}
footer .footer {
	width: 80%;
	max-width: 800px;
	margin: 0 auto;
	padding: 5vw 0 3vw 0;
	text-align: center;
	display: flex;
	flex-direction: column;
	align-items: center;
}
footer .footer dt {
	width: 40%;
	max-width: 300px;
}
footer .footer .ftLink {
	padding: 1em 0;
}
footer .footer .ftLink li a {
	color: #FFFFFF;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	font-size: 0.7em;
}
footer .footer .ftLink li a:after {
	content: '';
	background: url(../images/footer_bt_arrow.svg) no-repeat right center;
	background-size: auto 100%;
	display: inline-block;
	width: 13px;
	height: 13px;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
}
footer .footer .ftLink li a:hover:after {
	transform: translate(15%, 0);
	-webkit-transform: translate(15%, 0);
	-ms-transform: translate(15%, 0);
}
footer .footer .ftLink li a:hover {
	color: #000000;
}
footer .footer .snsLink {
	padding: 1em 0;
	display: flex;
	justify-content: space-around;
	width: 50%;
	margin: 0 auto;
}
footer .footer .snsLink li {
	width: 13%;
	height: auto;
}
footer .footer .snsLink li img {
	width: 100%;
}
footer .footer .snsLink li a {
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	opacity: 1;
}
footer .footer .snsLink li a:hover {
	opacity: .7;
}
footer small {
	font-size: 0.7rem;
	letter-spacing: 0;
}
@media only screen and (min-width:1500px) {
	footer .footer .snsLink {
		padding: 1em 0;
		display: flex;
		justify-content: space-around;
		width: 300px;
		margin: 0 auto;
	}
}
@media only screen and (max-width:640px) {
	footer .footer dt {
		width: 65%;
		max-width: auto;
	}
	footer .footer .ftLink {
		padding: 3vw 0 5vw 0;
	}
	footer .footer .ftLink li a {
		font-size: 3vw;
	}
	footer .footer .ftLink li a:after {
		width: 3vw;
		height: 3vw;
	}
	footer .footer .snsLink {
		padding: 5vw 0;
		width: 60%;
	}
	footer small {
		font-size: 2.5vw;
	}
}
@media only screen and (max-width:480px) {
	footer .footer .ftLink li {
		line-height: 1.2;
	}
	footer .footer .snsLink {
		padding: 5vw 0;
		width: 70%;
	}
}
/* back to top */
#go-top {
	position: fixed;
	bottom: 5%;
	right: 10%;
	z-index: 6;
	width: 100%;
	text-align: center;
	display: none;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#go-top .totop {
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 40px;
	padding: 0;
}
#go-top .totop img {
	width: 100%;
	height: auto;
}
#go-top .totop a {
	display: block;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#go-top .totop a:hover {
	opacity: 0.5;
}
@media only screen and (max-width:640px) {
	#go-top {
		bottom: 5%;
		right: 5%;
	}
	#go-top .totop {
		width: 30px;
	}
}
@media only screen and (max-width:480px) {
	#go-top {
		position: fixed;
		bottom: 0;
		right: 3%;
	}
}


/* about page movie
-------------------------------------------------- */
@media only screen and (min-width:641px) {
/*---- pc ----*/
	.movie--pc { display: block;}
	.movie--sp { display: none;}
	.about--movie--area {
		position: absolute;
		left: 2%;
        width: 25%;
		max-width:300px;
		margin:calc(100% / 3 * -1) 0 3vh;
		/*display: flex;
		justify-content: space-between;*/

		
	}
	.about--movie--area .movie--wrap {
		width:100%;

	}
}

@media only screen and (min-width:1200px) {
	.movie--pc { display: block;}
	.movie--sp { display: none;}
	.about--movie--area {
		margin:-5vh 0 3vh;
		
	}
}
@media only screen and (max-width:640px) {
	.movie--pc { display: none;}
	.movie--sp { 
		display: block;
		margin:0 4% 5vh;
	}
}
@media only screen and (max-width:480px) {
}



/*------------
animetion
------------*/
.fadein {
	opacity: 0;
}
.fadein.scrollin {
	animation: fadeInBottom 1s;
	animation-fill-mode: backwards;
	opacity: 1;
}
.fadeinp {
	opacity: 0;
	transform: scale(1.1);
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	transition: all 1000ms;
}
.fadeinp.scrollin {
	opacity: 1;
	transform: scale(1);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
}
.fadeinbottom {
	transition: all .8s ease-in-out;
	transform: translate(0, 30px);
	-webkit-transform: translate(0, 30px);
	-moz-transform: translate(0, 30px);
	opacity: 0;
}
.fadeinbottom.scrollin {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	opacity: 1;
}
.fadeinup {
	transition: all .8s ease-in-out;
	transform: translate(0, -30px);
	-webkit-transform: translate(0, -30px);
	-moz-transform: translate(0, -30px);
	opacity: 0;
}
.fadeinup.scrollin {
	transform: translate(0, 0);
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	opacity: 1;
}
.fadeinleft {
	transition: all .8s ease-in-out;
	transform: translate(-30px, 0);
	opacity: 0;
}
.fadeinleft.scrollin {
	opacity: 1.0;
	transform: translate(0, 0);
}
.fadeinright {
	transition: all .8s ease-in-out;
	transform: translate(30px, 0);
}
.fadeinright.scrollin {
	opacity: 1.0;
	transform: translate(0, 0);
}