@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Noto+Serif+JP:wght@400;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@700&display=swap');

/*  ----------------------------------------------------------
kv
----------------------------------------------------------  */
.kv {
	display: flex;
	justify-content: center;
	background: url(../img/kv.png) no-repeat center bottom / cover;
	height: 90vh;
	position: relative;
	z-index: 1;
}

.kv > div {
	padding-top: 24vh;
}

.kv h1 {
	width: 16rem;
	margin: 0 auto 4rem auto;
}

.kv p {
	text-align: center;
	font-size: 3.6rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 1.8;
}

/*  ----------------------------------------------------------
cv
----------------------------------------------------------  */
.cv p {
	text-align: center;
	font-size: 1.8rem;
	margin-bottom: 1rem;
}

.cv p::before {
	content: '';
	background: url(../img/ico.png) no-repeat center left;
	background-size: 3.2rem auto;
	display: inline-block;
	width: 3.2rem;
	height: 3.2rem;
	vertical-align: -0.8rem;
	margin-right: 0.5rem;
}

.cv a {
	width: 48rem;
	display: block;
	background: url(../img/arrow.png) no-repeat center right 3rem;
	background-size: 1rem auto;
	background-color: #06c755;
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
	color: #fff;
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	padding: 3.2rem 0 3.7rem 0;
	border-radius: 5rem;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
	transition: 0.5s all;
}
.cvm a {
	width: 48rem;
	display: block;
	background: url(../img/arrow.png) no-repeat center right 3rem;
	background-size: 1rem auto;
	background-color: #ffd700;
	color: #fff;
	font-weight: bold;
	font-size: 2.4rem;
	color: #fff;
	line-height: 1;
	text-align: center;
	margin: 0 auto;
	padding: 3.2rem 0 3.7rem 0;
	border-radius: 5rem;
	box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.1);
	transition: 0.5s all;
}
/*  ----------------------------------------------------------
sec1 / もっと活躍の場を広げたい方へのアクティブヘルシー飯
----------------------------------------------------------  */
.sec1 {
	background: url(../img/bg-ptn.jpg) center top;
	background-size: 76rem auto;
	padding: 36rem 5% 8rem 5%;
	margin-top: -20rem;
}

.sec1 > div:first-of-type {
	background: #fff;
	border-radius: 1rem;
	width: 80%;
	margin: 0 auto 3rem auto;
	padding: 2rem;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 1.8;
	text-align: center;
}

.sec1 > div:first-of-type strong {
	color: var(--primary-color);
}

.sec1 h2 {
	text-align: center;
	color: var(--primary-color);
	font-size: 2.8rem;
	line-height: 1.6;
}

.sec1 h2 span {
	display: block;
	background: url(../img/bg-deco3.png) no-repeat center left,
		url(../img/bg-deco4.png) no-repeat center right;
	background-size: 3rem auto;
	font-style: normal;
	width: 44rem;
	margin: 0 auto;
}

.sec1 h2 strong {
	display: block;
	font-size: 4.8rem;
}

.sec1 > p {
	text-align: center;
	line-height: 2.4;
	font-weight: bold;
	font-size: 2.4rem;
	margin: 2rem 0 4rem 0;
}

.sec1 > p strong {
	font-size: 3.2rem;
}

.sec1 p img {
	width: 20rem;
	margin-right: 1rem;
	vertical-align: -0.7rem;
}

/*  ----------------------------------------------------------
sec2 / PFCとは？
----------------------------------------------------------  */
.sec2 {
	color: #fff;
}

.sec2 h2 {
	position: relative;
}

.sec2 h2::before {
	content: '';
	width: 1px;
	height: 12rem;
	position: absolute;
	left: 50%;
	bottom: -3rem;
	display: block;
	background: rgba(255, 255, 255, 0.4);
}

.sec2 > section {
	padding: 8rem 0 24rem;
	background: url(../img/bg4.jpg) no-repeat center / cover;
}

.sec2 h3 {
	font-size: 2.4rem;
	color: #ffec6a;
	text-align: center;
	margin-bottom: 4rem;
}

.sec2 p {
	text-align: center;
	font-size: 2rem;
	font-weight: bold;
}

.sec2 > img {
	margin-top: -32rem;
}

/*  ----------------------------------------------------------
sec3 / 5つのこだわり
----------------------------------------------------------  */
.sec3 {
	padding: 4rem 5% 8rem 5%;
}

