@charset "UTF-8";
/* -------------------------------------------------
    R E S E T
--------------------------------------------------- */
html,body,div,p,a,span,img,ol,ul,li,form,h1,h2,h3,h4,h5,h6,table,tr,th,td,address,fieldset,legend,dl,dt,dd{margin:0;padding:0;border:0; font-size:100%;font-weight:normal;text-decoration:none;font-style:normal;vertical-align:top;}ol,ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
html,body {
	margin: 0 auto;
	position: relative;
	min-width: 960px;
	width: 100%;
	font-size: 14px;
	line-height: 1.6;
	color: #736357;
	background: #fff;
	letter-spacing: normal;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	vertical-align: baseline;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
a { color: #736357;
	display: block;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;}
.pc { display: block;}
.sp { display: none;}
*, *:before, *:after { box-sizing: border-box;}
@media screen and (min-width: 641px) {
a { -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; transition: 0.3s all; backface-visibility: hidden;}a:hover { opacity: 0.6;}}
@media screen and (max-width: 640px) {
html,body { min-width: 640px; width: 100%; font-size: 20px;}
* { max-height: 999999px;}
img { max-width: 640px;}
.pc { display: none;}
.sp { display: block;}}

/* -------------------------------------------------
    A L L
--------------------------------------------------- */
.w960 { margin: 0 auto; width: 960px;}
.mintyo { font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
.mgb20 { margin-bottom: 20px;}
@media screen and (max-width: 640px) { .w960 { width: 560px;}}

/* -------------------------------------------------
    T I T L E
--------------------------------------------------- */
h2.pagetitle {
	text-align: center;
	background: #D4E6E8;
	color: #42210B;
	font-size: 28px;
	height: 160px;
	line-height: 160px;
	letter-spacing: 2px;}
@media screen and (max-width: 640px) {
h2.pagetitle { height: 140px; line-height: 140px;}}

#disease h2.pagetitle,
#lysosome h2.pagetitle {
	text-align: center;
    padding: 42px 0 38px;
	background: #D4E6E8;
	color: #42210B;
	font-size: 28px;
	height: auto;
	line-height: 40px;
	letter-spacing: 2px;}
@media screen and (max-width: 640px) {
#lysosome h2.pagetitle { height: auto; line-height: 40px;}}



/* -------------------------------------------------
    H E A D E R
--------------------------------------------------- */
#header { margin: 0 auto; width: 960px;}
#header h1 {
	height: 100px;
	font-size: 16px;
	font-weight: bold;
	color: #42210B;
	line-height: 80px;}
#hd_nav { overflow: hidden;}
#hd_nav ul li {
	float: left;
	margin-bottom: 20px;
	width: 270px; height: 60px;}
#hd_nav ul li a {
	width: 100%;height: 60px;
	font-size: 15px;
	text-align: center;
	line-height: 60px;
	border-left: 1px solid #E6E6E6;}
#hd_nav ul li.text_line2 a {
	padding-top: 10px;
	line-height: 20px;}

/* ホーム */
#hd_nav ul li.home { width: 80px; }
#hd_nav ul li.home a {
	font-size: 15px;
	text-align: center;
	line-height: 60px;
	border-left: 1px solid #E6E6E6;
	padding-top: 10px;
}
/* 文字数少ないの */
#hd_nav ul li.short { width: 170px; }

#hd_nav ul li:last-child a { border-right: 1px solid #E6E6E6;}
@media screen and (max-width: 640px) {
#header { width: 640px; overflow: hidden;}
#header h1 {
	background: #42210B;
	height: 80px;
	font-size: 28px;
	color: #fff;
	text-align: center;}
#hd_nav ul li {
	float: left;
	margin-bottom: 0;
	width: 320px; height: 80px;}
#hd_nav ul li a {
	width: 320px; height: 80px;
	font-size: 20px;
	line-height: 80px;
	border-bottom: 1px solid #E6E6E6;
	letter-spacing: -0.5px;}
