/* Do not touch */
input,
button,
select,
textarea,
body,
.lead,
.font-body,
input.h1,
button.h1,
select.h1,
textarea.h1,
body.h1,
.lead.h1,
.font-body.h1,
input.h2,
button.h2,
select.h2,
textarea.h2,
body.h2,
.lead.h2,
.font-body.h2,
input.h3,
button.h3,
select.h3,
textarea.h3,
body.h3,
.lead.h3,
.font-body.h3,
input.h4,
button.h4,
select.h4,
textarea.h4,
body.h4,
.lead.h4,
.font-body.h4,
input.h5,
button.h5,
select.h5,
textarea.h5,
body.h5,
.lead.h5,
.font-body.h5,
input.h6,
button.h6,
select.h6,
textarea.h6,
body.h6,
.lead.h6,
.font-body.h6,
input .h1,
button .h1,
select .h1,
textarea .h1,
body .h1,
.lead .h1,
.font-body .h1,
input .h2,
button .h2,
select .h2,
textarea .h2,
body .h2,
.lead .h2,
.font-body .h2,
input .h3,
button .h3,
select .h3,
textarea .h3,
body .h3,
.lead .h3,
.font-body .h3,
input .h4,
button .h4,
select .h4,
textarea .h4,
body .h4,
.lead .h4,
.font-body .h4,
input .h5,
button .h5,
select .h5,
textarea .h5,
body .h5,
.lead .h5,
.font-body .h5,
input .h6,
button .h6,
select .h6,
textarea .h6,
body .h6,
.lead .h6,
.font-body .h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",  sans-serif;
	font-weight: 300;
	line-height: 1.5;
}