.sec3 h2 {
	text-align: center;
	color: var(--primary-color);
	line-height: 1;
	font-size: 4.8rem;
	margin-bottom: 4rem;
}

.sec3 h2 span {
	display: block;
	text-align: center;
	font-size: 3.2rem;
	padding: 1rem 0;
	background: url(../img/bg-deco1.png) no-repeat center left 4rem,
		url(../img/bg-deco1.png) no-repeat center right 13.5rem;
	background-size: 6rem auto;
	width: 40rem;
	margin: 0 auto;
}

.sec3 h2 strong {
	font-size: 5.6rem;
}

.sec3-point:not(:last-of-type) {
	margin-bottom: 6rem;
}

.sec3-point-summary {
	background: #fff;
	padding: 3rem;
	border-radius: 2rem 0 0 0;
}

.sec3-point-detail {
	background: #f8f5f0;
	padding: 3rem;
	border-radius: 0 0 2rem 0;
}

.sec3-point-detail > div {
	background: #fff;
	margin: 2.5rem 0;
	padding: 3rem;
}

.sec3-point-detail > div i {
	font-style: normal;
	font-weight: bold;
}

.sec3-point-detail > div i:nth-of-type(1) {
	color: #f38201;
}

.sec3-point-detail > div i:nth-of-type(2) {
	color: #b40119;
}

.sec3-point-detail > div i:nth-of-type(3) {
	color: #015dab;
}

.sec3-point h3 {
	color: var(--primary-color);
	line-height: 1.6;
	margin-bottom: 3rem;
	font-size: 3.6rem;
}

.sec3-point h3 span {
	display: inline-block;
	background: var(--primary-color);
	color: #fff;
	font-size: 1.4rem;
	padding: 0.5rem 1.5rem;
	border-radius: 0.8rem 0 0.8rem 0;
	margin-bottom: 1rem;
}

.sec3-point h3 span i {
	color: #ffed87;
	font-style: normal;
}