#hd_nav ul li.text_line2 a { padding-top: 12px; line-height: 28px;}
/*#hd_nav ul li:last-child, #hd_nav ul li:last-child a { border-right: 0;}*/

#hd_nav ul li.home a{ padding-top: 20px ;width: 100%; }
#hd_nav ul li.home { width: 100%; border-right: 0; }
#hd_nav ul li.short { width: 320px; }
}

/* -------------------------------------------------
    I N D E X
--------------------------------------------------- */
#index {
	text-align: center;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
#index h2 {
	font-size: 28px;
	color: #42210B;
	letter-spacing: 2px;}
#index p { font-size: 16px;}
#index .about { padding: 60px 0 120px;}
#index .about h2 { padding-bottom: 30px;}
#index .act { padding: 100px 0 120px;}
#index .gaibu { padding: 80px 0 100px;}
#index .act h2 { padding-bottom: 80px;}
#index .gaibu h2 {
	font-size: 20px;
	padding-bottom: 1.5em; }
#index hr {
	margin: 0;
	padding: 0;
	border: 0;
	border-bottom: 1px solid #42210B;}
a.more {
	margin: 60px auto 0;
	position: relative;
	width: 360px; height: 60px;
	line-height: 60px;
	font-size: 18px;
	border: 1px solid #736357;}
a.more::before{
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto;
	content: "";
	vertical-align: middle;
	right: 18px;
	width: 15px;
	height: 15px;
	border-top: 1px solid #736357;
	border-right: 1px solid #736357;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);}
@media screen and (max-width: 640px) {
#index h2 { font-size: 32px;}
#index .gaibu h2 { font-size: 26px; }
#index p { font-size: 22px;}
a.more { height: 80px; line-height: 80px; font-size: 24px;}}

/* -------------------------------------------------
    L I S T
--------------------------------------------------- */
#list h3 {
	margin: 0 auto;
	padding: 80px 0;
	width: 960px;
	text-align: left;}
#list ul {
	margin: 0 auto 80px;
	width: 960px;
	border: 1px solid #E6E6E6;}
#list ul li { border-bottom: 1px solid #E6E6E6;}
#list ul li:last-child { border: none;}
#list ul li a {
	padding: 20px;
	height: 180px;
	overflow: hidden;}
#list ul li a img {
	float: left;
	margin-right: 30px;
	width: 140px;}
#list ul li a .text {
	float: left;
	width: 748px;}
#list ul li p.sub {
	line-height: 1;
	color: #FDBF2C;
	font-size: 16px;
	font-weight: bold;}
#list ul li h4 {
	padding: 10px 0 16px;
	color: #42210B;
	font-size: 20px;
	line-height: 26px;}
#list ul li p.name {
	font-size: 18px;
	font-weight: bold;
	color: #534741;}
@media screen and (max-width: 640px) {
#list h3 { padding: 40px 0; width: 560px;}
#list ul { width: 640px; border: none;}
#list ul li:first-child { border-top: 1px solid #E6E6E6;}
#list ul li:last-child { border-bottom: 1px solid #E6E6E6;}
#list ul li a { height: auto; min-height: 180px;}
#list ul li a .text { width: 428px;}
#list ul li p.sub { font-size: 20px;}
#list ul li h4 { padding: 10px 0; font-size: 24px; line-height: 30px;}
#list ul li p.name { font-size: 24px;}}

/* -------------------------------------------------
    K I J I
--------------------------------------------------- */
#kiji h3 {
	margin: 0 auto;
	padding: 80px 0;
	width: 960px;
	text-align: left;}
#kiji .info {
	padding-bottom: 20px;
	overflow: hidden;
	border-bottom: 2px solid #E6E6E6;}
#kiji .info img {
	float: left;
	margin-right: 30px;
	width: 140px;}
#kiji .info .text {
	float: left;
	width: 790px;}
#kiji .info p.sub {
	padding-top: 8px;
	line-height: 1;
	color: #FDBF2C;
	font-size: 20px;
	font-weight: bold;}
