body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
ol, ul {
	list-style: none;
}

body {
	font-family: 'Noto Sans Japanese', serif;
	font-style: normal;
	font-size: 16px;
	font-weight: 200;
}

/*ヘッダ */
.header {
	height: 40px;
	line-height: 40px;
	background-color: #3f3f3f;
}

.header-inner {
	max-width: 1250px;
	padding: 0 10px;
	margin: auto;
}

.header-inner li:first-child {
	float: left;
	text-indent: -9999px;
}

.header-inner li {
	float: right;
	margin: 0 10px 0 0;
}

.header-inner li a {
	font-size: 12px;
	color: #ddd;
	text-decoration: none;
}
.header-inner li a:hover {
	text-decoration: underline;
}

.topbtn {
	margin: 10px 0 0;
	width: 300px;
	height: 20px;
	display: block;
	background-image: url(../_asset/index/logo_s.png?171113);
}

/*タイトル */
#main {
	display: block;
	width: 100%;
}

.tooltitle {
	display: block;
	width: 1250px;
	margin: 0 auto;
}

.section-tooltitle {
	color: #fff;
	text-shadow: 1px -1px #000;
	text-align: center;
	letter-spacing: 4px;
	line-height: 30px;
	padding: 100px 0 100px;
	background-color: #31353b;
	background-image: url("../_asset/index/title_bg.jpg");
	background-position: center;
}

.tooltitle p:first-child {
	margin: 0 0 50px;
}

.tooltitle p {
	font-size: 1em;
	margin: 50px 0 0;
	color: #ddd;
}


/*無料会員登録 */
.make_recommend {
	background: #f2e4ba;
	text-align: center;
	position: relative;
}

.make_recommend img {
	margin: 7px auto 5px;
	position: relative;
	z-index: 99;
}


/*記事1 */


.section-function01,.section-function02,.section-function03 {
	padding: 90px 0 90px;
}
.section-function01 {
	background-color: #fff;
}
.section-function02 {
	background-color: #f0eee6;
}
.section-function03 {
	background-color: #f7f7f6;
}

.function-box {
	width: 1200px;
	margin: auto;
	padding: 0 30px;
}

.function-box:after {
	content: "";
	display: block;
	clear: both;
}

.section-function01 .customize-text,.section-function02 .customize-text {
	width: 770px;
}
.section-function01 .customize-text {
	float: right;
}
.section-function02 .customize-text {
	float: left;
}



.function-text p {
	margin: -15px auto 0;
	font-size: 1em;
	width: 630px;
}

.section-function01 .function-img {
	float: left;
}
.section-function02 .function-img {
	float: right;
}
.function-img {
	text-align: center;
}


.box01 .customize-text {
	margin: 20px 0 0;
}
.box02 .customize-text {
	margin: 50px 0 0;
}
.box03 .customize-text {
	margin: 50px 0 0;
}
.box04 .customize-text {
	margin: 70px 0 0;
}


/*記事サンプル */

.section-function01.section-sample {
	padding: 90px 0 40px;
}


.sample-box {
	width: 1250px;
	margin: auto;
	padding: 0;
	text-align: center;
}
.sample-box:after {
	content: "";
	display: block;
	clear: both;
}

.sample-box p {
	margin: 20px 0 30px;
}

/*PCサンプル */

.section-function03.section-sample {
	padding: 40px 0 90px;
}

.sample-wrapper {
	padding: 0;
	border: 1px solid #000000;
	text-align: left;
	margin: 0 0 90px;
}

.sample-header {
	height: 135px;
	line-height: 30px;
	background-color: #ff9900;
}
.sample-header-inner {
	max-width: 1200px;
	padding: 10px 0;
	margin: auto;
}

.sample-header-inner li:first-child {
	float: left;
	color: #fff;
	margin: 30px 10px 0 0;
}

.sample-header-inner li {
	float: right;
	font-size: 12px;
	margin: 0;
}
.sample-header-inner li strong {
	font-size: 24px;
}



.sample-menu {
	height: 35px;
	line-height: 30px;
	background-color: #000;
}
.sample-menu .sample-img {
	width: 1195px;
	margin: 0 auto;
}

.sample-carousel {
	height: 200px;
	background-color: #fcfbe8;
	padding: 20px 25px;
}
.sample-main {
	background-color: #fff;
	padding: 20px 20px;
}
.sample-main:after {
	content: "";
	display: block;
	clear: both;
}


.sample-left,.sample-center,.sample-right {
	float: left;
}

.sample-center {
	padding: 2px 15px;
}

.sample-caption {
	height: 35px;
	line-height: 30px;
	background-color: #ff9900;
	padding: 10px 15px;
	margin: 15px 0 0;
	color: #fff;
	font-size: 24px;
}


/*記事サンプルスマホ */

.sample-sp {
  position: relative;
  width: 660px;
  height: 810px;
  margin: 0 auto;
}
.sample-sp-wrapper {
  position: absolute;
  top: 138px;
  left: 37px;
  width: 320px;
  text-align: left;
}



/*こんな使い方 */
#disease li h3 {
	font-size: 23px;
	text-align: center;
	font-style: normal;
	font-weight: 200;
	color: #84827a;
}

#disease li p {
	padding-top: 20px;
	font-size: 14px;
}

#disease {
	width: 100%;
	margin-top: 60px;
	margin-left: 15px;
	color: #a4a08e;
}
#disease li {
	width: 28%;
	margin-right: 2%;
	margin-bottom: 38px;
	padding: 1%;
	float: left;
	background-color: #fbfaf4;
	border: 1px solid #a4a08e;
}


/*フッタ*/

.footer {
	height: 200px;
	line-height: 30px;
	background-color: #3f3f3f;
}

.footer-inner {
	max-width: 1250px;
	padding: 60px 0 0;
	margin: auto;
	font-size: 12px;
	color: #ddd;
	text-align: center;
}


/*TOPへ */
.pagetop.show {
	opacity: 1;
	filter: alpha(opacity=100);
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	z-index: 9999;
}

.pagetop {
	position: fixed;
	bottom: 260px;
	right: 5%;
	opacity: 0;
	filter: alpha(opacity=0);
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(0.3);
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
	z-index: 9999;
}