input strong,
button strong,
select strong,
textarea strong,
body strong,
.lead strong,
.font-body strong,
input.h1 strong,
button.h1 strong,
select.h1 strong,
textarea.h1 strong,
body.h1 strong,
.lead.h1 strong,
.font-body.h1 strong,
input.h2 strong,
button.h2 strong,
select.h2 strong,
textarea.h2 strong,
body.h2 strong,
.lead.h2 strong,
.font-body.h2 strong,
input.h3 strong,
button.h3 strong,
select.h3 strong,
textarea.h3 strong,
body.h3 strong,
.lead.h3 strong,
.font-body.h3 strong,
input.h4 strong,
button.h4 strong,
select.h4 strong,
textarea.h4 strong,
body.h4 strong,
.lead.h4 strong,
.font-body.h4 strong,
input.h5 strong,
button.h5 strong,
select.h5 strong,
textarea.h5 strong,
body.h5 strong,
.lead.h5 strong,
.font-body.h5 strong,
input.h6 strong,
button.h6 strong,
select.h6 strong,
textarea.h6 strong,
body.h6 strong,
.lead.h6 strong,
.font-body.h6 strong,
input .h1 strong,
button .h1 strong,
select .h1 strong,
textarea .h1 strong,
body .h1 strong,
.lead .h1 strong,
.font-body .h1 strong,
input .h2 strong,
button .h2 strong,
select .h2 strong,
textarea .h2 strong,
body .h2 strong,
.lead .h2 strong,
.font-body .h2 strong,
input .h3 strong,
button .h3 strong,
select .h3 strong,
textarea .h3 strong,
body .h3 strong,
.lead .h3 strong,
.font-body .h3 strong,
input .h4 strong,
button .h4 strong,
select .h4 strong,
textarea .h4 strong,
body .h4 strong,
.lead .h4 strong,
.font-body .h4 strong,
input .h5 strong,
button .h5 strong,
select .h5 strong,
textarea .h5 strong,
body .h5 strong,
.lead .h5 strong,
.font-body .h5 strong,
input .h6 strong,
button .h6 strong,
select .h6 strong,
textarea .h6 strong,
body .h6 strong,
.lead .h6 strong,
.font-body .h6 strong,
input.bold,
button.bold,
select.bold,
textarea.bold,
body.bold,
.lead.bold,
.font-body.bold,
input.h1.bold,
button.h1.bold,
select.h1.bold,
textarea.h1.bold,
body.h1.bold,
.lead.h1.bold,
.font-body.h1.bold,
input.h2.bold,
button.h2.bold,
select.h2.bold,
textarea.h2.bold,
body.h2.bold,
.lead.h2.bold,
.font-body.h2.bold,
input.h3.bold,
button.h3.bold,
select.h3.bold,
textarea.h3.bold,
body.h3.bold,
.lead.h3.bold,
.font-body.h3.bold,
input.h4.bold,
button.h4.bold,
select.h4.bold,
textarea.h4.bold,
body.h4.bold,
.lead.h4.bold,
.font-body.h4.bold,
input.h5.bold,
button.h5.bold,
select.h5.bold,
textarea.h5.bold,
body.h5.bold,
.lead.h5.bold,
.font-body.h5.bold,
input.h6.bold,
button.h6.bold,
select.h6.bold,
textarea.h6.bold,
body.h6.bold,
.lead.h6.bold,
.font-body.h6.bold,
input .h1.bold,
button .h1.bold,
select .h1.bold,
textarea .h1.bold,
body .h1.bold,
.lead .h1.bold,
.font-body .h1.bold,
input .h2.bold,
button .h2.bold,
select .h2.bold,
textarea .h2.bold,
body .h2.bold,
.lead .h2.bold,
.font-body .h2.bold,
input .h3.bold,
button .h3.bold,
select .h3.bold,
textarea .h3.bold,
body .h3.bold,
.lead .h3.bold,
.font-body .h3.bold,
input .h4.bold,
button .h4.bold,
select .h4.bold,
textarea .h4.bold,
body .h4.bold,
.lead .h4.bold,
.font-body .h4.bold,
input .h5.bold,
button .h5.bold,
select .h5.bold,
textarea .h5.bold,
body .h5.bold,
.lead .h5.bold,
.font-body .h5.bold,
input .h6.bold,
button .h6.bold,
select .h6.bold,
textarea .h6.bold,
body .h6.bold,
.lead .h6.bold,
.font-body .h6.bold,
input .bold,
button .bold,
select .bold,
textarea .bold,
body .bold,
.lead .bold,
.font-body .bold,
input.h1 .bold,
button.h1 .bold,
select.h1 .bold,
textarea.h1 .bold,
body.h1 .bold,
.lead.h1 .bold,
.font-body.h1 .bold,
input.h2 .bold,
button.h2 .bold,
select.h2 .bold,
textarea.h2 .bold,
body.h2 .bold,
.lead.h2 .bold,
.font-body.h2 .bold,
input.h3 .bold,
button.h3 .bold,
select.h3 .bold,
textarea.h3 .bold,
body.h3 .bold,
.lead.h3 .bold,
.font-body.h3 .bold,
input.h4 .bold,
button.h4 .bold,
select.h4 .bold,
textarea.h4 .bold,
body.h4 .bold,
.lead.h4 .bold,
.font-body.h4 .bold,
input.h5 .bold,
button.h5 .bold,
select.h5 .bold,
textarea.h5 .bold,
body.h5 .bold,
.lead.h5 .bold,
.font-body.h5 .bold,
input.h6 .bold,
button.h6 .bold,
select.h6 .bold,
textarea.h6 .bold,
body.h6 .bold,
.lead.h6 .bold,
.font-body.h6 .bold,
input .h1 .bold,
button .h1 .bold,
select .h1 .bold,
textarea .h1 .bold,
body .h1 .bold,
.lead .h1 .bold,
.font-body .h1 .bold,
input .h2 .bold,
button .h2 .bold,
select .h2 .bold,
textarea .h2 .bold,
body .h2 .bold,
.lead .h2 .bold,
.font-body .h2 .bold,
input .h3 .bold,
button .h3 .bold,
select .h3 .bold,
textarea .h3 .bold,
body .h3 .bold,
.lead .h3 .bold,
.font-body .h3 .bold,
input .h4 .bold,
button .h4 .bold,
select .h4 .bold,
textarea .h4 .bold,
body .h4 .bold,
.lead .h4 .bold,
.font-body .h4 .bold,
input .h5 .bold,
button .h5 .bold,
select .h5 .bold,
textarea .h5 .bold,
body .h5 .bold,
.lead .h5 .bold,
.font-body .h5 .bold,
input .h6 .bold,
button .h6 .bold,
select .h6 .bold,
textarea .h6 .bold,
body .h6 .bold,
.lead .h6 .bold,
.font-body .h6 .bold {
	font-weight: 700;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-head,
h1.h1,
h2.h1,
h3.h1,
h4.h1,
h5.h1,
h6.h1,
.font-head.h1,
h1.h2,
h2.h2,
h3.h2,
h4.h2,
h5.h2,
h6.h2,
.font-head.h2,
h1.h3,
h2.h3,
h3.h3,
h4.h3,
h5.h3,
h6.h3,
.font-head.h3,
h1.h4,
h2.h4,
h3.h4,
h4.h4,
h5.h4,
h6.h4,
.font-head.h4,
h1.h5,
h2.h5,
h3.h5,
h4.h5,
h5.h5,
h6.h5,
.font-head.h5,
h1.h6,
h2.h6,
h3.h6,
h4.h6,
h5.h6,
h6.h6,
.font-head.h6 {
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",  sans-serif;
	font-weight: 500;
	line-height: 1.4;
}

h1 strong,
h2 strong,
h3 strong,
h4 strong,
h5 strong,
h6 strong,
.font-head strong,
h1.h1 strong,
h2.h1 strong,
h3.h1 strong,
h4.h1 strong,
h5.h1 strong,
h6.h1 strong,
.font-head.h1 strong,
h1.h2 strong,
h2.h2 strong,
h3.h2 strong,
h4.h2 strong,
h5.h2 strong,
h6.h2 strong,
.font-head.h2 strong,
h1.h3 strong,
h2.h3 strong,
h3.h3 strong,
h4.h3 strong,
h5.h3 strong,
h6.h3 strong,
.font-head.h3 strong,
h1.h4 strong,
h2.h4 strong,
h3.h4 strong,
h4.h4 strong,
h5.h4 strong,
h6.h4 strong,
.font-head.h4 strong,
h1.h5 strong,
h2.h5 strong,
h3.h5 strong,
h4.h5 strong,
h5.h5 strong,
h6.h5 strong,
.font-head.h5 strong,
h1.h6 strong,
h2.h6 strong,
h3.h6 strong,
h4.h6 strong,
h5.h6 strong,
h6.h6 strong,
.font-head.h6 strong,
h1.bold,
h2.bold,
h3.bold,
h4.bold,
h5.bold,
h6.bold,
.font-head.bold,
h1.h1.bold,
h2.h1.bold,
h3.h1.bold,
h4.h1.bold,
h5.h1.bold,
h6.h1.bold,
.font-head.h1.bold,
h1.h2.bold,
h2.h2.bold,
h3.h2.bold,
h4.h2.bold,
h5.h2.bold,
h6.h2.bold,
.font-head.h2.bold,
h1.h3.bold,
h2.h3.bold,
h3.h3.bold,
h4.h3.bold,
h5.h3.bold,
h6.h3.bold,
.font-head.h3.bold,
h1.h4.bold,
h2.h4.bold,
h3.h4.bold,
h4.h4.bold,
h5.h4.bold,
h6.h4.bold,
.font-head.h4.bold,
h1.h5.bold,
h2.h5.bold,
h3.h5.bold,
h4.h5.bold,
h5.h5.bold,
h6.h5.bold,
.font-head.h5.bold,
h1.h6.bold,
h2.h6.bold,
h3.h6.bold,
h4.h6.bold,
h5.h6.bold,
h6.h6.bold,
.font-head.h6.bold,
h1 .bold,
h2 .bold,
h3 .bold,
h4 .bold,
h5 .bold,
h6 .bold,
.font-head .bold,
h1.h1 .bold,
h2.h1 .bold,
h3.h1 .bold,
h4.h1 .bold,
h5.h1 .bold,
h6.h1 .bold,
.font-head.h1 .bold,
h1.h2 .bold,
h2.h2 .bold,
h3.h2 .bold,
h4.h2 .bold,
h5.h2 .bold,
h6.h2 .bold,
.font-head.h2 .bold,
h1.h3 .bold,
h2.h3 .bold,
h3.h3 .bold,
h4.h3 .bold,
h5.h3 .bold,
h6.h3 .bold,
.font-head.h3 .bold,
h1.h4 .bold,
h2.h4 .bold,
h3.h4 .bold,
h4.h4 .bold,
h5.h4 .bold,
h6.h4 .bold,
.font-head.h4 .bold,
h1.h5 .bold,
h2.h5 .bold,
h3.h5 .bold,
h4.h5 .bold,
h5.h5 .bold,
h6.h5 .bold,
.font-head.h5 .bold,
h1.h6 .bold,
h2.h6 .bold,
h3.h6 .bold,
h4.h6 .bold,
h5.h6 .bold,
h6.h6 .bold,
.font-head.h6 .bold {
	font-weight: 700;
}

body,
p,
.gform_body .gfield input,
.gform_body .gfield textarea,
.gform_body .gfield select {
	font-size: 16px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	body,
  p,
  .gform_body .gfield input,
  .gform_body .gfield textarea,
  .gform_body .gfield select {
		font-size: 0.75rem;
	}
}

h1,
h2,
h3,
h4,
h5,
h6 {
	line-height: 1.4;
}

h1,
.h1 {
	font-size: 45px;
}

h2,
.h2 {
	font-size: 39px;
}

h3,
.h3 {
	font-size: 30px;
}

@media (max-width: 767px) {
	h3,
  .h3 {
		font-size: 1.67em;
	}
}

h4,
.h4 {
	font-size: 20px;
}

h5,
.h5 {
	font-size: 18px;
}

h6,
.h6 {
	font-size: 14px;
}

.lead {
	font-size: 18px;
	line-height: 1.5;
}

@media (max-width: 767px) {
	.lead {
		font-size: 3vw;
	}
}

body {
	font-size: 16px;
	line-height: 1.5;
	font-family: "ヒラギノ角ゴ Pro W3", "メイリオ", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体",  sans-serif;
	color: #000;
}

@media (max-width: 767px) {
	body {
		font-size: 0.75rem;
	}
}

.text-center {
	text-align: center;
}

.text-black {
	color: #000 !important;
}

.img-responsive {
	height: auto;
	display: block;
	max-width: 100%;
}

.main-body {
	max-width: 640px;
	margin: 0 auto;
	display: block;
	position: relative;
	overflow: hidden;
}

.container {
	padding-left: 37px;
	padding-right: 37px;
}

@media (max-width: 767px) {
	.container {
		padding-left: 6%;
		padding-right: 6%;
	}
}

.text-link {
	text-decoration: none;
}

.text-link img {
	transition: all .5s;
}

.text-link:hover,
.text-link:active,
.text-link:focus {
	opacity: 70%;
	text-decoration: underline;
}

.text-link:hover img,
.text-link:active img,
.text-link:focus img {
	opacity: 0.7;
}
/* ----- header ----*/
header {
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
}

.header-logo img {
	max-width: 165px;
}

@media (max-width: 575px) {
	.header-logo img {
		max-width: 130px;
	}
}
/*------- Banner --------*/
.img-banner {
	margin-bottom: 25px;
}

.img-1655-top {
	margin-top: 5px;
}

.box-teikicp {
	padding-top: 30px;
}

.box-02 {
	background-image: url('../images/1655_bg.jpg');
	background-repeat: repeat-y;
	background-size: contain;
	margin-bottom: 10px;
}

.box-02 .container-small {
	padding-left: 15px;
	padding-right: 15px;
}

.box-02 .container {
	padding-left: 50px;
	padding-right: 50px;
}
.box-02 .container-txt {
	padding-left: 25px;
	padding-right: 25px;
}

@media (max-width: 767px) {
	.box-02 .container {
		padding-left: 12%;
		padding-right: 12%;
	}
}

.img-1655-btn {
	margin: 0px auto 8px;
}

.text-1655 {
	letter-spacing: 0.49px;
}

.box-dash {
	border: 1px dashed #000000;
	padding: 22px 36px;
}

@media (max-width: 767px) {
	.box-dash {
		padding: 18px 20px;
	}
}

.box-eye {
	margin-top: 40px;
	background: transparent linear-gradient(0deg, #FFFFFF 0%, #EFEFEF 100%) 0% 0% no-repeat padding-box;
}

.img-graph-01-header {
	margin: 0 auto;
}

.box-graph-border {
	border-width: 0 2px 2px 2px;
	border-style: solid;
	border-color: #000;
	margin-left: 2.49px;
	padding: 30px 20px 5px;
}

.box-graph-02 .box-graph-border {
	margin-left: 0;
}

.img-dailylife {
	margin-bottom: -100px;
}

@media (max-width: 767px) {
	.img-dailylife {
		margin-bottom: -30px;
	}
}

.box-recommended {
	background: url('../images/bg_recommended.jpg') no-repeat scroll top center / contain;
	padding-top: 260px;
}

@media (max-width: 767px) {
	.box-recommended {
		padding-top: 35%;
		background-size: cover;
		background-position: center center;
	}
}

.img-logo-recommended {
	max-width: 328px;
	width: 100%;
}

.box-recommended-logo {
	background: url('../images/bg_recommended_bottom_1.png') no-repeat scroll bottom center / cover;
	padding-bottom: 160px;
	position: relative;
	z-index: 2;
}

@media (max-width: 767px) {
	.box-recommended-logo {
		padding-bottom: 30%;
	}
}

.box-mechanism {
	background: url('../images/bg_gradient_blue.png') no-repeat scroll top center / cover;
	padding-top: 150px;
	margin-top: -120px;
}

.box-mechanism .container {
	padding-left: 15px;
	padding-right: 15px;
}

.box-mechanism-bottom .container {
	padding-left: 15px;
	padding-right: 15px;
}

.box-notice {
	margin-top: 30px;
}

.box-notice hr {
	border-color: #000000;
}

.box-notice p {
	font-size: 18px;
}

@media (max-width: 767px) {
	.box-notice p {
		font-size: 0.875rem;
	}
}

footer {
	padding-bottom: 20px;
}

.footer-logo {
	width: 100%;
	max-width: 170px;
	margin: 20px auto 0;
}

.box-imuse {
	margin-top: -1px;
}

.footer_menu {
	margin: 20px auto 0;
	line-height: 1.7;
	font-size: 0.7em;
	text-align: center;
}

.footer_menu ul li {
	display: inline-block;
	margin-right: 1.5em;
}

.footer_menu ul li:first-child {
	margin-left: 1.5em;
}

.footer_menu ul li:last-child {
	margin-right: 0;
}

.footer_menu ul li a {
	background: url(../images/icon_007.jpg) left center no-repeat;
	padding-left: 12px;
	font-size: 13px;
	color: #000;
	line-height: 1;
	text-decoration: none;
}

.footer_menu ul li a.blank {
	background-image: url(../images/icon_021.png);
	padding-left: 16px;
}

.footer_menu ul li a:hover {
	color: #d00;
}

.footer_menu .info {
	margin: 0 auto;
	padding-top: 2%;
	font-size: 13px;
}

.spBr {
	display: none;
}

@media (max-width: 767px) {
	.spBr {
		display: block;
	}
}

.footer p {
	margin: 0 auto 1.5em auto;
	color: #000;
}

.tel-mobile {
	display: none;
}

@media (max-width: 767px) {
	.tel-mobile {
		display: block;
	}
}

@media (max-width: 767px) {
	.tel-desktop {
		display: none;
	}
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
  }
}