body {
	font-family: 'Noto Sans JP', sans-serif;
	font-weight: 400;
	color: #606060;
	margin: 0 !important;
	padding: 0 !important;
}
section {
	margin: 0 auto;
}
.flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.sp { display: none; }
.pc { display: block; }

.pc-flex{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

header {
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
}
header div.header div span {
	color: #4CA223;
}
header div.header {
	max-width: 1080px;
	height: 120px;
	margin: 0 auto;
}
header div.header h1 {
	padding-top: 17px;
	padding-right: 80px;
}
header div.header div {
	text-align: right;
	padding-top: 33px;
	padding-right: 60px;

	font: normal normal 700 18px/24px Noto Sans JP;
	letter-spacing: 0.54px;
}
header div.header div h2 {
	font: normal normal 700 21px/42px Noto Sans JP;
	letter-spacing: 0.84px;
	color: #393939E0;
}

header div.branding {
	border-top: 10px solid #4CA223;
	background-image: url(../images/bg-branding.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
header div.branding > div {
	max-width: 1280px;
	margin: 0 auto;
}

section#trial01 img {
	margin: 0 auto;
}
section#trial01 div p span {
	color: #00A3A4;
}
section#trial01 {
	max-width: 950px;
	margin-top: 5px;
	text-align: center;
	height: 300px;
}
section#trial01 div,
section#trial02 div {
	margin-top: 25px;
	padding-left: 110px;

	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}
section#trial02 div p,
section#trial01 div p {
	display: block;
	padding-top: 20px;
	padding-left: 20px;

	font: normal normal 900 17px/17px Noto Sans JP;
	letter-spacing: 1.02px;
	color: #393939E0;
}

section#deliver {
	width: 100%;
	padding-bottom: 90px;
}
section#deliver h2 {
	margin: 0 auto;
	height: 168px;
	padding-top: 25px;
	text-align: center;
	background-image: url(../images/bg-deliver.png);
	background-repeat: no-repeat;
	background-position: top center;

	font: normal normal 900 50px/49px Noto Sans JP;
	letter-spacing: 3px;
	color: #FFFFFF;
	text-shadow: 0px 3px 6px #00000029;
}
section#deliver ul {
	padding: 70px 10px;
	margin: 0 auto;
	max-width: 950px;

	background: #FFFCEF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 1px solid #FFF61F;
	border-radius: 27px;
}
section#deliver ul li {
	margin: 0 25px;
	width: 33%;
	text-align: center;
}
section#deliver ul li  p {
	margin-top: 40px;
	text-align: left;
	font: normal normal 500 17px/25px Noto Sans JP;
	letter-spacing: 0.59px;
}

section#point {
	width: 100%;
	padding: 0 10px 130px;
	background-image: url(../images/bg-point.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}
section#point h2 {
	padding-top: 90px;
	text-align: center;

	font: normal normal 900 50px/58px Noto Sans JP;
	letter-spacing: 0px;
	color: #FFFFFF;
	text-shadow: 0px 3px 6px #00000029;
}
section#point h2 span {
	font: normal normal 900 40px/58px Noto Sans JP;
	letter-spacing: 0px;
}
section#point div {
	position: relative;
	margin: 180px auto 0;
	max-width: 950px;
	padding: 0 35px;
	text-align: center;

	background: #FFFFFF 0% 0% no-repeat padding-box;
	box-shadow: 0px 3px 6px #00000029;
	border: 2px solid #FFF61F;
	border-radius: 28px;
	opacity: 0.9;
}
section#point > div > picture.attention{
	display: block;
	position: relative;
	top:-125px;
	opacity: 1;
}
section#point p.title {
	position: relative;
	top:-80px;
	margin: 0 auto;
	width: 524px;
	height: 38px;
	background: #4CA223 0% 0% no-repeat padding-box;
	border-radius: 32px;
	opacity: 1;

	text-align: center;
	font: normal normal 700 19px/38px Noto Sans JP;
	letter-spacing: 1.9px;
	color: #FFF61F;
	opacity: 1;
}
section#point p.service {
	position: relative;
	top:-55px;

	text-align: center;
	font: normal normal 900 47px/58px Noto Sans JP;
	letter-spacing: 0px;
	color: #4CA223;
	text-shadow: 0px 3px 3px #00000029;
	opacity: 1;
}
section#point p.note {
	position: relative;
	top:-45px;

	text-align: center;
	font: normal normal 700 34px/49px Noto Sans JP;
	letter-spacing: 1.02px;
	color: #606060;
	opacity: 1;
}
section#point h3 {
	display: block;
	margin-top: -15px;
	margin-left: 30px;
	text-align: left;
	font: normal normal 900 32px/40px Noto Sans JP;
	letter-spacing: 0px;
	color: #4CA223;
	text-shadow: 0px 3px 3px #00000029;
	opacity: 1;
	border-bottom: 2px solid #FFF61F;
}
section#point p {
	text-align: left;
	font: normal normal 500 20px/35px Noto Sans JP;
	letter-spacing: 0px;
	color: #606060;
	opacity: 1;
}
section#point ul {
	position: relative;
	top: -15px;
	padding-bottom: 50px;
}
section#point ul li {
	text-align: left;
}
section#point ul li p {
	padding: 0 30px;
}
section#point ul li:first-child {
	background-image: url(../images/note.png);
	background-repeat: no-repeat;
	background-position: top 150px right 30px;
}
section#point ul li:first-child > p {
	width: 67%;
	padding-bottom: 50px;
}