.sec3-point p strong {
	background: linear-gradient(to top, #ffed87 20%, transparent 20%);
}

.sec3-point-nutrients {
	margin: 4rem 0;
}

.sec3-point-nutrients > section:not(:last-of-type) {
	margin-bottom: 4rem;
	padding-bottom: 4rem;
	border-bottom: solid 1px #000;
}

.sec3-point-nutrients > section h3 {
	font-size: 2.4rem;
	text-align: center;
	line-height: 1;
	margin-bottom: 22rem;
}

.sec3-point-nutrients > section h3 strong {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 3.6rem;
}

.sec3-point-nutrients-protein {
	padding: 6rem 0 0 0;
	background: url(../img/bg1.png) no-repeat center top;
	background-size: 36rem auto;
}

.sec3-point-nutrients-fat {
	padding: 6rem 0 0 0;
	background: url(../img/bg2.png) no-repeat center top;
	background-size: 36rem auto;
}

.sec3-point-nutrients-carbohydrate {
	padding: 6rem 0 0 0;
	background: url(../img/bg3.png) no-repeat center top;
	background-size: 36rem auto;
}

/*  ----------------------------------------------------------
sec4
----------------------------------------------------------  */
.sec4 > div {
	background: url(../img/bg-ptn.jpg) center bottom;
	background-size: 76rem;
	padding: 16rem 0 8rem 0;
	margin-top: -10rem;
}

/*  ----------------------------------------------------------
sec5 / 忙しい日々、自分のカラダにこんなお悩みを持っていませんか？
----------------------------------------------------------  */
.sec5 {
	background: #e8e8e8;
	padding: 8rem 5%;
}

.sec5 h2 {
	text-align: center;
	font-size: 2.8rem;
	line-height: 1.8;
	margin-bottom: 4rem;
}

.sec5 h2 strong {
	color: var(--primary-color);
}

.sec5 ul {
	background: #fff;
	border-radius: 2rem 0 2rem 0;
	padding: 2rem 3rem;
}

.sec5 ul li {
	font-size: 2rem;
	font-weight: bold;
	border-bottom: dotted 2px #e8e8e8;
	line-height: 1.6;
	padding: 2rem 1rem 2rem 4.5rem;
	position: relative;
	background: url(../img/bg-deco5.png) no-repeat left center;
	background-size: 3rem auto;
}

.sec5 ul li:last-child {
	border-bottom: none;
}

/*  ----------------------------------------------------------
sec6 / そんなカラダや生活の悩みの声からPFC Standardは作られた
----------------------------------------------------------  */
.sec6 {
	background: var(--primary-color);
	padding: 8rem 5%;
	color: #fff;
}

.sec6 h2 {
	text-align: center;
	font-size: 2.8rem;
	margin-bottom: 4rem;
	line-height: 1.6;
}

.sec6 h2 strong {
	font-size: 3.6rem;
}

.sec6 figure {
	margin-bottom: 3rem;
}

.sec6 > p:first-of-type {
	margin-bottom: 3rem;
}

.sec6 p strong {
	color: var(--accent-color);
}

/*  ----------------------------------------------------------
sec7
----------------------------------------------------------  */
.sec7 {
	padding: 8rem 0;
	background: #fff;
}

.sec7 ul li {
	position: relative;
}

.sec7 ul li img {
	margin-top: -8rem;
	position: relative;
	z-index: 1;
}

.sec7 ul li:not(:last-child) {
	padding-bottom: 6rem;
}

.sec7 ul li strong {
	font-size: 2.8rem;
	font-weight: bold;
	color: var(--primary-color);
	display: block;
}

.sec7 ul li:nth-child(1),
.sec7 ul li:nth-child(3) {
	padding-left: 5%;
}

.sec7 ul li:nth-child(2) {
	padding-right: 5%;
}

.sec7 ul li:nth-child(1) strong,
.sec7 ul li:nth-child(3) strong {
	padding-left: 16rem;
}

.sec7 ul li:nth-child(2) strong {
	padding-left: 5%;
}

.sec7 ul li:nth-child(1)::after {
	content: '';
	width: 28rem;
	height: 1px;
	background: var(--primary-color);
	display: block;
	position: absolute;
	left: 2rem;
	bottom: 12rem;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
}

.sec7 ul li:nth-child(2)::after {
	content: '';
	width: 28rem;
	height: 1px;
	background: var(--primary-color);
	display: block;
	position: absolute;
	right: 2rem;
	bottom: 12rem;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

/*  ----------------------------------------------------------
sec8 / PFC Standardの1weekヘルシーライフ
----------------------------------------------------------  */
.sec8 {
	padding: 8rem 5%;
	background: url(../img/bg-ptn.jpg) center;
	background-size: 76rem auto;
}

.sec8 h2 {
	font-size: 4rem;
	line-height: 1.4;
	margin-bottom: 4rem;
	color: var(--primary-color);
	text-align: center;
	background: url(../img/bg-deco6.png) no-repeat center top;
	background-size: 12rem auto;
	padding-top: 6rem;
}

.sec8 h2 small {
	display: block;
	font-size: 1.6rem;
	margin-top: 1rem;
}

.sec8-wrap {
	margin-bottom: 6rem;
}

.sec8-wrap > div:first-of-type {
	background: #fff;
	border-radius: 2rem 0 0 0;
	padding: 4rem 3rem 3rem 3rem;
}

.sec8-wrap > div:last-of-type {
	background: var(--primary-color);
	border-radius: 0 0 2rem 0;
	padding: 3rem;
	color: #fff;
}

.sec8-wrap .date {
	text-align: center;
}

.sec8-wrap .date h3 {
	display: inline-block;
	line-height: 0;
	color: var(--primary-color);
	font-family: 'Barlow Condensed', sans-serif;
	text-align: center;
	font-size: 3.2rem;
	position: relative;
	margin-bottom: 2rem;
}

.sec8-wrap .date h3 span {
	position: relative;
	z-index: 1;
	display: block;
}

.sec8-wrap .date h3 small {
	display: block;
	text-align: right;
	color: #f4f0e9;
	font-size: 5.6rem;
}

.sec8-wrap .date h3::before {
	content: '';
	width: 3rem;
	height: 1px;
	background: var(--primary-color);
	position: absolute;
	left: -4rem;
	top: 50%;
}

.sec8-wrap .date h3::after {
	content: '';
	width: 3rem;
	height: 1px;
	background: var(--primary-color);
	position: absolute;
	right: -4rem;
	top: 50%;
}

.sec8-wrap dl dt {
	display: flex;
	align-items: center;
	justify-content: center;
	border-bottom: solid 1px #000;
}

.sec8-wrap dl dt strong {
	font-family: 'Barlow Condensed', sans-serif;
	font-size: 4.8rem;
	background: url(../img/bg-deco2.png) no-repeat left center;
	background-size: 3.6rem auto;
	padding-left: 4.4rem;
}

.sec8-wrap dl dt small {
	margin-left: 1.5rem;
	margin-top: 0.8rem;
}

.sec8-leaflet {
	background: var(--primary-color);
	border-radius: 2rem 0 2rem 0;
	padding: 3rem;
	color: #fff;
}

.sec8-leaflet h3 {
	text-align: center;
	line-height: 1.6;
	font-size: 2.8rem;
	margin-bottom: 2rem;
}

.sec8-leaflet p {
	margin-top: 2rem;
}

/*  ----------------------------------------------------------
sec9 / ユーザーボイス
----------------------------------------------------------  */
.sec9 {
	padding: 4rem 5% 8rem 5%;
	background: url(../img/bg-ptn.jpg) center top;
	background-size: 76rem auto;
}

.sec9 h2 {
	font-size: 3.2rem;
	line-height: 1.4;
	margin-bottom: 4rem;
	color: var(--primary-color);
	text-align: center;
	background: url(../img/bg-deco6.png) no-repeat center top;
	background-size: 12rem auto;
	padding-top: 6rem;
}

.sec9 h2 small {
	display: block;
	font-size: 1.6rem;
	margin-top: 1rem;
}

.sec9 ul li {
	background: #fff;
	border-radius: 2rem 0 2rem 0;
	padding: 3rem;
	display: flex;
	justify-content: space-between;
}

.sec9 ul li > div {
	width: 35%;
}

.sec9 ul li > p {
	width: 60%;
}

.sec9 ul li > div span {
	display: block;
	width: 90%;
	margin: 1rem auto 0 auto;
	text-align: center;
	background: #e1eae3;
	color: var(--primary-color);
	border-radius: 3rem;
}

.sec9 ul li:not(:last-child) {
	margin-bottom: 3rem;
}

/*  ----------------------------------------------------------
sec10 / メッセージ
----------------------------------------------------------  */
.sec10 {
	background: url(../img/bg5.png) no-repeat center top / cover;
	padding: 0 5% 8rem 5%;
	color: #fff;
}

.sec10 h2 {
	padding: 5rem 0 0 0;
	text-align: center;
	font-size: 2.4rem;
	line-height: 1.6;
	margin-bottom: 2rem;
	background: url(../img/bg-deco7.png) no-repeat center top;
	background-size: auto 20rem;
	height: 20rem;
}

.sec10 h2 small {
	display: block;
	font-size: 1.4rem;
}

.sec10 h3 {
	text-align: center;
	color: var(--accent-color);
	font-size: 3.6rem;
	line-height: 1.6;
	margin-bottom: 4rem;
}

.sec10 p {
	text-align: center;
}

.sec10 p strong {
	background: linear-gradient(to top, #ffed87 20%, transparent 20%);
}

/*  ----------------------------------------------------------
sec11 / おいしいとカラダにいいを届けたい！
----------------------------------------------------------  */
.sec11 {
	padding: 8rem 5%;
	background: url(../img/bg-ptn.jpg) center top;
	background-size: 76rem auto;
}

.sec11 h2 {
	margin: 2rem 0;
}

/*  ----------------------------------------------------------
share
----------------------------------------------------------  */
.share {
	text-align: center;
	font-weight: bold;
	width: 80%;
	margin: 4rem auto 0 auto;
}

.share dt {
	margin-bottom: 1rem;
}

.share ul {
	display: flex;
	justify-content: space-between;
}

.share ul li {
	width: 48%;
	text-align: center;
}

.share ul li a {
	color: #fff;
	display: block;
	font-size: 4rem;
}

.share ul li:first-child a {
	background: #53abee;
}

.share ul li:last-child a {
	background: #3b5997;
}


/* PC用 */
@media screen and (min-width: 768px) {
	.sp {
		display: none;
	}

	.kv {
		background: url(../img/kv_pc.jpg) no-repeat center bottom;
		height: 900px;
	}

	.kv_back {
		background-color: #557e78;
		height: 1167px;
	}

	.sec3-point-summary {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
	}

	.sec3-point-summary h3 {
		width: 40%;
		font-size: 3.2rem;
	}

	.sec3-point-summary figure {
		width: 60%;
	}

	.sec3-point-nutrients-protein,
	.sec3-point-nutrients-fat,
	.sec3-point-nutrients-carbohydrate {
		min-height: 28rem;
	}

	.sec3-point-nutrients-protein {
		background: url(../img/bg1.png) no-repeat left top;
		padding: 3rem 0 0 0;
		background-size: 24rem auto;
	}

	.sec3-point-nutrients-fat {
		background: url(../img/bg2.png) no-repeat left top;
		padding: 3rem 0 0 0;
		background-size: 24rem auto;
	}

	.sec3-point-nutrients-carbohydrate {
		background: url(../img/bg3.png) no-repeat left top;
		padding: 3rem 0 0 0;
		background-size: 24rem auto;
	}

	.sec3-point-nutrients > section h3 {
		text-align: left;
		line-height: 1;
		margin: 0 0 2rem 25rem;
	}

	.sec3-point-nutrients > section p {
		margin: 0 0 0 25rem;
	}

	.sec1 {
		padding-top: 150px;
		margin: -267px auto 0;
		text-align: center;
		background: url(../img/bg-ptn_pc.jpg) center top;
		background-size: cover;
	}

	.kv > div {
		padding-top: 20rem;
	}

	.kv h1 {
		width: 240px;
	}

	.kv p {
		font-size: 4.6rem;
		font-weight: normal;
	}

	.sec7 {
		max-width: 960px;
		margin: auto;
	}

	.back_white {
		background-color: #fff;
	}

	.flex_box {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: auto;
		justify-content: space-evenly;
	}

	.flex_box .sec8-wrap,
	.flex_box .sec8-leaflet {
		width: 40%;
	}

	.flex_box .sec8-leaflet {
		height: 67rem;
	}

	.sec8-wrap > div:last-of-type {
		padding: 2rem;
		min-height: 12rem;
	}

	.sec8-leaflet h3 {
		font-size: 2rem;
	}

	.sec8-wrap dl dt strong {
		font-size: 4.2rem;
	}

	.sec8-wrap p,
	.sec8-leaflet {
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.sec9 ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: auto;
		justify-content: space-evenly;
		max-width: 960px;
	}

	.sec9 ul li {
		display: block;
		width: 30%;
		padding: 3rem 1rem;
	}

	.sec9 ul li > div {
		width: 100%;
		padding: 0 2rem;
	}

	.sec9 ul li > p {
		width: 100%;
		padding: 3rem 1rem;
		font-size: 1.5rem;
		line-height: 1.5;
	}

	.sec9 ul li:not(:last-child) {
		margin-bottom: 0;
	}

	.sec10 h3 {
		font-size: 2.8rem;
	}

	.sec11 .sec11_img,
	.sec11 h2 {
		margin: auto;
		text-align: center;
	}

	.sec11 .sec11_img img {
		width: 498px;
	}

	.sec11 h2 img {
		width: 500px;
	}

	.sec11 p {
		max-width: 735px;
		margin: auto;
		text-align: center;
	}

	.cv a {
		width: 30rem;
		font-size: 1.8rem;
		padding: 1.8rem 0 2rem 0;
	}

	.cvm a {
		width: 30rem;
		font-size: 1.8rem;
		padding: 1.8rem 0 2rem 0;
	}

	.share ul {
		display: flex;
		justify-content: center;
	}

	.share ul li {
		width: 25rem;
		text-align: center;
		margin: 1rem;
	}

	.share ul li a {
		font-size: 2.5rem;
	}

	.sec4 .cv p.speaker_up::before {
		background: url(../img/ico.png) no-repeat;
		background-size: 3.2rem auto;
		display: block;
		margin: auto;
	}

	footer {
		padding: 6rem 5% 2rem;
	}

	footer h2 {
		font-size: 2.6rem;
	}

	footer dl {
		max-width: 860px;
		margin: 0 auto 3rem;
		font-size: 1.3rem;
	}

	.sec1 > div:first-of-type {
		/*		width: 85%;*/
		width: 750px;
	}

	.sec1 h2 span {
		font-size: 2.2rem;
		width: auto;
		width: 600px;
	}

	.sec1 h2 strong {
		font-size: 3.8rem;
	}

	.sec1 img {
		max-width: 960px;
	}

	.sec1 > p {
		font-size: 1.5rem;
		margin: 2rem auto 1rem;
	}

	.sec1 > p strong {
		font-size: 2.8rem;
		background-image: linear-gradient(transparent 70%, #fff 30%);
	}

	.sec1 p img {
		width: 18rem;
		margin: 0 3rem;
	}

	.sec3 {
		padding: 4rem 0 8rem;
		max-width: 960px;
		margin: auto;
	}

	.sec5 {
		background: url(../img/bg-ptn_sec_05_pc.jpg) center top;
		background-size: cover;
	}

	.sec5 ul {
		display: -webkit-box;
		display: -moz-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		margin: auto;
		justify-content: space-evenly;
		max-width: 960px;
		flex-wrap: wrap;
	}

	.sec5 ul li {
		width: 45%;
		font-size: 1.6rem;
	}

	.sec5 ul li:last-child {
		border-bottom: dotted 2px #e8e8e8;
	}

	.sec6 .flex_box {
		max-width: 960px;
	}

	.sec6 .flex_box figure,
	.sec6 .flex_box p {
		width: 48%;
	}

	.sec1 > * {
		max-width: 960px;
		margin: auto;
	}

	.sec2 {
		margin: auto;
		text-align: center;
	}

	.sec2 > img {
		margin-top: -40rem;
		max-width: 1512px;
	}

	.sec8to9 {
		background: url(../img/bg-ptn.jpg);
		background-size: cover;
	}

	.sec8 {
		padding: 8rem 0;
		max-width: 960px;
		background: none;
		margin: auto;
	}

	.sec9 {
		background: none;
	}

	.sec7 ul li:nth-child(1) strong,
	.sec7 ul li:nth-child(3) strong {
		padding-left: 26rem;
	}

	.sec11,
	.sec8to9 {
		background: url(../img/bg-ptn_pc.jpg) center top;
	}

	.sec4 > div {
		background: url(../img/bg-ptn_pc.jpg) center top;
	}
}

/* スマホ用 */
@media screen and (max-width: 767px) {
	.pc {
		display: none !important;
	}
}

/* 共通 */
@media screen and (min-width: 767px) {
	.kv > div.kaiten {
		display: block;
		position: absolute;
		width: 139px;
		height: 139px;
		/*	margin: 30px;*/
		padding: 0;
		bottom: -70px;
		-webkit-appearance: none;
		-webkit-text-size-adjust: 100%;
	}
}

@media screen and (max-width: 767px) {
	.kv > div.kaiten {
		display: block;
		position: absolute;
		width: 139px;
		height: 139px;
		/*	margin: 30px;*/
		padding: 0;
		bottom: -30px;
		-webkit-appearance: none;
		-webkit-text-size-adjust: 100%;
	}
}

.kaiten {
	animation: 20s linear infinite rotation1;
	-webkit-appearance: none;
	-webkit-text-size-adjust: 100%;
}

@keyframes rotation1 {
	0% {
		transform: rotate(0);
	}

	100% {
		transform: rotate(360deg);
	}
}


.scrolldown2 {
	position: absolute;
	bottom: 1%;
	right: 50%;
	animation: arrowmove 2s ease-in-out infinite;
}

@keyframes arrowmove {
	0% {
		bottom: 1%;
	}

	50% {
		bottom: 3%;
	}

	100% {
		bottom: 1%;
	}
}

.scrolldown1 span {
	position: absolute;
	bottom: 15px;
	color: #557e78;
	font-size: 2.0rem;
	letter-spacing: 0.05em;
	margin: auto;
	text-align: center;
	left: calc(50% - 26px);
}

.scrolldown2:before {
	content: "";
	position: absolute;
	bottom: -65px;
	right: -6px;
	width: 1px;
	height: 20px;
	background: #557e78;
	transform: skewX(-31deg);
}

.scrolldown2:after {
	content: "";
	position: absolute;
	bottom: -65px;
	right: 0;
	width: 1px;
	height: 50px;
	background: #557e78;
}


/* スマホ用 */
@media screen and (max-width: 767px) {

	.kv > div.kaiten {
		width: 100px;
		height: 100px;
		bottom: -47px;
	}

	.scrolldown1 span {
		bottom: 14px;
		left: calc(50% - 18px);
		font-size: 14px;
	}

	.scrolldown2:before,
	.scrolldown2:after {
		bottom: -48px;
	}

}