#kiji .info h4 {
	padding: 10px 0 16px;
	color: #42210B;
	font-size: 24px;
	line-height: 30px;}
#kiji .info p.name {
	font-size: 18px;
	font-weight: bold;
	color: #534741;}
#kiji .main { overflow: hidden; padding-bottom: 100px;}
#kiji .main p {
	text-align: justify;
	text-justify: inter-ideograph;
	clear: both;
	padding-top: 30px;
	line-height: 2;
	color: #333;}
#kiji .main img.fl {
	float: left;
	padding: 30px 40px 30px 0;}
#kiji .main img.fr {
	float: right;
	padding: 30px 0 30px 40px;}
#kiji .main h5 {
	margin-top: 40px;
	font-weight: bold;
	font-size: 18px;
	color: #FF9F00;}
#kiji .main .name {
	margin-right: 20px;
	color:#00CBD5;
	font-weight: bold;}

#list ul li.on { background: #f2f2f2;}
#list a.back {
	margin-bottom: 80px;
	font-weight: bold;
	font-size: 20px;
	color: #42210B;
	text-align: center;}
@media screen and (max-width: 640px) {
#kiji .main h5 {font-size: 22px;}
#kiji h3 { padding: 40px 0; width: 560px;}
#kiji .info .text {	width: 390px;}
#kiji .info p.sub {	padding-top: 0;}
#kiji .info p.name { font-size: 24px;}
#kiji .main { overflow: hidden; padding-bottom: 100px;}
#kiji .main img.fl, #kiji .main img.fr {
	float: none;
	padding: 0;
	display: block;
	margin: 40px auto 0;}
#list a.back { font-size: 24px;}}
#slbox { overflow: hidden;}

/* -------------------------------------------------
    A B O U T
--------------------------------------------------- */
#about p {
	padding: 80px 0 300px;
	width: 560px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;}

/* -------------------------------------------------
    lysosome
--------------------------------------------------- */
#lysosome p {
	padding: 80px 0 20px;
	width: 560px;
	margin: 0 auto;
	font-size: 120%;
	line-height: 2;
	text-align: justify;
	text-justify: inter-ideograph;}
#lysosome a {
	text-align: center;
	font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,メイリオ,Meiryo,serif;}
#lysosome a.more {
    margin: 60px auto 200px;}

/* -------------------------------------------------
    D I S E A S E
--------------------------------------------------- */
#disease .inner{
	margin: 80px ;
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	box-sizing: border-box;
}
@media screen and (max-width: 640px) {
	#disease .inner{ width: 100%; padding: 0 40px;  }
}
/* unker */
.unker{ font-size: 0; margin-bottom: 60px; font-size: 120%; text-align: center; }
.unker li{ display: inline-block; font-size: 110%; margin-right: 30px;  }
.unker li:last-child{margin-right: 0; }
@media screen and (max-width: 640px) {
	.unker { padding: 0 80px;}
	.unker li{display: block; width: 100%; text-align: left; margin: 0; }
	.unker li a{padding: 5px 0; }}

#disease p{ font-size: 120%; line-height: 1.8; }
#disease h3{ font-size: 120%; line-height: 1.8; }
#disease p a{ display: inline; word-break: break-all; text-decoration: underline; }
#disease h3.yamai{ font-size: 180%; padding-bottom: 5px; border-bottom: solid 2px #8e7a6d; margin-bottom: 40px;}

#disease div.box{ margin-bottom: 80px; }
#disease div.box:last-child{ margin-bottom: 0px; }
.txR{ text-align: right; }

/* -------------------------------------------------
    F O O T E R
--------------------------------------------------- */
#footer {
	padding: 60px 0;
	color: #534741;
	text-align: center;
	background: #F2F2F2;
	line-height: 30px;
	letter-spacing: 1px;}
#footer h1 { font-size: 18px;}
#footer p { line-height: 1.4;}
@media screen and (max-width: 640px) {
#footer { line-height: 40px;}
#footer h1 { font-size: 24px;}}