section#guidance {
	max-width: 950px;
	padding-bottom: 50px;
}
section#guidance h2 {
	margin: 90px 0;
	text-align: center;
	font: normal normal 900 50px/49px Noto Sans JP;
	letter-spacing: 3px;
	color: #606060;
	opacity: 1;
}
section#guidance ul li {
	text-align: center;
	max-width: 245px;
	padding-left: 36px;

	background-image: url(../images/tri-h.png);
	background-repeat: no-repeat;
	background-position: top 87px left 10px;
}
section#guidance ul li:first-child {
	max-width: 209px;
	padding-left: 0;
	background: none;
}

section#guidance h3 {
	padding-top: 10px;
	padding-bottom: 20px;
	text-align: center;
	font: normal normal 900 30px/40px Noto Sans JP;
	letter-spacing: 0px;
	color: #4CA223;
	opacity: 1;
}
section#guidance p {
	text-align: center;
	font: normal normal 500 17px/25px Noto Sans JP;
	letter-spacing: 0px;
	color: #606060;
	opacity: 1;
}

section#refresh {
	text-align: center;
	height: 850px;
	background-image: url(../images/bg-refresh.jpg);
	background-repeat: no-repeat;
	background-position: top left;
}
section#refresh h2 {
	padding: 65px 0;
	font: normal normal 900 45px/45px Noto Sans JP;
	letter-spacing: 2.7px;
	color: #FFFFFF;
	text-shadow: 0px 3px 3px #00000029;
}
section#refresh p {
	font: normal normal 700 20px/38px Noto Sans JP;
	letter-spacing: 1.2px;
	color: #FFFFFF;
	text-shadow: 0px 3px 3px #00000029;
	padding-bottom: 1em;
}
section#refresh p span {
	font: normal normal 700 30px/38px Noto Sans JP;
	letter-spacing: 1.8px;
}

section#symptoms {
	max-width: 950px;
	padding: 0 10px 50px;
}
section#symptoms h2 {
	padding: 68px 0 50px;
	font: normal normal 900 40px/49px Noto Sans JP;
	letter-spacing: 2.4px;
	color: #606060;
}
section#symptoms li {
	font: normal normal 700 19px/30px Noto Sans JP;
	letter-spacing: 0px;
	text-indent: -1.2em;
	margin-left: 1.2em;
}
section#symptoms li span {
	color: #4CA223;
}
section#symptoms p {
	margin-top: 40px;
	text-align: center;
	font: normal normal 500 16px/25px Noto Sans JP;
	letter-spacing: 0px;
	color: #606060;
}

section#trial02 {
	padding-top: 65px;
	text-align: center;
	height: 642px;
	background-color: #E7EBE5;
}
section#trial02 div p span {
	color: #00A3A4;
}
section#trial02 p {
	margin-bottom: 30px;
}
section#trial02 div {
	max-width: 950px;
	margin: 40px auto 0;
}

section#effect {
	max-width: 950px;
	margin: 0 auto;
	padding: 0 10px;
}
section#effect h2 {
	margin: 90px 0;

	text-align: center;
	font: normal normal 900 50px/49px Noto Sans JP;
	letter-spacing: 3px;
	color: #606060;
}
section#effect h3 {
	margin-left: -10px;
}
section#effect li {
	height: 318px;
	padding-left: 55px;
	padding-right: 31px;
	margin-bottom: 60px;
	border: 2px solid #FFF61F;
	border-radius: 22px;
	background-image: url(../images/bg-trial02.png);
	background-color: #FFFCEF;
	background-repeat: repeat-x;
	background-position: top;
	box-shadow: 0px 3px 7px #00000029;
}
section#effect li div {
	margin-top: 9px;
	max-width: 54%;
	float: left;
}
section#effect li div p {
	margin-top: 30px;

	font: normal normal 500 20px/32px Noto Sans JP;
	letter-spacing: 0px;
	color: #606060;
}
section#effect li img.photo {
	margin-top: 38px;
	max-width: 39%;
	float: right;
	border-radius: 11px;
}

