@charset "utf-8";

/* =======================================

        修正用css

======================================= */
.orange {
	color: #f8911e;
}
.green {
	color: #797d4a;
}
.enji {
	color: #cc2c2c;
}
#sec1 {
	margin-bottom: 50px;
}

#sec2 {
	padding-bottom: 0;
}

#contact dd input[type="checkbox"] {
	width: 20px;
	vertical-align: bottom;
}

/* pc ===================== */
@media screen and (min-width: 641px) {
	.cmn_ttl_fwb {
		font-family: "Noto Serif JP", serif;
		font-weight: bold;
		font-size: 30px;
		text-align: center;
		margin: 40px 0;
		color: #5a3214;
	}

	.page_ttl span {
		font-size: 26px;
		display: block;
	}

	.page_ttl span.pepuchido {
		font-size: 60px;
		display: inline;
	}

	.page_ttl span.pepuchido:after {
		font-size: 20px;
		width: 80px;
		left: 20px;
	}

	span.pepuchido {
		position: relative;
	}
	span.pepuchido:after {
		content: "ペプチド";
		position: absolute;
		top: -10px;
		left: 14px;
		font-size: 12px;
		width: 60px;
	}

	.cmn_ttl_fwb > span.pepuchido:after {
		left: 4px;
	}

	#tp_contact .cmn_ttl1 {
		margin-bottom: 0px;
	}

	#tp_contact .cmn_ttl_fwb {
		margin: 10px 0 20px 0;
	}

	#sec3,
	#sec4 {
		margin-bottom: 100px;
	}

	#tp_contact2 .box .box_in .tp_ttl,
	#tp_contact2 .box .box_in .tp_ttl span {
		color: #fff100;
	}

	.sec1_in .sec_ttl img {
		margin: 15px 0;
	}

	.sec4_in h2.sec_ttl img {
		margin: 15px 0;
	}

	.material_list p.txt1 {
		font-size: 20px !important;
	}

	.section_tlt {
		color: #5a3214;
		font-size: 23px;
		font-weight: 600;
		font-family: "Noto Serif JP", serif;
	}

	.cmn_ttl1.green {
		color: #005825;
		font-size: 48px;
		letter-spacing: 1px;
		margin-bottom: 40px;
	}
	#about_sec6 .image {
		margin-right: 40px;
	}
	#about_sec6 .cmn_ttl1.green {
		margin-bottom: 0;
	}
	#about_sec5 .btn {
		transition: 0.5s;
		text-align: center;
		position: relative;
		background-color: #797d4a;
		width: 460px;
		margin: auto;
		margin-top: 30px;
	}
	#about_sec5 .btn:hover {
		background-color: #79874a;
	}
	#about_sec5 .btn a {
		color: #fff;
		display: block;
		padding: 15px 10px;
	}
	#about_sec5 .btn::before {
		content: "";
		top: 38%;
		right: 15%;
		position: absolute;
		border-style: solid;
		border-width: 8px 0px 8px 10px;
		border-color: transparent #fff;
	}

	#company .cmn_table dt {
		width: 220px;
	}
} /* @media min-width:641px end ===================== */

/* sp ===================== */
@media screen and (max-width: 640px) {
	/*lp cmn==============*/
	.sec_ttl {
		color: #563d13;
		font-size: 24px;
		font-weight: 700;
		text-align: center;
		margin-bottom: 10px;
		letter-spacing: 2px;
	}

	.sec_ttl span {
		font-size: 27px;
	}

	#lp-sec01 {
		margin-top: 30px;
		margin-bottom: 70px;
	}

	#lp-sec01 .flex {
		display: flex;
		justify-content: space-between;
	}

	.lp-sec01_txt {
		text-align: center;
		margin-bottom: 30px;
	}

	.lp-sec01_txt span {
		font-size: 18px;
		font-weight: 600;
		display: inline-block;
	}

	.lp-sec01_img ul {
		justify-content: space-between;
	}

	#sec3,
	#sec4 {
		margin-bottom: 50px;
	}

	#sec2 {
		padding-bottom: 0;
	}
	.cmn_ttl1.green {
		color: #005825;
		font-size: 28px;
		letter-spacing: 1px;
		margin-bottom: 20px;
	}
	#page_ttl-wp .page_ttl-in .page_ttl {
		color: #fff100;
		font-size: 32px;
		line-height: 1.5;
		position: relative;
		top: 56%;
		-webkit-transform: translateY(-56%);
		/* Safari用 */
		transform: translateY(-56%);
		background: url(../img/cmn/ttl_fude.png) no-repeat center left;
	}
	.page_ttl span {
		font-size: 18px;
		display: block;
		margin-top: 10px;
	}
	.page_ttl span br {
		display: none;
	}
	.page_ttl span.pepuchido {
		font-size: 32px;
		display: inline;
	}
	.page_ttl span.pepuchido:after {
		font-size: 12px;
		width: 60px;
		left: 6px;
	}
	span.pepuchido {
		position: relative;
	}
	span.pepuchido:after {
		content: "ペプチド";
		position: absolute;
		top: -10px;
		left: 14px;
		font-size: 12px;
		width: 60px;
	}
	#page_ttl-wp .page_ttl-in {
		height: 400px;
	}

	#mainv .mainv_in .mv_copy span {
		color: #fff100;
		padding-left: 30px;
		font-size: 34px;
		left: 0;
	}
	#mainv .mainv_in .mv_copy span.pepuchido {
		margin-left: 0;
		padding-left: 0;
	}
	#about_sec5 .btn {
		transition: 0.5s;
		text-align: center;
		position: relative;
		background-color: #797d4a;
		width: 90%;
		margin: auto;
		margin-top: 30px;
	}
	#about_sec5 .btn:hover {
		background-color: #79874a;
	}
	#about_sec5 .btn a {
		color: #fff;
		display: block;
		padding: 15px 10px;
	}
	#about_sec5 .btn::before {
		content: "";
		top: 40%;
		right: 10%;
		position: absolute;
		border-style: solid;
		border-width: 5px 0px 5px 8px;
		border-color: transparent #fff;
	}
} /* @media max-width:640px end ===================== */

#page_ttl-wp.story_ttlwp {
	background-image: url(../img/story/story_ttl-bk.jpg);
}

/* 200617 追記 */
.navi ul {
	width: 1020px;
}

.navi ul li {
	font-size: 18px;
}

#footer .f_copy .f_navi li {
	font-size: 16px;
}

.cFFF100 {
	color: #fff100;
}