section#guideline {
	text-align: center;
	padding: 90px 10px;
	margin-top: 110px;
	background: #F5F5F5 0% 0% no-repeat padding-box;
}
section#guideline > img {
	margin: 0 auto;
}
section#guideline h2 {
	margin: 22px 0;
	text-align: center;
	font: normal normal 900 39px/49px Noto Sans JP;
	letter-spacing: 1.56px;
	color: #606060;
}
section#guideline h3 {
	margin: 30px 0 10px;
	font: normal normal 700 30px/49px Noto Sans JP;
	letter-spacing: 0px;
	color: #4CA223;
}
section#guideline ul {
	max-width: 950px;
	margin: 0 auto;
	text-align: left;
}
section#guideline ul.company {
	font: normal normal 500 20px/29px Noto Sans JP;
	letter-spacing: 0.8px;
	color: #606060;
}
section#guideline > div > ul > li > ul > li {
	text-indent: -1em;
	margin-left: 1em;
}

section#contact {
	max-width: 950px;
	margin: 0 auto;
	padding: 90px 10px 0;
}
section#contact h2 {
	padding-bottom: 90px;
	font: normal normal 900 50px/49px Noto Sans JP;
	text-align: center;
	letter-spacing: 3px;
	color: #606060;
}
section#contact > p {
	font: normal normal 500 16px/24px Noto Sans JP;
	letter-spacing: 0px;
	color: #606060;
}
section#contact > p > span {
	color: #ED4000;
}
section#contact > p.caution {
	margin-bottom: 60px;
}

/* お問い合わせフォーム */
form > div {
	position: relative;
	border-top: 1px solid #ADADAD;
	min-height: 50px;
	padding-top: 6px;
}
form > div.message{
	height: 200px;
}
form > div:first-child {
	border: none;
}
form li{
	margin-right: 10px;
}
form label {
	font: normal normal 500 16px/34px Noto Sans JP;
	letter-spacing: 0px;
	color: #606060;
}
form span {
	display: block;
}
form span.must {
	display: block;
	text-align: center;
	width: 50px;
	height: 26px;
	font: normal normal 500 15px/26px Noto Sans JP;
	letter-spacing: 0px;
	color: #FFFFFF;
	background: #ED4000 0% 0% no-repeat padding-box;
	border-radius: 6px;
	margin-right: 17px;
	margin-top: 4px;
}
form span.caution {
	position: absolute;
	font: normal normal 500 16px/10px Noto Sans JP;
	letter-spacing: 0px;
	top: 13px;
	left: calc(250px + 46%);
	margin-top: 6px;
}
input[type="radio"]{
	all: revert;
}
input[type="text"],input[type="tel"],input[type="email"]{
	padding: 0 5px;
	border: 2px solid #E3E3E3;
	position: absolute;
	left: 250px;
	width: 46%;
	height: 35px;
}
textarea{
	position: absolute;
	left: 250px;
	width: 66%;
	height: 122px;
	border: 2px solid #E3E3E3;
	line-height: 14px;
	font-size: 21px;

	font: normal normal 16px/24px Noto Sans JP !important;
	letter-spacing: initial;
	padding: 0 5px;
}
div.submit {
	text-align: center;
}
input[type="submit"]{
	background-image:url(../images/btn-submit.png) ;
	background-color: #ffffff;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	text-indent: -9999px;
	object-fit: cover;
	width: 485px;
	height: 109px;
}
p.submit{
	text-align: center;
}
input[type="submit"]:hover,
img.pointer:hover {
	cursor: pointer;
	opacity: 0.7;
}

footer {
	margin-top: 90px;
	background-color: #4CA223;
	text-align: center;
	padding-top: 40px;
}
footer p {
	margin-top: 32px;
	font: normal normal 700 25px/35px Noto Sans JP;
	letter-spacing: 0.75px;
	color: #FFFFFF;
}
footer p.copyright {
	margin-top: 35px;
	font: normal normal 700 12px/34px Noto Sans JP;
	letter-spacing: 0.48px;
	color: #FFFFFF;
	background-color: #418E1C;
}

footer img {
	width: 222px;
}
label.error {
	color: #FF0000;
	line-height: 24px;
}